/* @override 
	http://christfellowship.cpmpreview.com/_css/home.css
	http://www.christfellowshipbg.com/_css/home.css
*/

/* @group Home Featured */
#home #content		 	{ background: none; width: 960px; float:none; margin:0; padding:0; }
#home-featured			{ width: 960px; height:363px; display:block; margin-bottom:5px; position: relative; }
#home-banner			{ 
						  width: 642px; height: 363px; position: absolute; left: 309px; top: -16px; padding: 16px 0 0 9px;
		  				  background: url(/_img/bg_home-banner.png) no-repeat top left; 
						}
#welcome				{ 
						  float:left; width:305px; padding-left:4px; background:url(/_img/bg_welcome.gif) no-repeat; 
						  height:363px; position:relative; top:-11px;
						}
#welcome div			{ display:none; }
#welcome .current		{ display:block; }
/* @end Home Featured */

/* @group BRANCHES */
#branchnav				{ padding: 31px 18px 0; width: 279px; margin-bottom:2px; height:33px; }
#branchnav li			{ float:left; display: inline; margin-right: 1px; }
#branchnav li a			{ 
						  padding: 11px 15px 0; height: 24px; display: block; float: left; font-weight: bold; font-size: 1.2em; color: #597851; 
						  background: #afcca7; text-transform: uppercase; text-align: center; position: relative; z-index: 1000; margin-right:3px;
						}
#branchnav li a:hover	{ text-decoration: none; background: #BFD9B8; }

#branchnav .current a,
#branchnav .current a:hover,
#branchnav a:hover 		{ background: #fff; color: #373737; }

.branch-text					{ padding: 20px 25px 0; overflow: hidden; height:140px; }
#content .branch-text p			{ font-size: 1.2em; color: #767265; line-height: 1.8; }
#content ul.branch-list			{ 
								  width: 269px; height: 105px; overflow: hidden; background: url(/_img/bg_branch_ul.gif) no-repeat left bottom; 
								  padding: 17px 18px 18px 22px; position:absolute; bottom:-11px; left:1px; 
								}
#content ul.branch-list li		{ border-bottom: 1px solid #E8E8D3;  }
#content ul.branch-list li.last	{ border: none; }
#content ul.branch-list li a	{ color: #9f9f71; font-size: 1.3em; padding: 4px; display: block; height: 23px; line-height: 1.8;  }
#content ul.branch-list img		{ float: left; display: inline; margin-right: 10px; }
/* @end BRANCHES */


#latest-news{
   display: block;
   margin: 0 0 8px 0px;
   width: 954px;
   height: 31px;
   background: url(/_img/bg_latest-news.gif) repeat-x;
   padding: 3px;
   position: relative;
}

#latest-news h3{
   background: url(/_img/bg_latest-news_h3.gif) no-repeat 0 0;
   height: 21px; 
   width: 136px;
   text-indent: -9999px;
   position: absolute;
   top: 8px;
   left: -5px;
   
}

#latest-news p{
   float: left;
   font-size: 1.2em;
   color: #494435;
   margin: 8px 0 8px 140px;
   line-height: 1.5;
}

#latest-news p.more{
   float: right;
   margin: 0;
   width: 112px;
   height: 30px;
   background: url(/_img/bg_latest-news_p_more.gif);
   
}

#latest-news p.more a{
   color: #494435;
   display: block;
   height: 21px;
   font-size: 11px;
   padding: 7px 0 0 12px;
}

#latest-news p.more a:hover{
   color: #3b3b34;
   text-decoration: none;
   display: block;
   height: 23px;
   padding: 7px 0 0 12px;
   background: url(/_img/bg_latest-news_p_more_hover.gif)
}



/* @group FEATURES */
#basement{
   width: 957px;
   padding: 0 0 0 3px;
   position: relative;
   left:-4px; 
}

