body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;color: #666;background-color:#5b611d;margin: 0 0 20px 0;
	background-image:url(bg-imagetile.jpg); background-position:top center; background-repeat:no-repeat;
	padding: 0;
	text-align: center; 
}
#bggodz{
	background-image:url(bg-godz.gif); background-repeat:repeat-y; background-position:center top;
}
#container { 
	width: 760px;  
	background-color:#fff; position:relative;
	margin: 0 auto; 

	text-align: left;
} 
#sermons07{
	font-size:70%;
}
#header { 
	background-color:#fff; background-image:url(header-final.jpg); background-position: top center; background-repeat:no-repeat; height:181px;
} 
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #fff;
	padding: 0px 0 0 20px;  margin-top:50px;/**/ margin-left:0; padding-top:0;
}
li.nopad{
	padding-bottom:-5px !important;
}
#mainContent { 
	margin: 0px 0 0 190px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 40px 50px 30px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ 
}
#mainContent h1{ 
	text-align:left; color:#a9704c; font-size:150%;font-weight:bold; line-height:25px; display:inline; font-family:Georgia, "Times New Roman", Times, serif;/*margin: 70px 0 0 20px;  the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-bottom:5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent h3{ 
	text-align:left; color:#666; font-size:100%;font-weight:bold;margin-top:30px; margin-bottom:-10px !important; /*line-height:25px; display:inline; margin-top:20px;margin-bottom:-20px; padding-top:20px;/*margin: 70px 0 0 20px;  the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-bottom:5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent li{
	margin-bottom:8px;
}
#youth-li li{
	margin-left:-15px;margin-right:8px;
}
#mainContent p{
	color:#666; font-size:80% !important; line-height:160%;  padding-top:5px; /*margin-bottom:-8px;*/ 
}
#staff{
	 margin-top:0;
}
#staff p{
	font-size:75% !important; font-family:Arial, Helvetica, sans-serif !important; text-align:center; margin-top:7px; margin-bottom:0;
}
.pstyle{
	line-height:160% !important;
}
#mainContent li{
	font-size:80%;
}
#mainContent a:link, #mainContent a:visited{
	 color:#666 !important; text-decoration:underline !important;
}
#mainContent a:hover, #mainContent a:focus{
	 color:#333 !important; text-decoration:none !important;
}
.wplineht{
	line-height:140%; margin-top:0;
}
#mainContent p a:link, #mainContent p a:visited{
	 color:#666 !important; text-decoration:underline !important;
}
#mainContent p a:hover, #mainContent p a:focus{
	 color:#333 !important; text-decoration:none !important;
}
 .flleft{
	float:left; margin-right:10px; margin-bottom:10px;
}
 .flright{
	float:right; margin-left:10px; margin-bottom:10px;
}
.bolditalic{
	font-style:italic;font-weight:bold;
}	
.italic{
	font-style:italic;
}
.bold{
	font-weight:bold;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#bottomband{
	/*background-image:url(bottom-tile.jpg); background-repeat:repeat-x;height:32px; */background-color:#a4a47a; height:52px;
}
#footer { 
	padding: 10px 10px 10px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#5b611d; text-align:right; border-left: 1px solid #5b611d;
	border-right:#5b611d; 
	border-bottom:1px solid #5b611d;/**/
}
#footer p {
	font-size:70%; color:#000;text-align:right;line-height:120%;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0; /*0 15px 0;  padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer p a:link, #footer p a:visited{
	color:#000; text-decoration:none;
}
#footer p a:hover, #footer p a:focus{
	color:#000; text-decoration:underline;
}
.copy{
	font-size:90%; color:#333;
}
#footer.copy a:link, #footer a:visited{
	color:#000; text-decoration:none;
}
#footer.copy a:hover, #footer a:focus{
	color:#000; text-decoration:underline;
}
table.angelGallPad td{
	padding-right:20px;padding-bottom:20px; border:0;
}
table.angelGallPad td img{
	border:0;
}