/*=======================================================================================

	THE CHURCH AT BROOK HILLS | www.brookhills.org	
	Site design by The A Group (www.agroup.com)	

-----------------------------------------------------------------------------------------

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

body {
	font: 13px/1.7 "georgia", sans-serif;
	background: #000 url("../images/home/bg-body.jpg") no-repeat center -313px;
	color: #222;
}

h1 {
	background: url("../images/main/bg-h1-logo.png") no-repeat 33px center;
	width: 690px;
	margin: 55px 0 25px 0px;
	display: inline;
	float: left;
}

h1 a {
	display: block;
	height: 48px;
	text-indent: -3000px;	
}

h2 {
	margin: .85em 0 .425em;
	font: bold 3em/1.133em "arial", sans-serif;
	letter-spacing: -3px;	
	color: #222;
	background: url("../images/main/bg-h2.png") no-repeat right center;
	overflow: auto;
	width: 100%;
}

h2 span {
	background-color: #fff;
	padding-right: .5em;
	background: #fff url("../images/main/bg-h2-span.png") no-repeat right center;
	float: left;
	clear: both;
}

#copy h2 a {
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1em;
	float: left;
	padding-right: 1em;
	margin-right: .4em;
	background: url("../images/main/bg-h2-a.gif") no-repeat right center;
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
}

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

h3 {
	margin: 1.7em 0 -0.566em;
	font: bold 1.5em/1.133em "arial", sans-serif;
	color: #222;
	letter-spacing: -1px;
}

h4 {
	font-size: 1.15em;
	font-family: arial;
	margin: 2.217em 0 -.739em;
	line-height: 1.478em;
	color: #333;
	font-style: italic;
}

h5 {
	margin: 2.55em 0 -1.7em;
	font-size: 1em;
	line-height: 1.7em;
	font-weight: bold;
	font-family: arial;
}

small {
	font-size: .95em;
}

#content p {
	margin: 1.7em 0;
}

#copy blockquote {
	padding-left: 2em !important;
	padding-right: 2em !important;
}

#copy blockquote.scripture {
	border-left: 1em solid #ddd;
	font-style: italic;
}


#copy span.ref {
	font-variant: small-caps;	
	font-style: normal;
	font-size: .95em;
}

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

#copy ul ul {
	margin: 0em 0 0em 3em;
	list-style: circle;
}

#copy ul ol {
	margin: 0em 0 0.85em 3em;	
}

#copy ul.references {
	font-size: .9em;
	font-style: italic;
	font-family: arial, sans-serif;
}

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

#copy dl {
	margin: 1.7em 0;
}

#copy dl dt {
	font-weight: bold;
}

#copy dl dd {
	margin-left: 1.75em;
}

#content a {
	color: #6a5e3a;
}

.links-listen_watch {
	font-family: arial;
	font-weight: bold;
	display: block;
	margin-top: .425em;
	margin-left: 1.75em;
	margin-bottom: 1.7em;
	font-size: 12px;
}
	
#copy a.link_button {
	text-decoration: none;
	font-family: arial;
	font-weight: bold;
	padding: .425em 1.5em;
	border: 1px solid #bbb;
	-moz-border-radius: .425em;
	font-size: 12px;	
	background: url("/images/main/bg-link-btn.png") repeat center center;
	color: #222;
}

#copy a.link_button:hover {
	background-position: center top;		
}

#copy span.title {
	font-style: italic;
}

#copy .link-emphasized {
	padding-left: 14px;
	background: url("../images/main/bg-link-emphasized.png") no-repeat left center;
	font-family: arial;
	margin-left: 1em;
}

#copy .link-emphasized a {
	font-weight: bold;	
}


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

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	position: relative;
	/*background: url("../images/main/bg-header.png") no-repeat right 43px;*/
}


/* Navigation */

#nav_sub {
	left: 0;
	position: absolute;
	text-align: center;
	padding: .5em 0 .75em;
	background-color: #000;	
	line-height: 1em;	
	width: 100%;
	-moz-border-radius-bottomright: 8px;	
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	border: 1px solid #333;
	border-top: 0;

	filter:alpha(opacity=75);/*Needed for IE*/
	-moz-opacity:0.75;/*Older mozilla broswers like NN*/
	-khtml-opacity: 0.75;/*Old versions of Safari and "KHTML" browser engines*/
	opacity: 0.75;/*FF, Safari, and Opera*/
	
}

#nav_sub ul li {
	display: inline;
	margin: 0 1.4em;	
}

#nav_sub ul li a {
	color: #999;
	font-family:  arial, sans-serif;	
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#nav_sub ul li a:hover {
	color: #fff;	
}

.search {
	width: 140px;
	float: right;
	display: inline;
	background: url("../images/main/ie/bg-search.png") no-repeat left top;
}

.search form {
	 padding: 3px 0px 4px 14px;
}

.search input {
	width: 108px;
	background-color: #1d1d1d;
	color: #999;
	border: none;
	font-family:  arial, sans-serif;
	font-size: 12px;
	padding: 0;
}	


/* Content */

#content {
	clear: both;
	background: url("../images/main/bg-content.png") repeat-y left top;	
}

#content_header {

}

