@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #627bb9 url(../images/website/page_bkgnd.jpg) repeat-x left top;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333;
}

a img {border: none!important;

}


#container {
	width: 780px;  
	background: #fff url(../images/website/content_wrapper_bkgnd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border-right: 1px solid #734928;
	border-left: 1px solid #734928;
} 


#header { 
	background: #4c6091; 
	padding: 0;  
	border-bottom: 2px solid #eec3a2;
	
} 

	
#header img {display: block; }/*a fix for IE*/	
	
#primary_nav {

border-top: 1px solid #999;
margin: 0;
padding: 5px 0 5px 0;
background: #fff url(../images/website/topbar_gradient_bkgnd.jpg) repeat-x left top;
letter-spacing: .1em;

}

#primary_nav ul {

margin: 5px 0 5px 10px;
padding: 0;


}

#primary_nav li {

padding: 5px 15px 5px 0;
list-style: none;
display: inline;
color: #734928;
font-weight: bold;

}


#primary_nav a {color: #5d5a8f; text-decoration: none;}
#primary_nav a:link {color: #5d5a8f; text-decoration: none;}
#primary_nav a:visited {color: #5d5a8f; text-decoration: none;}
#primary_nav a:hover {color: #734928; }
#primary_nav a:active {color: #5d5a8f; text-decoration: none;}
		
	
#content_wrapper {
	position: relative;
	padding: 0;
	margin: 0;
	background: transparent;
	
}

	

 #sidebar {
	float: left; 
	width: 250px; /* 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 */
	margin: /*20px*/ /*10px*/0; 
	padding: 0;
	border-top: 1px solid #a4b2d5;
	background: transparent;
	
}


#sidebar a {color: #4b42cd; text-decoration: none; }
#sidebar a:link {color: #4b42cd; text-decoration: none; }
#sidebar a:visited {color: #4b42cd; text-decoration: none;}
#sidebar a:hover {color: #734928; text-decoration: underline;}
#sidebar a:active {color: #4b42cd; text-decoration: none;

}


#sidebar h1 {

font-size: 90%;
margin: 10px;
color: #734928;

}

#sidebar p  {
	font-size: 80%;
	margin: 10px;
	padding-bottom: 8px;
	font-weight: bold;
}

#sidebar ul {

font-size: 80%;

}


#sidebar_links {

margin: 0;
padding: 0;
/*border: 1px dashed #a4b2d5;*/
}

#sidebar_links ul {

font-size: 80%;
margin: 0;
padding: 0;

}

#sidebar_links li {

padding-bottom: 10px;
list-style-type: none;
background: transparent;


}

#sidebar_links li li {

padding: 0 0 0 15px;

}


#sidebar_links a {color: #4b42cd; text-decoration: none; display: block; border-bottom: 1px solid #d9dce2; font-weight: bold;}
#sidebar_links a:link {color: #4b42cd; text-decoration: none; }
#sidebar_links a:visited {color: #4b42cd; text-decoration: none;}
#sidebar_links a:hover {color: #734928; background-color: #fff; border-bottom: 1px solid #734928;}
#sidebar_links a:active {color: #4b42cd; text-decoration: none;

}


#sidebar_links ul a {
	display: block;
	padding: 3px 5px 3px 10px;
	margin: 0;
	color: #262353;
	background: transparent;
	text-decoration: none;
	}

#sidebar_links ul a:hover {
	color: #262353;
	background: transparent;
	text-decoration: none;
	background-color: #fff;

	} 


#sidebar_links ul a:active {
	color: #262353;
	background: transparent;
	text-decoration: none;

	} 



#sidebar img {
border: 1px solid #734928;

}


#mainContent {
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page */
	padding: 0 20px;
	border-top: 1px solid #dedede;
	
	
} 



#mainContent h1 {
color: #734928;
font-size: 130%;
letter-spacing: 1px;
}


#mainContent h2 {
color: #734928;
font-size: 110%;
padding-top: 5px;
}

#mainContent h3 {
color: #666;
font-size: 90%;
font-style: italic;
}


#mainContent p {
font-size: 90%;
padding-bottom: 10px;

}

#mainContent a img {

border: none;
text-decoration: none;
border: 0;

}


