body { margin:0; padding:0; background-image: url('GradientTizagCrop.jpg'); background-repeat:repeat-x; 
	background-color:#477897; font-family:verdana, sans-serif; font-size:80%; }
	
div#page { width:800px; margin:0 auto; background-image: url('GradientTizagCrop.jpg');
	 background-repeat:repeat-x; background-color:#477897; } /* this is the wrap container to center the two cols on the screen */

div#header { width:800px; height:4em; margin:0 0 0 7px; padding:.28em 0 0 0; background-image: 
	url('GradientTizagCrop.jpg'); background-repeat:repeat-x; background-color:#477897; font-family:"century gothic", 
	"lucida sans", verdana, sans-serif; font-size:2.2em; font-weight:normal; color:#fff; }
	
div#nav { margin:-25px 20px 0 190px; padding:0 0 3px 0; height:.7em; width:600px; background-color:#477897; text-align:center; }
div#nav  a  { font-family:"century gothic", sans-serif; font-size:1.4em; color:#d1e7f4; font-weight:normal; text-decoration:none; }

div#leftcol {  width:206px; float:left; margin:15px 25px 0 9px; padding:0 0 0 0; 
	height:auto; font-family:tahoma, sans-serif; color:#000; line-height:145%; background-color:#477897; }
div#leftcol p.index { font-family:"century gothic", sans-serif; font-weight:normal; font-size:1.1em; color:#d1e7f4; 
	line-height:160%; }
div#leftcol h3 { font-family:"century gothic", sans-serif; font-size:1.1em; color:#d1e7f4; font-weight:normal; 
	margin-top:0; margin-bottom:.5em; line-height:120%; }
div#leftcol ul { list-style-type: none; padding: 0; margin:0; text-decoration:none; line-height:150%; }
div#leftcol ul li { margin:0; text-decoration:none; line-height:200%; } 
div#leftcol a:link { text-decoration:none; font-family:tahoma, sans-serif; color:#d1e7f4; }
div#leftcol a:visited {  text-decoration:none; font-family:tahoma, sans-serif; color:#d1e7f4; border-bottom:1px dotted; }
div#leftcol a:hover { font-family:tahoma, sans-serif; color:#603; text-decoration:none; border-bottom:1px dashed; }
	 /* Nov 20 2010 hover not showing underline or background color with this code */
div#leftcol input { border:1px inset #fff; background-color:#77A3BF; font-family:tahoma, sans-serif; font-size:.95em; color:#fff; }
div#leftcol span { display:inline; font-family:verdana, sans-serif; font-weight:600; }
div#leftcol span.centurygothic { display:inline; font-family:"century gothic", sans-serif; font-size:1.2em; color:#ccff99; 
	font-weight:normal; }
div#leftcol span.note { display:inline; font-family:"arial narrow", sans-serif; font-weight:normal; color:#333; }
div#leftcol p.verse { font-size:.97em; font-weight:normal; font-style:italic; color:#fff; line-height:150%; }

div#midcol {position:relative; margin:13px 20px 0 225px; padding:10px 20px 0 25px; width:480px; border:3px solid #ccff99; 
	background-color:#fff; font-family:verdana, sans-serif; color:#333; line-height:150%; -moz-border-radius: 15px; 
	-webkit-border-radius: 15px; }
div#midcol h1 { font-family:"century gothic", tahoma, sans-serif; font-size:1.7em; color:#369; font-weight: normal; 
	margin-bottom:.5em; padding:.2px 0; line-height:120%; text-align:center; }
div#midcol h2 { font-family:"century gothic", verdana, tahoma, sans-serif; font-size: 1.32em; color:#036; font-weight:
	 normal; margin:1.3em 0 .9em 0; text-align:center; }
div#midcol h3 { font-family:"century gothic", verdana, tahoma, sans-serif; font-size: 1.25em; color:#036; font-weight: 
	normal; margin:1.3em 0 .9em 0; }
div#midcol p.title { font-family: "century gothic", tahoma, sans-serif; font-size: 1.45em; color:#369; font-weight:normal; 
	margin:1.5em 0 1.3em 0; text-align:center; }
div#midcol p { margin:.9em 0;  }
div#midcol p.overview { margin:10px 0 0 0; padding:10px 10px 10px 10px; border:1px solid #ccc; 
	 text-align:center; -moz-border-radius: 15px; -webkit-border-radius:15px; }
div#midcol p.announcement { margin:10px 0 0 0; padding:10px; border:3px double #369; font-size:.9em; text-align:center;
	 -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#midcol p.note2 { font-family: verdana, sans-serif; font-size:85%; line-height:130%; text-align:center; }  
	/* minimized text, centered under an image */
div#midcol span { display:inline; font-family:verdana, sans-serif; font-weight:600; color:#333; }
div#midcol span.centurygothic { display:inline; font-family:"century gothic", sans-serif; font-weight:normal; 
	font-size:1.2em; color:#036; }
div#midcol blockquote { margin-left:20px; }
div#midcol p.note { font-size:90%; line-height:145%; }
div#midcol p.back { margin-bottom:0; font-size:85%; text-align:center; }
div#midcol p.top { margin-top:0; text-align:center; }
div#midcol p.center  { margin:0; padding:0; text-align:center; }
div#midcol p.feedback { font-size:.85em; margin-top:.4em; }
div#midcol li { margin:4px 0 4px 0; }
div#midcol a:link { text-decoration:none; color:#06c; }
div#midcol a:visited { text-decoration:none; border-bottom:1px dotted; color:#06c; }
div#midcol a:hover, a:active { text-decoration:none; border-bottom:1px dashed; color:#06c; }

div#rightcol {display:none; }

#cleardiv { clear: both; height: 1em; }

div#footer { clear:both; position:relative; margin:0 20px 0 210px; padding:15px 0 0 30px; width:500px; text-align:center; 
	font-family:verdana, sans-serif; font-size:.95em; color:#d1e7f4; background-color:#477897; }
div#footer a:link, a:visited { color:#d1e7f4; text-decoration:none; }
div#footer a:hover, a:active { border-bottom:1px dotted; color:#d1e7f4; }
	
hr.full { height:1px; border-top:none; color:#999; background-color:#999; }
hr.mid { height:1px; width:75%; border-top:none; color:#999; background-color:#999; }
hr.small { height:1px; width:25%; border-top:none; color:#999; background-color:#999; }

img.left { display:inline; float:left; margin:5px 15px 0 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; } 
	/* -moz for Mozilla, -webkit for Safari */
img.right {display:inline; float:right; margin:5px 0 0 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
img.center { display:block; margin:5px auto 12px auto; 
	  -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* styled for 'New Song' photo on index page */
img.top { display:block; margin:12px auto 12px auto; 
	  -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* styled for larger images at top of main column */
img.amazon {display:inline; float:right; margin:5px 0 0 15px; border-width:1px; }
img.rss { display:inline; border:none; margin:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px;}