/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	background: url("../images/main/bg-sidebar.png") no-repeat left top;	
	padding-top: 9px;
}

#sidebar a:hover {
	font-weight: bold !important;
}

#content_nav li {
	margin-bottom: 7px;
	padding-bottom: 11px;
}


/*==============================*/


#nav_gathering {
	background: url("../images/main/bg-nav_gathering.png") bottom left;
}

#nav_gathering .link_gathering {
	background: url("../images/main/bg-link_gathering.png") no-repeat center top;
	height: 64px;
}

#nav_gathering .link_gathering span {
	display: none;	
} 

#nav_local {
	background: url("../images/main/bg-nav_local.png") bottom left;
}

#nav_local .link_local {
	background: url("../images/main/bg-link_local.png") no-repeat center top;
	height: 64px;
}

#nav_local .link_local span {
	display: none;	
} 

#nav_global {
	background: url("../images/main/bg-nav_global.png") bottom left;
}

#nav_global .link_global {
	background: url("../images/main/bg-link_global.png") no-repeat center top;
	height: 64px;
}

#nav_global .link_global span {
	display: none;	
} 


/*==============================*/

#sub_content_nav {
	margin-bottom: 7px;
}

#content_nav ul li,
#sub_content_nav li {
	margin: 0;
	line-height: 1.7em;
	padding: .212em 0 .212em 28px;
}

#link_current {
	background: url("../images/main/bg-link_current.png") no-repeat left top;
}

#sidebar #content_nav #link_current a,
#sidebar #sub_content_nav #link_current a {
	color: #222;
	font-weight: bold;
}

#sidebar #content_nav ul #link_current,
#sidebar #sub_content_nav ul #link_current {
}

#sidebar #content_nav ul #link_current ul li a,
#sidebar #sub_content_nav #link_current ul li a {
	color: #fff;
	font-weight: normal;
}

#sidebar #content_nav ul ul #link_current,
#sidebar #sub_content_nav ul #link_current {
	padding-left: 42px;
	margin-left: -30px !important;
}

#sidebar #content_nav ul ul ul #link_current,
#sidebar #sub_content_nav ul ul #link_current {
	padding-left: 52px;
	margin-left: -40px !important;
}

#content_nav ul,
#sub_content_nav ul {
	display: none;
}

#content_nav li.tab_current ul,
#sub_content_nav li.section_current ul {
	display: block;
}

#content_nav li.tab_current ul ul {
	display: none;
}

#content_nav li.tab_current ul li.section_current ul {
	display: block;
}

#content_nav ul li ul li,
#sub_content_nav ul li {
	padding-left: 12px;
}

#sidebar #content_nav a,
#sidebar #sub_content_nav a {
	display: block;
	font-family: arial;
	color: #fff;
	text-decoration: none;
}

#content_nav a,
#sub_content_nav a {
	font-size: 14px;
}

#content_nav ul ul a,
#sub_content_nav ul a  {
	font-size: 12px;
}

#content_nav ul ul ul a,
#sub_content_nav ul ul a {
	font-size: 11px;
}

#sub_content_nav_wrap {
	background: url("../images/main/bg-sub_content_nav_wrap.png") left bottom;	
}

#sub_content_nav_wrap h2 {
	background: none;
	margin: 0;
	padding: 0 0 0 25px;
	color: #fff;	
	font-weight: bold;
	font-size: 20px;
	line-height: 66px;
	background: url("../images/main/bg-sub_content_nav.png") no-repeat left top !important;
	letter-spacing: -1px;
	width: auto;
	height: 66px;
}

#sub_content_nav_wrap h2 a {
	color: #fff;
	text-decoration: none;
}
	
#sub_content_nav {
	padding: 0 0 11px;	
}




/* Copy */

#copy {
	float: left;
	width: 680px;
	/*background-color: #fff;*/
	background: url("../images/main/bg-copy.jpg") no-repeat left top;
}

#copy_body {
	padding: 0 25px 0 35px;
}

#content_footer {
	clear: both;
	background: url("../images/main/bg-copy_body.png") no-repeat left bottom;
	height: 9px;
}

#page_nav {
	margin: 2.55em 0 0;
	border-top: 1px solid #ccc;
	font-family: arial, sans-serif;
}

#copy #page_nav ul {
	list-style: none;
	margin: 0.85em 0;
	height: 2.55em;
}

#copy #page_nav li {
	margin: 0;
	font-size: 15px;
	letter-spacing: -1px;
}


#page_nav li.link_prev {
	float: left;
}

#page_nav li.link_next {
	float: right;
}

/* Footer */

#footer {
	color: #666;
	text-align: center;
	padding: 0.85em 0;
	font-family: arial, sans-serif;
	width: 690px;
}

#footer p {
	font-size: 11px;
}

#footer a {
	color: #888;
}

#footer_nav {
	float: left;	
}

#footer_nav ul li {
	display: inline;
	margin: 0 1.2em 0 0em;
}

#footer_nav ul li a {
	color: #888;
	font-family:  arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#footer_nav li#link-espanol {
	display: none;
}

#footer_nav ul li a:hover {
	color: #fff;	
}

#copyright {
	clear: both;
	padding: 1.7em 0;
}


/*	FORMS
=======================================================================================*/