#mainContent a:link { color: #4b42cd; text-decoration: none; border-bottom: 1px dashed #627bb9;
}

#mainContent a:visited {color: #4b42cd; text-decoration: none; border-bottom: 1px dashed #627bb9;
}
#mainContent a:hover {color: #3b589e; text-decoration: none; border-bottom: 1px dashed #956733; background: #f4e1d1; 
}
#mainContent a:active { color: #4b42cd; text-decoration: none; border-bottom: 1px dashed #627bb9;

}


#mainContent img {

float: left;
padding: 3px;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #ccc;

}



#mainContent ul ol {

padding: 0;
margin: 0;


}

#mainContent li {

font-size: 90%;
padding-bottom: 10px;

}



#footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color: #fff;
	font-size: 80%;
	background:#4c6091;
	border-top: 2px solid #734928;
} 
 #footer p {
	margin: 0; 
	padding: 10px 0; 
}

#footer a:link { color: #fff; text-decoration: none;
}

#footer a:visited {color: #fff; text-decoration: none;
}
#footer a:hover {color: #fff;text-decoration: underline; 
}
#footer a:active { color: #fff; text-decoration: none;

}




.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.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;
}



/*begin current page indicator for Level1*/

/*Current page indicator normal state for Level 1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a, body#level1_2_page li#level1_2 a, body#level1_3_page li#level1_3 a, body#level1_4_page li#level1_4 a, body#level1_5_page li#level1_5 a, body#level1_6_page li#level1_6 a, body#level1_7_page li#level1_7 a, body#level1_8_page li#level1_8 a, body#level1_9_page li#level1_9 a, body#level1_10_page li#level1_10 a, body#level1_11_page li#level1_11 a{

  	color: #734928; background-color: #fff; border-bottom: 1px solid #734928;
	
	}

/*Current page hover state highlight for Level1 menus. These styles override .nav styles for current page. */
body#level1_1_page li#level1_1 a:hover, body#level1_2_page li#level1_2 a:hover, body#level1_3_page li#level1_3 a:hover, body#level1_4_page li#level1_4 a:hover, body#level1_5_page li#level1_5 a:hover, body#level1_6_page li#level1_6 a:hover, body#level1_7_page li#level1_7 a:hover, body#level1_8_page li#level1_8 a:hover, body#level1_9_page li#level1_9 a:hover, body#level1_10_page li#level1_10 a:hover, body#level1_11_page li#level1_11 a:hover {

  	color: #734928; background-color: #fff; border-bottom: 1px solid #734928;
	}
	
/*Inheritance block. Keeps level2 from inheriting level1 styles. Styles here should match ".nav ul a" */ 
body#level1_1_page li#level1_1 ul a, body#level1_2_page li#level1_2 ul a, body#level1_3_page li#level1_3 ul a, body#level1_4_page li#level1_4 ul a, body#level1_5_page li#level1_5 ul a, body#level1_6_page li#level1_6 ul a, body#level1_7_page li#level1_7 ul a, body#level1_8_page li#level1_8 ul a, body#level1_9_page li#level1_9 ul a, body#level1_10_page li#level1_10 ul a, body#level1_11_page li#level1_11 ul a {

  	color: #734928;
	font-weight: bold;
	background: transparent;
	border-bottom: 1px solid #d9dce2;
	
	}

/*begin persistent page indicator for level2*/

/*Current page indicator normal state for Level2 menus. These styles override .nav styles for current page. */ 
body#level2_1_page li#level2_1 a, body#level2_2_page li#level2_2 a, body#level2_3_page li#level2_3 a, body#level2_4_page li#level2_4 a, body#level2_5_page li#level2_5 a, body#level2_6_page li#level2_6 a, body#level2_7_page li#level2_7 a, body#level2_8_page li#level2_8 a, body#level2_9_page li#level2_9 a, body#level2_10_page li#level2_10 a, body#level2_11_page li#level2_11 a, body#level2_12_page li#level2_12 a  {

  	color: #734928; background-color: #fff; border-bottom: 1px solid #734928;
	
	}
	
