/*---------------------------------------------------------------------------------------

	BRENTWOOD BAPTIST CHURCH	|	Design by The A Group
	www.brentwoodbaptist.com	|	(www.agroup.com)
		
---------------------------------------------------------------------------------------*/


/* BASIC STYLES & TYPOGRAPHY ==========================================================*/

body {
	background: #a8a097 url("../images/main/bg-main.png") repeat-x center top;
	font: 13px/1.7em "lucida sans unicode", "lucida grande", sans-serif; 
	color: #333;	
}

#content a {
	outline: none !important;
}

#copy h1 {
	font: bold 29px/0.762 "lucida sans unicode", "lucida grande", sans-serif;
	margin: 1.524em 0 0.762em;
	/*margin: 0.762em 0;*/	
	padding-bottom: .19em;
	letter-spacing: -2px;
	border-bottom: 1px solid #afa79f;
	color: #444;
}

#copy h1 a {
	font-size: 11px;
	margin-top: -1.8em;
	letter-spacing: 0;
	font-weight: normal;
	display: block;
}

#copy h1 span {
	display: block;
	margin-top: .381em;
	clear: both;
}

#copy h2 {
	font: bold 1.33em/1.278 "lucida sans unicode", "lucida grande", sans-serif;
	letter-spacing: -1px;
	margin: 1.917em 0 -0.639em;
	color: #7f561b;	
	color: #b96000;	
}

#copy h3 {
	font: bold 1.11em/1.531 "lucida sans unicode", "lucida grande", sans-serif;		
	/*margin: 1.531em 0;*/
	margin: 2.296em 0 -.765em;
	/*font: bold 1em/1.7 "lucida sans unicode", "lucida grande", sans-serif;
	margin: 1.7em 0 -1.7em;*/
	color: #333;		
	font-variant: small-caps;
}

#copy h4 {
	font-size: 1em;
	margin: 1.7em 0 -1.7em;
	font-weight: bold;	
	font-family: "georgia", "lucida sans unicode", "lucida grande", sans-serif;
	color: #222;		
}

#content p {
	margin: 1.7em 0;
}

#copy ul {
	margin: 1.7em 0 1.7em 2.25em;
	list-style: disc;
}

#copy ol {
	margin: 1.7em 0 1.7em 2.25em;
	list-style: decimal;
}

blockquote.scripture {
	padding: 0 0 0 1.5em;
	font-style: italic;
}

blockquote.scripture cite {
	font-variant: small-caps;
	display: block;
	text-align: right;
	font-size: 12px;
	margin-top: .425em;	
}

#content a {
	color: #b96000;
	color: #7f561b;	
}

p.note {
	font-style: italic;
	font-size: 12px;
}
		
#content p.get_involved a {
	padding: .75em 0 .95em;
	background-color: #6db33f;
	width: 33.3%;
	text-align: center;			
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	display: block;
	text-decoration: none;	
	color: #fff;
	margin: 0 .25em;			
	-moz-border-radius: .425em;
	-webkit-border-radius: .425em;
}

address {
	padding-left: 3em;
}

/* MAIN CONTAINERS ====================================================================*/

#container {
	background: url("../images/main/bg-container.jpg") no-repeat center top;
}

#container2 {
	width: 950px;
	margin: 0 auto;
	background: url("../images/main/bg-container2.png") repeat-y center center;
}


/* HEADER =============================================================================*/

#header {
	background: url("../images/main/bg-header.jpg") no-repeat;
	height: 153px;
	overflow: hidden;
}

#header #logo {
	margin: 0px 0 0 50px;
	padding-top: 25px;
}

#header #logo a {

}

#nav-main {
	padding: 37px 50px 0 0;	
	float: right;
	font-size: 11px;
	line-height: 1.7em;
}

#nav-main ul {
	float: left;
}

#nav-main ul li {
	float: left;
	padding: 0 14px 0  9px;	
	background: url("../images/main/bg-nav_main-li.gif") no-repeat right center;
}

#nav-main ul li.link-contact {
	background-image: none;
	padding-right: 9px;
}  

#nav-main ul li a {
	color: #c8b29a;
	text-decoration: none;
}

#nav-main ul li a:hover {
	text-decoration: underline;	
}

#nav-main #search {
	float: left;
	position: relative;
	top: -1px;
}

