body {
        background-color: #B4D7EF;
       
        font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: 100.01%;
		line-height: 140%;
		Color: #000066;  }
		
* {margin: 0; padding: 0;}		
 
h1, h2, h3, h4 {font-family: Georgia, Times-New-Roman, Times, serif; 
font-style: italic; font-weight: normal;}

 h1  {font-size: 190%; line-height: 150%; margin: 5px ;}
  h2  {font-size: 160%; line-height: 140%; margin: 5px ;}
  h3  {font-size: 140%; line-height: 140%; margin: 10px 0 5px 5px;}
  h4  {font-size: 120%; line-height: 130%;}

h1, h2 {color: #000066; }

.subtitle {margin-top:-10px;}
  	
#container { border:0px solid green; width:865px; margin-top: 20px; margin-right:auto; margin-bottom: auto; margin-left:auto; }  
 	
#head { background-color: #CCE7FF; width: 820px; height: 235px; padding: 0px; margin: 0px; line-height: 150%; }

#cleardiv { width:865px; background-image: url(church/background.gif); background-repeat: repeat-y; border:0px solid purple;}

#nav {  text-align:center; font-size: 90%; line-height: 110%; background-color: #FFE4B1;  border-top: solid 0px; border-right:  solid 3px #8F0000; border-left: solid 3px #8F0000; width: 174px;  padding: 0 5px; margin:0px; float: left;}

 	 	
#content {  border:0px solid red; width: 645px;  padding: 10px 13px; margin: 0px 0px 0px 188px; font-size: 98%; line-height: 150%;}

#content2 {
	border:0px solid red;
	width: 616px;
	padding: 10px 30px;
	margin: 0px 0px 0px 188px;
	font-size: 100%;
	line-height: 150%;
} 
#content2 p { margin: 10px 5px;}  

#content p {line-height: 140%; margin: 8px 5px;} 

#content .iframe {margin:0 0 -150px 0; padding:0;}

.notation {  font-size:75%;}

.notation2 {  font-size:75%; padding-top:0; margin-top:-5px;}


	     
.l-text { font-size: 70%; line-height:105%; margin-top:-10px; }
	
.noindent {text-indent: 0px;}
.center {text-align:center;  }

#content .centercaption {text-align:center; margin-top: -10px; margin-bottom: 15px;}
	
#nav a  { text-align:center; font-family: sans-serif; font-size: 85%; text-decoration: none; padding-top: 4px;   margin: 0px; color: #FFF8DC; }

#nav a:link  { color: #630020; }

#nav a:visited  { color: #630020; }

#nav a:hover  { color: #990000; }

#nav .navtext { text-align:center; font-family: sans-serif; font-size: 85%; color: #630020; font-weight:bold;}

#nav .navtext p{ text-align:center; font-family: sans-serif; font-size: 85%; color: #630020; font-weight:bold;}
	
.nav { text-align: center; padding: 5px; border:0px; background-color: #630020;  }
  
span.left {text-align: left; font-weight:bold;}

#simpleviewer { width:650px; height:630px;  }


.bio { width:640px;
	padding:0px;margin:10px 10px 15px 10px;}

.bio h2{font-size:1.5em;  
	margin:0; 
	font-family:"Trebuchet MS", Tahoma, sans-serif; 
	margin-left:10px; 
	color:#000066; 
	font-weight:bold;}	
	
.bio h3 { }	
	
.bio p {font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		margin-left: 100px;
	    padding:0;}
	
.bio img {
	float:left;
	margin:5px 17px 0px 0;
}	


.bio ol li {font-family:Arial, Helvetica, sans-serif;
		font-size:.9em;
		margin-left:385px;
	    padding:0;}	

.cd {margin-left:385px;
	 padding:0;}	

.cd p {font-family:Arial, Helvetica, sans-serif;
	 font-size:.95em;
	 padding-left:15px;}

#footer {
  background-color: #FFE4B1;
  border: 			solid 2px #8F0000;
  color:           #8F0000;
  text-align:       center;
  line-height:     130%;
  padding:          6px;
  margin:           0 0;
  font-family:      Verdana, Geneva, Arial, sans-serif;
  font-size:        70%;
  clear: both;}


#blue {color: #CCE7FF; }
  
.left {text-align: left; font-weight:bold;}
.bold {font-weight:bold;}
.italic {font-style: italic }

a:link  { color: #000066; text-decoration:underline; }
a:visited  { color: #000033; text-decoration:underline; }
a:hover  { color: #000099; }


table {
    border: 0px solid #000000;
    margin-left: 0px;
    margin-right: 400px;
    width: 600px;}
    
 #table th {text-align:right; padding: 4px 12px 4px 4px;border: 0px solid #000000; width: 150px;}

td {
    border: 0px solid #000000;
    text-align: left;
    width: 400px;
    height: 40PX }

#schedule  {
    border: 0px solid #000000;
    text-align: left;
    margin-left: 0px;
    margin-right: 100px;
    width: 100px;}
    
#willie {position: relative; margin: bottom: 0 }

#ad {width: 600px; 
	margin: 10px;
	height: 170px;}
#flashcontent { height: auto; width: auto; }
    
#image img{
    float: left;
    position: relative; top: -.5em; left:3em;
	width: 8em;
	height: 10em;
	border: medium solid #000066; 
	margin-top: 15px; }
	
div.mainimage {
	float:left;
	margin:10px -20px 0 80px;
}	

#play {
	float: left;
	width: 20em;
	height: 9.375em;
	text-align:center;
	margin-left: 60px;
	margin-right:120px;
	margin-bottom:30px;
	padding: 10px; }
	 
#reservation { margin-left:40px; }	

.clearfix:after; { 
   content: “.”; 
   display:block; 
   height: 0; 
   clear:both; 
   visibility:hidden; }
   
.clearfix { display:inline-block;}
html .clearfix { height:1%;}
.clearfix {display:block;} 

#list { 
	font-size: 1em; 
	}	


#list ul { 
	 
	padding:0; }

#list li { 
	
		margin:0 0 0 2px;}

#lentquote {margin:10px; padding:0;}

#lentquote p{text-align:center; font-family:"Times New Roman", Times, serif; font-size:1.5em; Color: #000066;}

.schedule {margin-left:0; }
.schedule ul {margin:0; display:block; }
.schedule li { list-style-type:none; padding:10px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000066;} 
.lentschedule {width:625px; margin:5px;}
.lentschedule table {width:600px;}
.red {color:#CC0000; }
.slideshow {width:630px; margin:0 auto; }