/*Current page hover state highlight for Level 2 menus. These styles override .nav styles for current page. */
body#level2_1_page li#level2_1 a:hover, body#level2_2_page li#level2_2 a:hover, body#level2_3_page li#level2_3 a:hover, body#level2_4_page li#level2_4 a:hover, body#level2_5_page li#level2_5 a:hover, body#level2_6_page li#level2_6 a:hover, body#level2_7_page li#level2_7 a:hover, body#level2_8_page li#level2_8 a:hover, body#level2_9_page li#level2_9 a:hover, body#level2_10_page li#level2_10 a:hover, body#level2_11_page li#level2_11 a:hover,  body#level2_12_page li#level2_12 a:hover {

  	color: #734928; background-color: #fff; border-bottom: 1px solid #734928;
	
	}

/*Inheritance block. Keeps level2 menu highlight from inheriting the level1 indicator highlight. This should be the same as ".nav ul a:hover"*/
body#level2_1_page li#level2_1 ul a, body#level2_2_page li#level2_2 ul a, body#level2_3_page li#level2_3 ul a, body#level2_4_page li#level2_4 ul a, body#level2_5_page li#level2_5 ul a, body#level2_6_page li#level2_6 ul a, body#level2_7_page li#level2_7 ul a, body#level2_8_page li#level2_8 ul a, body#level2_9_page li#level2_9 ul a, body#level2_10_page li#level2_10 ul a, body#level2_11_page li#level2_11 ul a, body#level2_12_page li#level2_12 ul a {

  	color: #734928;
	font-weight: bold;
	text-decoration: underline;
	}
/*End Current Page Indicator section */


/*thumbnail and content layout for staff and elder page */

#staff {

float: left;
width: 380px;
font-size: 90%;

}



#staff table td {
	
	border: none;
	
}

#staff td {
	
	font-size: 100%;
	padding-bottom: 15px;
	
}



dl {
width: 380px;
margin: 0;
padding: 5px 0 5px 0;
font-size: 90%;
}

dt {
clear: left;
float: right;
width: 310px;
color: #333;
font-weight: bold;
/*padding: 0;*/
margin-top: 15px;

}

dd {
clear: right;
/*margin: 0 0 20px 50px;*/
margin: 0 0 0 60px;
font-size: 85%;
color: #666;
padding: 0 0 0 10px;
}

dd.image {
clear: none;
float: left;
margin: 15px 0 0 0;

}

.random {

float: left;
width: 240px;

}

table {
	
	margin-top: 15px;
	
}

.renew table {
	
	margin-top: 0!important;
	padding: 0;
	
}

td {

font-size: 80%;
padding: 0;
border: 1px solid #ccc;
margin: 0;
padding: 3px 3px 6px 3px;

}

th {
font-size: 90%;
font-weight: bold;
background: #dedede;
text-align: center;
padding: 3px;

}


caption {

font-size: 110%;
text-align: left;
font-weight: bold;
color: #734928;

} 

/*renew conference styles */

#mainContent .readings {
	
	width: 130px;
	float: left;
	margin-right: 15px;
	
}
	
	




/*if you apply the homeimagelink class to the home page, be sure that the image is no wider than 100px so it will match the others*/

.homeimagelink {

display: block;
margin-bottom: 15px;
width: 220px;
text-align: center;

}



#rotation {

float: right;
width: 240px;
padding-left: 10px;

}

#mainContent #sermons {

width: 400px;
border: 2px solid #eee;
padding: 10px;


}

#mainContent #sermons a:link { color: #000; text-decoration: none; border: none;
}

#mainContent #sermons a:visited {color: #000; text-decoration: none; border: none;
}
#mainContent #sermons a:hover {color: #000; text-decoration: none; background: transparent;
}
#mainContent #sermons a:active { color: #000; text-decoration: none; 

}


#sermons .bluelinks a:link { color: #33c; text-decoration: none; border: none;
}

#sermons .bluelink a:visited {color: #33c; text-decoration: none; border: none;
}
#sermons .bluelink a:hover {color: #33c; text-decoration: underline; 
}
#sermons .bluelink a:active { color: #33c; text-decoration: none; 

}

/*styles for financial section */


.godwetrust#mainContent {
	background: transparent url(../images/finances/piggybank_coins.png) no-repeat right top;	
}