#nav-main #search input {
	width: 100px;
	background-color: #2d1b06;
	border:  1px solid #6b5334;
	color: #fff;
	padding: 3px;
	font-size: 11px;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
}

#nav-main #search button {
	background: url("../images/main/bg-button-search.png") no-repeat;
	height: 26px;
	width: 61px;
	border: none;
	padding: 0;
	margin: 0;
	position: relative;
	top: -2px;
}

#nav-main #search button span {
	display: none;
}


/* CONTENT ============================================================================*/

#content {
	padding: 0 25px 0 0;
	background: url("../images/main/bg-content.jpg") no-repeat center top;
	font-family: "georgia", sans-serif;
}

#sidebar {
	float: left;
	width: 275px;
	padding-left: 50px;
	display: inline; 
	min-height: 100px;
}

#copy {
	width: 575px;
	min-height: 450px;
	float: left;
}

#copy-body {
	padding: 20px 43px 1px;	
}

#content-footer {
	clear: both;
}


/* SIDERBAR NAVIGATION ================================================================*/

#nav-sidebar {
	padding: 0 20px;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
}

#nav-sidebar h2 {
	font-size: 1.22em;
	letter-spacing: -1px;	
	color: #222;	
	margin: .696em 0 .345em;
	display: none;
}

#nav-sidebar h2 a {
	color: #222;	
}

#nav-sidebar h3 {
	margin: 0em 0 0;
	padding: 0em 1em 0em;
	
	font-size: 14px;
	text-transform: uppercase;		
	color: #eee;
	
	/*background-color: #79726B;	
	-moz-border-radius: 14px;*/
	
	background: url("../images/main/bg-ministries-h3.png") no-repeat left top;
	line-height: 30px; 
	height: 30px;
}

#nav-sidebar h3 a {
	color: #eee;
	text-decoration: none;
	display: block;
}

#nav-sidebar li.contracted h3 a:hover {
	background: url("../images/main/bg-ministries-h3-hover.png") no-repeat right top;	
}

#nav-sidebar li.expanded h3 a:hover {
	background: url("../images/main/bg-ministries-h3-hover.png") no-repeat right bottom;	
}

#nav-sidebar a {
	color: #444;
	text-decoration: none;
	display: block;
}

#nav-sidebar ul {
	/*border-bottom: 1px solid #999;*/
}

#nav-sidebar li {
	/*padding: .16em 0em .264em;	
	border-top: 1px solid #999;*/	
	margin-bottom: .85em;
}

#nav-sidebar ul a {
	padding: 0 0 0 0em;
	font-size: 13px;
}

#nav-sidebar ul ul {
	border: none;
	margin-top: .425em;
}

#nav-sidebar li li {
	padding: 0 0 0 14px;
	border: none;
	margin: 0;
}

#nav-sidebar ul ul a {
	font-size: 12px;
	padding: 0;
}

#nav-sidebar ul ul ul {
	margin: 0;
}

#nav-sidebar li li li {
	padding: 0 0 0 14px;
}

#nav-sidebar ul ul ul a {
	font-size: 11px;
	padding: 0;
}



/* MINISTRIES NAV =====================================================================*/

#nav-sidebar h2 span {
	display: none;
}

#nav-sidebar ul#ministries li {
	height: 28px;
	overflow: hidden;
}

#nav-sidebar ul#ministries ul li,
#nav-sidebar ul#ministries ul li ul li {
	height: auto;	
}

	

#nav-sidebar ul#ministries li.section_current ul {
	height: auto;
}

.page_current a {
	font-weight: bold;
}

li.page_current ul li a{
	font-weight: normal;
}

#nav-campus a.link_current {
	font-weight: bold;
	color: #D9D4CE;
}

/* CAMPUS NAVIGATION ==================================================================*/

#nav-campus {
	margin: -18px -25px 0 -30px;
	width: 330px;
	height: 470px;
	background: url("../images/main/bg-nav_campus2.jpg") no-repeat left top;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
}

#nav-campus a {
	text-decoration: none;
	color: #a39b92;
}

/* Campus selector */

#campus_selector {
	margin: -18px 0 0 -30px;
	top: -6px;
	position: relative;
	width: 330px;
	text-align: center;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
}

#nav-campus #campus_selector {
	margin: 0;
}

