/* @override http://paseodelrey.org/css/styles.css */

/* @override http://ccpc.cpmpreview.com/css/styles.css */

/* @override http://ccpc.cpmpreview.com/css/styles.css */

/* @override 
	http://crossway.dev/css/styles.css
	http://ccpc.cpmpreview.com/css/styles.css
*/

/*==========
CLIENT: CPM
CREATED: 10/22/2008
MODIFIED:4/14/2009
AUTHORS: Ben Otero (ben@churchplantmedia.com), Andrew Bradshaw (andrew@churchplantmedia.com) and Luke Simpson (luke@churchplantmedia.com)
===========*/

/* @group GLOBALS */

body					{ 
						  font-size:62.5%; background:#e6e2d6 url(/images/body_bg2.jpg)  repeat-x center top; 
						  font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif; color:#51504d; margin:0; padding:0; min-width: 962px; 
						}
#outer-container		{ background:url(/images/sub_outer_container_bg2.jpg) no-repeat center 105px; }
#container				{ width:962px; margin:20px auto 0; position:relative; }
#home #container	{ margin: 0 auto;}
.show 					{ display:block; }
.hidden, hr				{ display:none; }

.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
.clearfix 				{ display: block;}
/* End hide from IE-mac */

a{
   outline: none;
}

/* @end */

/* @group HEADER */
#header					{ position:relative; z-index:1000; background: url(/images/bg_header2.png) no-repeat center top;}
#header-inner			{ 
						  width:960px; height:175px; margin:0 auto; position:relative; 
						  background:url(/imagessub_header_bg.gif) no-repeat left bottom; 
						}
#header h1,
#header h1 a			{ display:block; width:273px; height:95px; }
#header h1				{ 
						  background:url(/images/logo.png) no-repeat; margin:0; padding:0; position:absolute; left:0px; top:7px; 
						  text-indent:-999em; 
						}
#header h1 a:focus		{ outline:none; }
/* @end */

/* @group SHELF */
#shelf					{ 
						  display:none; padding:30px 25px; width:910px; height:209px; background:url(/images/shelf_bg.png) no-repeat; 
						  position:absolute; top:25px; left:-2px; z-index:1000;						  
						}
#map_canvas				{ display:block; width:328px; height:211px; float:left; }

#contact				{ float:left; width:220px; padding-left:23px; }
#contact h4				{ font-size:1.3em; color:#f4f2e9; margin:5px 0 0; }
#contact p				{ font-size:1.2em; color:#d7d3c1; }
#contact a				{ color:#62ace0; }
#contact a:hover		{ text-decoration:none; }
/* @end */

/* @group CONTACT FORM */
#contact-form			{ float:left; padding-left:28px; width:307px; }
#contact-form h4		{ font-size:1.3em; color:#f4f2e9; margin:5px 0 1em; }
#contact-form div		{ padding-bottom:1em; }
#shelf fieldset,
#shelf form				{ margin:0; padding:0; border:none; }
#shelf label			{ float:left; font-size:1.2em; color:#d7d3c1; margin:.3em 0 0; }
#shelf input			{ float:right; border:none; padding:4px; height:18px; width:254px; }
#shelf textarea			{ float:right; padding:4px; height:75px; width:232px; border:0; }
#shelf input.submit		{ width:auto; height:auto; padding:0; }
/* @end */

/* @group SUBMENU */
#submenu ul				{ 
						  position:absolute; top:29px; right:0px; width:378px; height:76px; background:url(/images/submenu_bg.png) no-repeat; 
						  margin:0; padding:0; list-style:none; 
						}
#submenu li				{ float:left; display:inline; }
#submenu a				{ 
						  display:block; float:left; height:76px; width:50px; background:url(/images/submenu_bg.png) no-repeat; 
						  text-indent:-999em; 
						}
#submenu #this-sunday a	{ width:120px; background-position:left top; }
#submenu #first-time-here a	{ width:142px; background-position:-120px top; }
#submenu #member-connection a		{ width:113px; background-position:-262px top; }
#submenu #this-sunday a:hover{background-position: 0 -76px;}
#submenu #first-time-here a:hover{background-position: -120px -76px;}
#submenu #member-connection a:hover{background-position: -262px -76px;}