#features			{ float:left; }
#features li		{ width: 315px; height: 147px; margin-bottom: 4px; background: url(/_img/bg_features_li.png) no-repeat; padding: 1px 0 0 1px; }
#features li a		{ display: block;  height: 146px; }
/* @end FEATURES */

/* @group MESSAGE-EVENTS */
#message-events		{ float:left; width: 642px;  background:#fff url(/_img/bg_message-events.gif) no-repeat; margin-right:-30px; margin-left:3px;}

#latest-message		{ width: 390px; padding: 11px 5px 20px 8px; float: left; }

#latest-message h3{
   font-size: 1.1em; 
   color: #446741;
   font-weight: bold;
   text-transform: uppercase;
   padding: 11px;
   float: left;
   width: 230px;
}

#latest-message ul{
   float: right;
   width: 112px;
   height: 29px;
   background: url(/_img/bg_home_media_btns.gif) no-repeat;
   margin-top: 2px;
}

#latest-message ul li{
   float: left;
}

#latest-message ul li a{
   display: block;
   float: left;
   text-indent: -9999px;
   height: 29px;
}


#latest-message li#message-listen a{
   width: 75px;
}


#latest-message li#message-download a{
   width: 37px;
}


#message-info{
   clear: both;
   padding: 0 14px 21px;
   margin-bottom: 15px;
   background: url(/_img/bg_message-info.gif) no-repeat bottom center;
}

#latest-message h4{
   margin-bottom: 5px;
}

#latest-message h4 a{
   font-size: 1.7em;
   color: #c65c06;
}

#latest-message p.message-meta{
   font-size: 1.1em;
   color: #9a9a9a;
}

#message-body{
   padding: 0 14px;
}

#latest-message p.message-series{
   font-size: 1.3em;
   color: #4f4f41;
   font-weight: bold;
   margin-bottom: 7px;
}

#latest-message p.message-series strong{
   display: block;
   float: left;
   width: 85px;
   height: 8px;
   background: url(/_img/bg_message-series.gif) no-repeat 0 5px;
   text-indent: -9999px;
   padding-top: 5px;
   margin-right: 6px;
   margin-left: -1px;
}

#latest-message .summary p{
   font-size: 1.2em;
   color: #737368;
   line-height: 1.67;
   margin-bottom: 7px;
}

#latest-message p.more{
   font-size: 1.1em;
}

#latest-message p.more a{
   color: #c65c06;
   border-bottom: 1px solid #be490c;
   display: block;
   float: left;
   padding: 3px 0;
}

#latest-message p.more a:hover{
   background: #FCEEE3;
   text-decoration: none;
}

#next-events{
   float: left;
   width: 202px;
   padding: 9px 17px 11px 21px;
   margin-right:-30px;
}

#next-events h3{
   font-size: 1.1em;
   color: #fff;
   font-weight: bold;
   text-transform: uppercase;
   padding: 13px 14px 12px 0;
   float: left;
   width: 120px;
   display: inline; margin-bottom:0px;
}

#next-events p.more{
   float: right; 
   width: 20px;
   height: 20px;
   background: url(/_img/cal_icon.gif) no-repeat 2px 2px;
   margin-top: 7px; margin-right:-5px;
}

#next-events p.more a{
   display: block;
   height: 20px;
   text-indent: -9999px;
}

#next-events .event{
   clear: both;
   border-bottom: 1px solid #e6e6e6;
   padding: 12px 0; 
}

#next-events .event.last{
   border: none;
}

#next-events .event h4{
   font-size: 1.2em;
   font-weight: bold;
   margin-bottom: 4px;
   float: left;
}

#next-events .event h4 a{
   color: #525249;
}

#next-events .event p.date{
   float: right;
   font-size: 1em;
   text-transform: uppercase;
   color: #ababa2;
}

#next-events .event p.summary{
   clear: both;
   font-size: 1.1em;
   line-height: 1.63;
   color: #98988e;
}

#next-events .event p.summary a{
   color: #c2541b;
}

#next-events .event p.summary a:hover{
   background: #FCEEE3;
}

/* @end Home Page */