#campus_selector a {
	color: #fff;	
	text-decoration: none;
	margin: 0 30px;
	display: block;
}

#campus_selector h3 {
	background: url("../images/main/bg-campus_current.png") no-repeat center center;
	height:47px;
	line-height: 38px;	
	padding-right: 5px;
	text-transform: uppercase;
	font-size: 13px;
	position: relative;
	z-index: 500;
}

#campus_selector ul {
	font-size: 13px;
	display: none;
	position: absolute;
	z-index: 400;
	padding: 1.3em 0 .85em;
	width: 180px;
	margin: -1.7em 0 0 72px;
	background: #000;
	border: 1px solid #666;
	-moz-border-radius: .85em;
	-webkit-border-radius: .85em;
}

#campus_selector ul a {
	margin: 0;
	display: inline;	
}

#campus_selector:hover ul {
	display: block;
}


/* Flyouts */

#nav-ministries,
#times_directions {
	background: #1b1814;
	border: 1px solid #666;
	-moz-border-radius: 1.7em;
	-webkit-border-radius: 1.7em;
	padding: .25em 1em .4em;
	color: #fff;
	margin: 0 38px .425em;	
}

#times_directions {
}

#nav-ministries h2,
#times_directions h2 {
	line-height: 1.7em;
	font-size: 13px;	
	color: #a39b92;
	font-weight: normal;
}

#nav-ministries h2 span,
#times_directions h2 span {
	float: right;
	font-size: 1.5em;
	line-height: .95;
}

#nav-ministries ul#ministries {
	display: none;
	width: 600px;
	padding: .85em 1em 1.7em;
	margin: -2em 0 0 200px;
	position: absolute;
	background: #1b1814;
	border: 1px solid #666;
	color: #fff;
	-moz-border-radius: .85em;
	-webkit-border-radius: .85em;
	z-index: 800;
	height: 222px;
}

#sidebar #nav-ministries ul#ministries h3 a {
	color: #eee;
}

#sidebar #nav-ministries ul#ministries h3 a:hover {
	text-decoration: none;
}

#times_directions div {
	display: none;
	padding: .85em 1em 0em;
	margin: -2em 0 0 200px;
	position: absolute;
	background: #1b1814;
	border: 1px solid #666;
	color: #fff;
	-moz-border-radius: .85em;
	-webkit-border-radius: .85em;
	z-index: 800;
	width: 250px;
}

#nav-ministries:hover h2,
#times_directions:hover h2 {
	color: #fff;
}

#times_directions h2 a:hover {
	text-decoration: none;
}

#nav-ministries:hover ul#ministries,
#times_directions:hover div {
	display: block;
}

#nav-campus ul#ministries li {
	float: left;
	width: 200px;
	display: inline;	
}

#nav-ministries ul#ministries li#section-learning {
	position: absolute;
	margin-left: -400px;
	margin-top: 132px;
}

#nav-campus ul#ministries li ul {	
	padding-bottom: 1.66em;
}	

#nav-campus ul#ministries li ul li {	
	font-size: 11px;	
	float: none;
	width: auto;
	display: list-item;
}	

#nav-campus ul#ministries li ul li ul {
	display: none;
}

#nav-campus ul#ministries li a:hover,
#times_directions a:hover {
	text-decoration: underline;
}

#times_directions p {
	margin: 0 0 .85em;
	font-size: 11px;
}

#nav-sub {
	margin: 0.85em 40px 0;
	border-top: 1px solid #4d463f;
	line-height: 1.7em;
}

#nav-sub a {
	padding: 0 2px;
	display: block;
}

#nav-sub a:hover {
	color: #fff;
}

#nav-sub li {	
	padding: .16em 0em .264em;	
	border-bottom: 1px solid #4d463f;
}

#nav-sub ul {
	display: none;
}

#nav-sub ul.section_current {
}

#nav-sub li li {
	padding: 0 0 0 1em;
	border-bottom: none;
}

#nav-sub li li a {
	font-size: 11px;
}	


/* Sidebar */
	
#announcements {
	margin: 1.7em 0;
	padding: 0 0px;
}

#announcements h2 {
	color: #fff;
	background-color: #79726b;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	padding: 0.35em 20px 0.5em;
	text-align: left;
	font-variant: small-caps;
	font-size: 14px;
}