#searchForm,
#searchForm fieldset	{ margin:0; padding:0; border:0; }
#searchForm				{ width:204px; height:36px; background:url(/images/search_bg.gif) no-repeat; position:absolute; top:139px; right:5px; }
#searchForm input			{ 
						  border:0; padding:4px; width:145px; height:15px;position:relative; margin:5px 0 0 12px; float:left; font-size:12px; 
						  color:#b9b4a3; background:none; text-transform:capitalize;
						}
#searchForm a			{ display:block; width:25px; height:25px; float:left; margin:5px 0 0; padding-left: 10px; text-indent:-999em; }
/* @end */

/* @group SERVICE TIMES */
#service-times		{ 
					  display:block; padding:0 55px 0 50px; width:572px; height:29px; background:url(/images/topbar_bg.png) no-repeat left top; 
					  position:absolute; right:-40px; top:0; 
					}
#service-times p	{ font-size:11px; color:#f1ede0; margin:0; padding:0; text-align:right; position:relative; top:-3px;}
#service-times img	{ border:none; position:relative; top:7px; left:13px; }
/* @end */

/* @group NAVIGATION */
#nav, #nav *		{ margin:0; padding:0; list-style:none; }
#nav				{ position:absolute; top:136px; height:39px; padding-left:15px;}
#nav li				{ float: left; position: relative; }
#nav li a			{
					  display:block; font-size:1.2em; color:#dcd6c6; text-transform:uppercase; padding:0 23px; 
					  line-height:38px; text-decoration:none; 
					}
#nav li:hover a		{ background:#0e1317; color: #e7e4d8; }
#nav li.current a	{ 
					  background:url(/images/current_nav.gif) repeat-x 0 0; color:#271a0d; margin-top:-2px; padding-top: 2px;line-height: 39px; font-weight: bold;
					}
#nav li.current:hover li a{
   background:#120b05; color: #271a0d; font-weight: normal; margin: 0;
}					
#nav li ul 					{ position:absolute; left:-5000px; z-index:1001; width:180px; background:#0e1317; padding:10px; }
#nav li.current ul{
   background: #E6E2D6; border: 1px solid #C3BDA1; border-top: none; margin-left: -1px;
}
#nav li li					{ margin:0; }
#nav li:hover li a,
#nav li.current:hover li a			{ line-height:20px; padding:5px 10px; text-transform:none; width:160px; background:none; }
#nav li li a:hover, #nav li.current li a:hover			{ background:#344c5e; 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; top: 36px;}
#nav li:hover ul li:hover ul{ margin:-32px 0 0 180px;}

					
/* @end */

/* @group TOP CONTENT */
#topcontent			{ 
					  display:block; width:960px; margin:21px 0 0; background:url(/images/subnav_bg.gif) no-repeat left bottom;
					  position:relative;
					}
#sub_banner			{ 
					  display:block; width:935px; height:321px; background:url(/images/sub_banner_bg.png) no-repeat; padding:24px 0 0 24px; 
					  margin-bottom:-17px;
					}
/* @end */

/* @group SUBNAV */



#sidebar #subnav{
   padding: 0;
   margin-bottom: 30px;
}

#sidebar #subnav li{
}

#sidebar #subnav li.current,
#sidebar #subnav li.current li{
   display: block;
}

#sidebar #subnav li ul{
   margin: 0;
   padding: 10px 0 0;
}

#sidebar #subnav li a{
   display: block;
   font-size: 1.6em;
   font-weight: bold;
   color: #4d473c;
   padding: 0 26px 9px;
}

#sidebar #subnav li a:hover{
   text-decoration: none;
}

#sidebar #subnav li li{ 
   padding: 0;
   margin: 0;
}

#sidebar #subnav li li a{
   font-size: 1.2em;
   color: #4d473c;
   background: url(/images/bg_subnav_li_li_a.gif) repeat-x 0 bottom;
   padding: 11px 26px;
   font-weight: normal;
}

#sidebar #subnav li li a:hover{
   background: #E2DFCE;
   text-decoration: none;
}

#sidebar #subnav li li.current a{
   background: #fff url(/images/bg_subnav_li_li_current_a.gif) no-repeat 9px 14px;
   color: #8d6e20;
   font-weight: bold;
}

#sidebar #subnav li.current li a {  
	background:none;
	color:#4d473c;
	font-weight:normal;
}

#sidebar #subnav .subnav_level2 a:hover{  
	background:#E2DFCE;
}

#sidebar #subnav ul.subnav_level2 li.current a {  
	background:#fff; 
}

