/* 
	LifeWay Conference Centers Stylesheet - ridgecrest
	Created: 2010-04-02
	Author: AnthologyCreative.com | Justin Seiter
*/


/* TABLE OF CONTENTS
****************************************************************************************************
	BODY
	HEADER
	MAIN NAVIGATION
	MAIN CONTENT
	SIDEBAR WIDGETS
	FOOTER
*/


/* BODY
****************************************************************************************************/
body { background: #beb580 url('../images/ridgecrest/body-bg.jpg') repeat center 207px; }


/* HEADER
****************************************************************************************************/
#header-wrap { background: url('../images/ridgecrest/header-wrap-bg.jpg') repeat center top; }

#header { background: url('../images/ridgecrest/header-bg.jpg') no-repeat center top; }

#header-search { background: url('../images/ridgecrest/header-search-bg.gif') no-repeat; }

	#header-search input, #header-search label, #header-search label.over-apply { color:#3d5229; }
	

/* MAIN NAVIGATION
****************************************************************************************************/
div#main-nav-wrap { position:relative;}

ul#main-nav { background:url('../images/ridgecrest/main-nav-bg.jpg'); margin:0;}
ul#main-nav li { float:left; list-style-type:none; }
ul#main-nav li a { height:66px; display:block; position:absolute; top:70px; text-indent:-9999px; outline:none; }

li#main-nav-01 a, li#main-nav-02 a, li#main-nav-03 a, li#main-nav-04 a, li#main-nav-05 a, li#main-nav-06 a, li#main-nav-07 a { background:url('../images/ridgecrest/main-nav-bg.jpg'); }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 41px
	selected state = 82px

	The distance from the far-left to the...

	first button = 0
	second button = 80px
	third button = 138px
	fourth button = 222px
	fifth button = 294px

	The width of the...

	first button = 80px
	second button = 68px
	third button = 84px
	fourth button = 72px
	fifth button = 74px
*/

li#main-nav-01 a 					{ background-position:0 0; width:80px; left:0; }
li#main-nav-01 a:hover				{ background-position:0 -66px; }
li#main-nav-01 a.sel				{ background-position:0 -132px; }

li#main-nav-02 a 					{ background-position:-80px 0; width:158px; left:80px; }
li#main-nav-02 a:hover				{ background-position:-80px -66px; }
li#main-nav-02 a.sel		 		{ background-position:-80px -132px; }

li#main-nav-03 a 					{ background-position:-238px 0; width:172px; left:238px; }
li#main-nav-03 a:hover				{ background-position:-238px -66px; }
li#main-nav-03 a.sel				{ background-position:-238px -132px; }

li#main-nav-04 a 					{ background-position:-410px 0; width:133px; left:410px; }
li#main-nav-04 a:hover				{ background-position:-410px -66px; }
li#main-nav-04 a.sel	 			{ background-position:-410px -132px; }

li#main-nav-05 a 					{ background-position:-543px 0; width:126px; left:543px; }
li#main-nav-05 a:hover				{ background-position:-543px -66px; }
li#main-nav-05 a.sel 	 			{ background-position:-543px -132px; }

li#main-nav-06 a 					{ background-position:-669px 0; width:156px; left:669px; }
li#main-nav-06 a:hover				{ background-position:-669px -66px; }
li#main-nav-06 a.sel 	 			{ background-position:-669px -132px; }

li#main-nav-07 a 					{ background-position:-825px 0; width:115px; left:825px; }
li#main-nav-07 a:hover				{ background-position:-825px -66px; }
li#main-nav-07 a.sel 	 			{ background-position:-825px -132px; }


/* MAIN CONTENT
****************************************************************************************************/
.main-content h1.page { background: url('../images/ridgecrest/page-heading-bg.jpg') repeat center top; }
	
	
/* SIDEBAR WIDGETS
****************************************************************************************************/
.sidebar-nav a { color:#38471e; }
.sidebar-nav a.sel { background:#38471e; }

ul.sidebar-sub-nav li.sel {
	color:#38471e;
	font-weight:bold;
}

/* FOOTER
****************************************************************************************************/
#footer { background: #40562b url('../images/ridgecrest/footer-bg.jpg') repeat center top; }