#announcements h2 a {
	color: #fff;
	text-decoration: none;

}

#announcements ul {
	font-size: 11px;
	line-height: 1.506em;	
	padding: 0 20px 1.004em;		
	font-family: "lucida sans unicode", "lucida grande", sans-serif;
	color: #333;
}

#announcements h3 {
	margin: 1.506em 0 0;
	font-family: georgia;
}

#announcements h3 a {
	color: #222;
	display: block;
	text-decoration: none;
}

#announcements ul li p {
	margin: 0;	
	height: 3.013em;
	overflow: hidden;
}


/* INTERNAL PAGE FEATURES =============================================================*/

#copy #feature {					
	margin: 2.125em 0;
}
		
#sub_features ul {
	overflow: auto;
	margin: -0.85em -0.25em 2.125em; 
	list-style: none;
}

#sub_features ul li {
	float: left;
	width: 33.3%;
	text-align: center;			
	font-family: "lucida sans unicode", "lucida grande", sans-serif;						
}

#sub_features ul li a {
	display: block;
	
	/*background-color: #a49d95;	
	text-decoration: none;	
	color: #fff;
	padding: .75em 0 .95em;
	margin: 0 .25em;			
	-moz-border-radius: .425em;*/
}


#copy #nav-page {
	overflow: auto;
	margin: 1.7em 0;
	padding: 0;
	border: none;
	list-style: none;
	font-size: 13px;
	font-family: "lucida sans unicode", "lucida grande", sans-serif;				
}

#copy #nav-page li {
	margin: 0;
	padding: 0;
	border: none;
}

#copy #nav-page li.link-prev {
	float: left;
	background: url("/images/main/bg-link-prev.gif") no-repeat left center;
	padding-left: 14px;
}

#copy #nav-page li.link-next {
	float: right;
	background: url("/images/main/bg-link-accented.gif") no-repeat right center;
	padding-right: 14px;
}



/* FEATURED EVENTS ====================================================================*/

div.featured_event {
	border-left: 1em solid #ccc;
	padding-left: 1em;
	background: url("../images/main/icon-event.png") no-repeat 10px 2px;
}

#copy h3.event_name,
#copy h4.event_name {
	margin-bottom: 0 !important;
	margin-left: 58px;
}

#copy p.event_info {
	margin-top: 0;
	font-style: italic;
	margin-left: 58px;
} 


#copy p.link-register_online {
	width: 152px;
	height: 32px;
	background: url("../../images/main/bg-link-register_online.png") no-repeat;
}

p.link-register_online a {
	text-indent: -4000px;
	display: block;
	height: 32px;
}


/* FOOTER =============================================================================*/


#footer {
	color: #73695f;
	font-size: 11px;
	text-align: center;
	padding: 1.7em 50px 1.7em 325px;
	background: url("../images/main/bg-hr.png") no-repeat 368px top;
}

#footer a {
	color: #73695f;
	text-decoration: none;
}


/* Expanding lists =============================================================================*/


#copy ul.expand_list {
	margin: 0;
	list-style: none;			
	border-top: 2px solid #bbb;	
	padding: 0;	
}

#copy ul.expand_list li {
	border-bottom: 2px solid #bbb;	
	padding: 0px 26px 1px;
}

#copy ul.expand_list ul li,
#copy ul.expand_list ol li {
	border: none;
	padding: 0;
}
	
#copy .expand_list h2 {
	margin: 0;
}

#copy .expand_list h2 a {
	padding: 1.278em 26px;
	margin: 0 -26px;			
	display: block;
	text-decoration: none;
	background: url("/images/main/bg-link-expand.png") no-repeat 7px center;
}

#copy .expand_list h2 a:hover {	
	text-decoration: underline;
}

#copy .expand_list li.show h2 a {	
	background: url("/images/main/bg-link-contract.png") no-repeat 6px center;
}

div.expand {
	display: none;
	margin: -1.7em 0 0;
}

/* added by Brandon Abbott on 08.09.2009 to facilitate use of this class in our annoucements */

div.aside {		
			margin-bottom: 1.7em;	
			float: right;
			width: 35%;
			margin-left: 1em;
			border-left: 1em solid #d2cdc7;
			padding-left: 1em; 
			font-family: "lucida sans unicode", "lucida grande", sans-serif;
			font-size: 12px;
		}