/* @end */
/* @group HEADER IMAGE */

#header-image{
   height: 319px; /* 353 with padding */
   background: url(/images/bg_sub_header.gif) no-repeat;
   padding: 34px 27px 0 23px;
   margin-bottom: -15px;
   margin-top: -10px;
   position: relative;
   z-index: 1;
}

#subheader-left{
   width: 39px;
   height: 349px;
   position: absolute;
   background: url(/images/bg_sub_header_left.gif);
   top: 0;
   left: -39px;
}

#subheader-right{
   width: 65px;
   height: 349px;
   position: absolute;
   background: url(/images/bg_sub_header_right.gif);
   top: 0;
   right: -65px;
}

/* @end  */

/* @group CONTENT */
#content-wrap		{ background:url(/images/content_wrap_bg.gif) repeat-y; min-height:470px; }
#content			{ background:url(/images/content_bg.gif) no-repeat; min-height: 429px;}

#main				{ float:left; padding:30px 48px 30px 32px; width:601px;}
#main h2			{ font:normal 22px georgia, times, serif; color:#34332f;margin-bottom: 0px; }
#main h3{
   font-size: 1.5em;
   color: #8d6e20;
   font-weight: normal;
   margin: 0 0 1em 0;
   line-height: 2;
}			
#main h4,
#main h5,
#main h6			{font-size: 1.4em; line-height: 2; margin: 0;}

#main h4{
   color: #3a5569;
}

#main h5,
#main h6{
   color: #4b4a47;
}

#main p,
#main li,
#main td			{ font-size:1.2em; color:#4b4a47; line-height:1.6em; }
#main p				{ margin-bottom:1.5em;  }

#main li *,
#main td *			{ font-size: 1em; }

#main a				{ color:#447397; text-decoration:none; }
#main a:hover		{ text-decoration:underline; }

img.left-align		{ float:left; margin:10px 10px 10px 0; position:relative; left:-10px; }
img.right-align		{ float:right; margin:10px 0 10px 10px; position:relative; right:-10px; }
/* @end */

/* @group SIDEBAR */
#sidebar			{ float:left; width:278px; padding:27px 0 100px; }
#sidebar h3			{ background:#dddbd1; }
#sidebar label		{ display:block; clear:both; width:232px; padding:5px 10px; }
#sidebar label span	{ float:left; margin-top:4px;}
#sidebar select		{ float:right; width:157px; }
#sidebar img		{ border:none; }
#sidebar ul{
   margin-bottom: 20px;
}
#sidebar ul li{
   margin-bottom: 10px;
list-style-type: none;
}
#sidebar ul li a{
   color: #447397;
   font-size: 1.2em;
   text-decoration: none;
}

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

#latest-sermon{
   margin: 0 15px;
   background: #f8f8f4;
   border: 1px solid #dedcd4;
   padding: 18px 17px;
   position: relative;
}

#sidebar #latest-sermon h3{
   width: 86px;
   height: 8px;
   padding: 0;
   background: url(/images/bg_sidebar-sermon_h3.gif);
   text-indent: -9999px;
}

#sidebar #latest-sermon h4{
   font-size: 1.4em;
   margin: 0;
}

#sidebar #latest-sermon h4 a{
   color: #7e4935;
   text-decoration: none;
}

#sidebar p.sermon-meta{
   font-size: 1.1em;
   color: #8f8f7d;
   margin: 0 0 8px;
   line-height: 1.8;
}

#sidebar p.sermon-meta span{
   text-transform: uppercase;
}

#latest-sermon ul{
   background: url(/images/bg_sidebar_sermonbuttons.gif) no-repeat 0 -31px;
   width: 141px;
   height: 31px;
   position: relative;
   margin: 0;
}

#latest-sermon li{
   position: absolute;
   height: 31px;
   list-style: none;
}

#latest-sermon li a{
   display: block;
   height: 31px;
   text-indent: -9999px;
   background: url(/images/bg_sidebar_sermonbuttons.gif) no-repeat;
}

#latest-sermon li.sl_listen{
   top: 0;
   left: 0;
   width: 75px;
}

#latest-sermon li.sl_listen a{
   background-position: 0 0;
}

#latest-sermon li.sl_download{
   top: 0;
   left: 75px;
   width: 32px;
}

#latest-sermon li.sl_download a{
   background-position: -75px 0;
}

