/* @override 
	http://www.centergrovelife.org/css/styles.css
	http://centergrovebaptist.cpmpreview.com/css/styles.css
*/

/*==============================================
CLIENT: 	###
FILE: 		styles.css - main CSS styles for staging site
CREATED: 	##/##/##
AUTHOR: 	Luke Simpson (luke@churchplantmedia.com)
================================================*/

/* @group CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

strong{
   font-weight: bold;
}

em{
   font-style: italic;
}

/* @end CSS RESET */

/* @group Global Styles */

body{
   font-size: 62.5%;
   font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
   line-height: 1;
   min-width: 1035px;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
   overflow: hidden;
}

#container{
   width: 998px;
   margin: 0 auto;
   padding-bottom: 5px;
}

#container-inner{
   clear: both;
   width: 998px;
   float: left;
   background: url(/_img/bg_container-inner.png) repeat-y right top;
   border-bottom: 1px solid #c0c0c0;
   padding-bottom: 30px;
   margin-bottom: 6px;
}

a{
   overflow: hidden;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

/* @end Global Styles */

/* @group Header */

#header{
   border-bottom: 1px solid #bfbfbf;
   width: 998px;
   float: left;
   padding-bottom: 22px;
   margin-bottom: 32px;
   padding-top: 22px;
}

#header h1{
   width: 141px;
   height: 100px;
   background: url(/_img/bg_header_h1.gif);
   margin-top: 11px;
   float: left;
}

#header h1 a{
   display: block;
   height: 100px;
   text-indent: -9999px;
}



/* @end  */



/* @group Navigation */

#nav{
   list-style: none;
   float: right;
   margin-top: 75px;
   position: relative;
   z-index: 1000;
}

#nav li{
   float: left;
   display: inline;
   margin-right: 28px;
}

#nav li a{
   display: block;
   color: #004833; 
   font-weight: bold;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 1.2em;
   padding: 10px 0;
}

#nav li a:hover,
#nav li.current a{
   color: #9c7e0f;
}

#nav li ul {
	position: absolute;
	left: -5000px;
	z-index: 1001;
	width: 180px;
	background: #003425;
	padding: 10px;
}

#nav li:hover li a,
#nav li.current:hover li a {
	line-height: 20px;
	padding: 5px 10px;
	text-transform: none;
	width: 160px;
	background: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
}

#nav li:hover li.current a,
#nav li:hover li.current a:hover{
   color: #9c7e0f;
   background: #183d33;
}

#nav li li a:hover, 
#nav li.current li a:hover {
	background: #0f1519;
	color: #fff;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul {
	left: -5000px;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul {
	left: auto;
	display: block;
}

#nav li:hover ul li:hover ul {
	margin: -30px 0 0 180px;
	padding: 0;
}


/* @end Navigation */


/* @group Content */

#content-wrap{
   background: url(/_img/bg_content-wrap.png) no-repeat right top;
   width: 998px;
   float: left;
   position: relative;
}

#content{
   float: right;
   width: 998px;
   min-height: 550px;
}

#text{
   clear: both;
   width: 928px;
   padding: 20px 35px;
}

#sub-banner{
   position: relative;
   width: 998px;
   height: 210px;
   margin-bottom: 15px;
}

#sub-banner img{
   position: absolute;
   top: 6px;
   left: 6px;
   z-index: 1;
}

#sub-banner p.overlay{
   width: 998px;
   height: 210px;
   position: absolute;
   top: 0;
   left: 0;
   background: url(/_img/bg_banner.png);
   z-index: 2;
   text-indent: -9999px;
}

#content h2{
   color: #4d4d4d;
   font-size: 1.8em;
   font-weight: bold;
   margin-bottom: .5em;
}

#content h3{
   color: #8E6A00;
   font-size: 1.6em;
   font-weight: bold;
   margin-bottom: .5em;
}

#content h4,
#content h5,
#content h6{
   margin-bottom: .5em;
}

#content h4{
   font-size: 1.3em;
   color: #004833;
   text-transform: uppercase;
}

#content h5{
   text-transform: none;
   font-weight: bold;
   font-size: 1.2em;
   color: #333;
}

#content h6{
   text-transform: uppercase;
   color: #004833;
   font-size: 1.1em;
}

#content p,
#content li{
   margin-bottom: 1em;
   color: #767676;
   font-size: 1.3em;
   line-height: 1.5;
}

#content p *,
#content li *{
	font-size: 1em;
	margin-bottom: 0;
}

#content ul,
#content ol{
   margin: 0 0 1em 3em;
}

#content li{
   margin: 0;
}

#content ul li{
   list-style: disc;
}

#content ol li{
   list-style: decimal;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #004833;
}

