/* @override http://cityofgod.cpmpreview.com/css/home.css */

/* @override 
	http://cityofgod.cpmpreview.com/css/home.css
*/

#home #image		{ 
					  display:block; width:635px; height:284px; background:url(/mediafiles/home-header.jpg) no-repeat; 
					  position:relative; top:14px; left:10px; float:left; 
					}
#home #container	{ min-height:65% }
#secondaryContent	{ padding:0 0 50px 12px; width:848px; position:relative; top:-4px;}
#content			{ padding-bottom:0; }
#lowerContent		{ padding-bottom:0; margin:0; }
#searchForm			{ right:-10px;  }
#footer				{ margin-top:-2.5em; }

/* @group BANNER */
#home #banner		{ height:315px; background:url(/images/banner_bg.jpg) no-repeat; margin-bottom:16px; top:-5px;}
#banner-left		{ 
					  display:block; width:149px; height:282px; background:url(/images/banner_left.jpg) no-repeat;  
					  position:absolute; top:14px; left:-149px;
					}
#banner-right		{ 
					  display:block; width:113px; height:310px; background:url(/images/banner_right.jpg) no-repeat;  
					  position:absolute; top:4px; right:-111px;
					}
/* @end */

	/* @group QUICKLINKS */
	#quicklinks			{ float:left; margin-left:22px; width:223px; margin-top:16px; }	
	.quicklink			{ clear:both; background:url(/images/ql_divider.gif) no-repeat left bottom; padding:8px 0 10px; position:relative; min-height:75px;}
	.last				{ background:none; border:0; }
	.quicklink h4,
	.quicklink p		{ margin:0 0 0 79px; font-size:1.1em; color:#7b7267; line-height:1.6em; }
	.quicklink h4		{ font-size:1.2em; padding-top:11px  }
	.quicklink h4 a		{ 
						  color:#534c44; text-decoration:none; padding-right:10px; 
						  background:url(/images/right_arrow.gif) no-repeat right center; 
						}
	#quicklinks h4 a:hover	{ text-decoration:underline; color: #dc5d10;}
	#quicklinks img			{ float:left; padding:3px 3px 3px 0; border:1px solid #d9d4ca; border-width:1px 1px 1px 0; background:#fff; position:absolute; left:-2px; }	
	.qiucklink.last		{ background:none; }
	/* @end */

/* @group UPCOMING EVENTS */
#upcoming-events			{ padding-left:0; position:relative; }
#upcoming-events ul			{ margin:0; padding:8px 0 0; list-style:none; background:url(/images/events_li_bg.gif) repeat-y left top; }
#upcoming-events li			{ font-size:1.1em; padding:0; color:#827970; }
#upcoming-events li span	{ width:50px; display:block; float:left; color:#d7cdba; position:relative; top:7px;}
#upcoming-events li a span	{ float:none; color:#fff; display:inline; top:0;}
#upcoming-events li a		{ 
							  font-size:11px; color:#fff; text-decoration:none; display:block; float:left; width:200px;  
							  border:1px solid #382d23; border-width:0 0 0 1px; padding:6px 0 5px 13px;
							}
#upcoming-events li a:hover	{ text-decoration:underline; }
/* @end */

	/* @group RECENT SERMONS */
	#recent-sermons 				{ position:relative; }
	#recent-sermons h3				{  margin-bottom:11px; }
	.column h3						{ margin:0; padding-bottom:0px; margin-bottom:.5em; font-size: 1.6em; color: #fe7033;}
	.view-all						{ 
									  position:absolute; display:block; width:62px; height:18px; top:-1px; right:0;
									  background:url(/images/view_all_btn.gif) no-repeat; text-indent:-999em;
									  z-index:2000; cursor:pointer;
									}
	#recent-sermons .sermon,
	#recent-articles .article		{ padding:9px 0 9px; position:relative; }
	#recent-sermons .sermon.last	{ border:0; } 
	#recent-sermons h4				{ margin:0; font-size:1.1em; text-transform:uppercase; width:70%; }
	#recent-sermons h4 a			{ color:#fff; text-decoration:none; }
	#recent-sermons h4 a:hover		{ text-decoration:underline; }
	#recent-sermons p				{ margin:4px 0 0; font-size:1.1em; color:#dcd0ba; }
	#recent-sermons a.play			{ 
									  position:absolute; top:11px; right:4px; display:block; width:56px; height:20px;
									  background:url(/images/play_btn.png) no-repeat; text-indent:-999em;
									}									
	.view-all:focus,
	#recent-sermons a.play:focus	{ outline:none; } 
	
	/* @end */ 	
	
	/* @group RECENT-ARTICLES */
	#recent-articles.column			{ margin-right:-30px; }
	#recent-articles .view-all		{ right:-12px; }
	#recent-articles .article		{ padding:11px 0 9px 3px; }
	#recent-articles .article.last	{ border:0; }
	#recent-articles h3				{ margin-bottom:7px;}
	#recent-articles h4				{ font-size:1.2em; margin:0 0 3px; width:75%; }
	#recent-articles h4 a			{ color:#fff; text-decoration:none; }
	#recent-articles h4 a:hover		{ text-decoration:underline; }
	#recent-articles p				{ margin:4px 0 0; font-size:1.1em; color:#dcd0ba; }
	#recent-articles ul				{ position:absolute; top:14px; right:-3px; margin:0; padding:0; list-style:none; }
	#recent-articles li				{ float:left; display:inline; }
	#recent-articles li a			{ display:block; width:16px; height:16px; text-indent:-999em; margin-left:7px;}
	#recent-articles li a:focus		{ outline:none; }
	#recent-sermons a.notes,
	#recent-articles li.notes a		{ background:url(/images/article_icon.png) no-repeat; }
	#recent-articles li.download a	{ background:url(/images/pdf_icon.png) no-repeat; width:18px;}
	/* @end */



	/* @group ROTATOR CONTROLS */
	#controls						{ 
									  height:29px; background:url(/images/controls_container_bg.png) no-repeat left top; padding-left:2px; 
									  position:absolute; bottom:25px; z-index:2000;
									}
	#controller						{ background:url(/images/controls_bg.png) no-repeat right top; padding-right:3px; }							
	#controls ul					{ margin:0; padding:3px 0; list-style:none; height:23px; position:relative; }
	#controls li					{ display:inline; }
	#controls li a					{ float:left; display:block; line-height:23px; font-size:11px; color:#bbb7b1; text-decoration:none; padding:0 9px;}
	#controls li a.current			{ background:#fff; color:#000; }
	#controls li#controls-previous	{ position:absolute; left:-34px; top:0 }
	#controls li#controls-previous a{ 
									  display:block; width:29px; height:29px; background:url(/images/controls_prev_btn.png) no-repeat; 
									  text-indent:-999em; padding:0;
									}
	#controls li#controls-next		{ position:absolute; right:-35px; top:0;}
	#controls li#controls-next a	{ 
									  display:block; width:29px; height:29px; background:url(/images/controls_next_btn.png) no-repeat; 
									  text-indent:-999em; padding:0;
									}
	#controls li a:focus			{ outline:none; }
	/* @end */


	#home #image	 {
		display: block;
		width: 635px;
		height: 284px;
		position: relative;
		top: 14px;
		left: 10px;
		float: left;
	}

	#rotator { overflow:hidden; }
	#rotator p	{ margin:0; }
	#rotator img{ display:block; width:635px; height:284px; border:0; display:none; position:absolute; top:0; left:0; }