#latesst-sermon li.sl_notes{
   top: 0;
   left: 107px;
   width: 34px;
}

#latest-sermon li.sl_notes a{
   background-position: -107px 0;
}

#latest-sermon p.all{
   position: absolute;
   bottom: 18px;
   right: 15px;
   font-size: 1.1em;
}

#latest-sermon p.all a{
   color: #8d6e20;
}

#latest-sermon p.all a:hover{
   text-decoration: none;
}



/* @end */

/* @group SUBNAV */
h4.current 			{ font-size:1.2em; text-transform:uppercase; line-height:28px; padding:0 18px; background:#dddbd1; margin-top:0; }
h4.current a		{ color:#5a5853; text-decoration:none; }

#third-level		{ margin:0; padding:0 0 0 18px; list-style:none; }
#third-level li		{ margin-bottom:5px; }
#third-level li a	{ font-size:1.2em; color:#5a5853; line-height:30px; text-decoration:none; display:block; }
#third-level a:hover{ text-decoration:underline; }
#third-level li.current a	{ background:#fff; color:#a72614; position:relative; left:-12px; padding-left:12px; margin-right:-24px;}
/* @end */

/* @group UP NEXT */
#up-next					{ position:relative; padding: 15px;}
#sidebar #up-next-meta{
   width: 231px;
   float: left;
   display: inline;
   padding: 11px 12px;
   background: #dddbd1;
   margin-bottom: 14px;
}
#sidebar #up-next h3					{ width: 110px; height: 10px; background: url(/images/bg_sidebar_upnext_h3.gif) no-repeat; text-indent: -9999px; padding: 0; margin: 0;display: block; float: left;}
#all-events					{ 
					  		  position:absolute; top:15px; right:15px; z-index:1000; cursor:pointer; font-size:10px; color:#948f83; 
					  		  text-decoration:none;padding: 9px; 
					  		}
#all-events:hover			{ text-decoration:none; background-color: #fff; padding: 9px;}
#sidebar .event				{ padding:10px 12px 0; margin: 0 -12px; }
#sidebar .event h4			{ font-size:1.4em; font-weight:normal; margin:0 0 2px 14px; }
#sidebar .event h4 a		{ color:#21323d; text-decoration:none; }
#sidebar .event h4 a:hover	{ text-decoration:underline; }
#sidebar .event p			{ 
					  		  font-size:1.1em; color:#99968e; padding: 1px 0 12px 14px; margin:0; 
					  		  background:url(/images/event_bg.gif) no-repeat left bottom; 
							}
#sidebar .event:hover		{ background:url(/images/event_hover_bg.gif) repeat-y; }
/* @end */

/* @group FOOTER */
#footer				{ clear:both; padding-bottom:150px; position:relative; left:-3px;}
#footer-inner		{ width:959px; margin:0 auto; background:url(/images/footer_bg.gif) no-repeat; }
#footer ul			{ margin:0; padding:0; list-style:none; height:50px;padding-left: 10px;}
#footer li			{ display:inline; float:left; background:url(/images/footer_li.gif) no-repeat left center; padding-top: 1px; }
#footer li.first{
   background: none;
}
#footer li a		{ display:block; float:left; font-size:11px; color:#7c7569; text-decoration:none; padding:0 16px; line-height:40px; }
#footer li a:hover	{ text-decoration:underline; color:#5d554b; }

.address			{ float:left; padding:10px 0 0 18px; }
.address p			{ font-size:11px; color:#7c7569; margin:0 0 6px; }

.cpm				{ float:right; padding:10px 18px 0 0; }
.cpm p				{ text-align:right; margin:0 0 4px; font-size:11px; color:#7c7569;margin:0 0 6px; }
.cpm a				{ color:#5d554b; text-decoration:none; }
.cpm a:hover,
.cpm a.external		{ text-decoration:underline; }
.cpm a.external:hover{ text-decoration:none; }

#right-paper		{ 
					  display:block; width:70px; height:346px; background:url(/images/right_paper_bg.jpg) no-repeat; 
					  position:absolute; right:-67px; top:0px; 
					}
#left-paper			{ 
					  display:block; width:38px; height:328px; background:url(/images/left_edge_bg.jpg) no-repeat; position:absolute; top:0; 
					  left:-38px; 
					}
/* @end */

/* @group FORMS */
fieldset			{ border:0; }
input:focus			{ outline:none;}
/* @end */