#content img{
   float: left;
   margin: 0 20px 20px 0;
}

#content img.left-align{
   margin: 20px 20px 20px 0;
}

#content img.right-align{
   margin: 0 20px 20px 20px;
}

#content #text{
   clear: both;
}

/* @end Content */

/* @group Sidebar */

#secondary p.feed {
	margin: 0 0 20px 20px;
	float: left;
	width: 250px;
}

#secondary p.feed a {
	font-size: 1em;
	padding: 2px 24px 2px 0;
	background: url(/_img/feed-icon.png) no-repeat right;
	display: block;
	float: left;
	line-height: 2;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
}

#secondary p.feed a:hover{
   text-decoration: underline;
}


/* @end Sidebar */



/* @group Footer */

#footer{
   clear: both;
   width: 998px;
   float: left;
}

#footer-links{
   float: left;
   margin-bottom: 30px;
}

#footer-links li{
   text-transform: lowercase;
}

#footer-info{
   float: right;
}

#footer li{
   float: left;
   font-size: 1.3em;
   color: #5b4c2e;
   background: url(/_img/bg_footer_li.gif) no-repeat right 1px;
   margin-right: 7px;
   padding-right: 7px;
}

#footer li.last{
   margin: 0;
   background: none;
}

#footer li a{
   color: #5b4c2e;
}

#footer-info li a{
   color: #004833;
}



/* @end Footer */

/* @group Shelf */

#shelfwrap{
   background: #003425;
   padding-bottom: 9px;
   position: relative;
}

#shelfwrap.open{
   background: #060b09;
}

#shelf{
   background: #060b09 url(/_img/bg_shelf.gif);
   position: relative;
}

#shelf-inner{
   width: 1000px;
   margin: 0 auto;
   position: relative;
}

#shelf-content{
   display: none;
   height: 182px;
   width: 1000px;
}

#shelf #shelf-toggle{
   position: absolute;
   display: block;
   bottom: -43px;
   right: -10px;
   width: 194px;
   height: 34px;
   background: url(/_img/bg_shelf-toggle.png);
}

#shelf-toggle p{
   font-size: 1.5em;
   margin: 0 !important;
}

#shelf-toggle p a{
   display: block;
   height: 26px;
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   text-align: center;
   padding-top: 8px;
   outline: none;
   background: none;
   padding-right: 0;
}

#shelfwrap.open #shelf-toggle{
   background-position: 0 -34px;
}

#shelf .col{
   float: left;
   display: inline;
   width: 230px;
   padding-top: 30px;
   color: #fff;
   padding-left: 20px;
}

#shelf h3{
   font-size: 1.6em;
   margin-bottom: 18px;
}

#shelf ul{
   margin-bottom: 20px;
}

#shelf li,
#shelf p{
   font-size: 1.4em;
   margin-bottom: .25em;
}

#shelf a{
   color: #fff;
   padding-right: 20px;
   background: url(/_img/bg_shelf_a.gif) no-repeat right 3px;
}

/* @end  */

/* @group Page with Subnav */


body#page-subnav #sidebar{
   padding-bottom: 30px;
   position: absolute;
   width: 116px;
   left: -116px;
   top: 20px;
   background: url(/_img/bg_sidebar.gif) no-repeat right bottom;
}

body#page-subnav #sidebar ul#subnav{
   background: url(/_img/bg_subnav.gif) no-repeat 0 0;
   padding-top: 30px;
   padding-left: 24px;
   padding-right: 7px;
   position: relative;
}




ul#subnav li{
   margin-bottom: .15em;
}

ul#subnav li a{
   display: none;
}

ul#subnav li.current li a{
   text-align: right;
   display: block;
   text-transform: lowercase;
   color: #003425;
   line-height: 1.2;
   font-size: 2em;
}

ul#subnav li.current li a:hover,
ul#subnav li.current li:hover a{
   color: #9c7e0f;
   text-decoration: none;
}


#subnav ul ul{
   position: absolute;
   left: -999em;
   z-index: 10000;
   margin-top: -64px;
   width: 116px;
   padding: 20px;
   background: transparent;
}

#subnav li li:hover ul,
#subnav li li a:hover ul{
   left: 100px;
}

ul#subnav ul ul li{
   margin: 0;
   padding: 0;
   background: #eee;
}

ul#subnav li.current li li a{
   color: #003425 !important;
}

ul#subnav li.current ul ul li a{
   font-size: 1.3em;
   display: block;
   padding: 3px;
   margin: 0;
}

ul#subnav ul li li a:hover{
   color: #9c7e0f !important;
}

ul#subnav ul li.current a{
   color: #9c7e0f;
}

#secondary h3{
   color: #a8a8a8;
}
/* @end  */