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

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

#outer-container			{
	background:url(../images/home_outer_container_bg.gif) no-repeat center top;
}
#container					{ position:relative; min-height:994px; left:-1px;}
#topcontent					{ margin-top:30px; background:none; height:auto; }
#content-wrap				{ min-height:1px; } 

/* @group WELCOME */
#welcome					{ 
							  display:block; padding:10px 40px 0; width:253px; height:315px; background:url(../images/welcome_bg.jpg) no-repeat; 
							  float:left; position:relative;
							}
#welcome h2					{ margin-bottom:.5em; margin-left: -15px; }
#welcome p					{ font-size:1.2em; line-height:1.7em; color:#79745d; margin-top: 5px; }
#welcome #content-two p{
   margin-top: 15px;
}
	
#content-two				{ display:none; }
#tabs						{ 
							  position:absolute; left:1px; bottom:2px; margin:0; padding:0 0 0 13px; list-style:none; 
							  width:320px; height:31px; background:url(../images/tabs_ul_bg.gif) no-repeat 0 0;		 					  
							}
#tabs li					{ display:inline; float:left; }
#tabs li a					{ 
							  display:block; float:left; height:31px; padding:0; text-decoration:none; width:155px; 
							  background:url(../images/tabs_bg.gif) no-repeat; text-indent:-999em;
							}
#tabs #tab-one				{ background-position: 0 bottom; }
#tabs #tab-one.active		{ background-position: 0 top; }
#tabs #tab-two				{ background-position: right bottom; }
#tabs #tab-two.active		{ background-position:right top; }
/* @end */

/* @group SUNDAYS */
#sundays					{
	background:url(../images/sundays_bg.gif) no-repeat;
	padding:13px 0 0 14px;
	width:294px;
	height:170px;
	overflow:hidden;
	position:relative;
	left:-15px;
	top: 6px;
							}							
#sundays h4					{ font-size:1.4em; font-weight:normal; color:#792b1c; margin:0; }
#sundays p					{
	margin:2px 0 0;
	font-size:14px;
	color:#564432;
}
/* @end */

/* @group LINKLIST */
#linklist									{ 
											  background:url(../images/linklist_bg.gif) no-repeat; padding:8px 0 0 16px; width:292px; height:86px; 
											  ov~erflow:hidden; position:relative; left:-15px; top:6px 
											}
#linklist ul								{ margin:0; padding:0; list-style:none; }
#linklist li								{ display:block; padding:5px 0 7px; }
#linklist li a								{ 
											  padding-left:30px; font:bold 12px "Lucida Grande", arial, verdana,sans-serif; color:#324d60; 
											  text-decoration:none;
											}
#linklist li a:hover						{ text-decoration:underline; }
#linklist li#invite-a-friend		{ background:url(../images/invite_icon.gif) no-repeat left 6px; }
#linklist li#last-weeks-study-notes 		{ background:url(../images/study_notes_icon.gif) no-repeat left 5px; }
#linklist li#get-connected-in-a-small-group	{ background:url(../images/small_groups_icon.gif) no-repeat left 4px; }
/* @end */

/* @group BANNER */
#banner						{ 
							  float:left; display: inline; width:626px; height:346px; background:url(../images/banner_bg.jpg) no-repeat; 
							  position:relative; margin-top: -10px; left:0;
							}
#controls					{ position:absolute; bottom:26px; left:296px; margin: 0; padding: 0;}
#controls li				{ display:inline; float:left; padding-right: 4px;}
#controls li a				{ 
							  display:block; float:left; background:url(../images/rotator_controls.gif) no-repeat; width:10px; height:6px; 
							  text-indent:-999em; 
							}
#controls li .current		{ background-position:right bottom; position:relative; left:-3px; }
#controls li a:focus		{ outline:none }
/* @end */

/* @group CONTENT */
#main						{ float:left; width:625px; padding:0; }
#sidebar					{ float:right; width:315px; padding:0; }
#content					{ background:url(../images/home_content_bg.gif) no-repeat; }
#content-wrap				{ padding-bottom:25px; background:url(../images/home_content_wrap_bg.gif) repeat-y; }


/* @end */

/* @group MESSAGE */
#message					{
	padding:26px 0 0 0;
	position:relative;
	height:64px;
}
#message p					{ margin:0;margin-top: -2px; text-transform:uppercase; color:#949288; font-size:10px; letter-spacing: .1em; }
#message h3					{ 
							  display:block; width:87px; height:42px; background:url(../images/the_latest_tab.gif) no-repeat; text-indent:-999em; 
							  position:absolute; top:24px; left:-6px; margin:0;
							}
#message h4					{
	margin:0;
	font:normal 24px georgia, times, serif;
	color:#842410;
	padding-top: 5px;
}
#message h4 a				{ color:#785b1a; text-decoration:none; }
#message h4 a:hover			{ text-decoration:underline; }
#message h4 span			{ font:bold 12px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif; color:#7e7a66; padding-left: 10px;  }
#message ul					{ 
							  position:absolute; top:18px; right:27px; margin:0; padding:0; list-style:none; 
							  background:url(../images/sermon_controls.gif) no-repeat; width:260px; height:51px;
							}
#message li					{ float:left; display:inline; }
#message li a				{ 
							  display:block; float:left; background:url(../images/sermon_controls.gif) no-repeat; width:50px; height:51px; 
							  text-indent:-999em; position: absolute;
							}
#message a.play				{ left: 0; width:105px; height:51px; background-position:left top; }
#message a.play:hover		{ background-position:left bottom; }

#message a.download			{ left: 105px; width:51px; background-position:-105px top; }
#message a.download:hover	{ background-position:-105px bottom; }

#message a.home_video			{ left: 156px; width:49px; background-position:-156px top; }
#message a.home_video:hover		{ background-position:-156px bottom; }

#message a.podcast			{left: 205px; width: 50px; background-position: -205px top;}
#message a.podcast:hover	{background-position: -205px bottom;}
/* @end */

/* @group ARTICLES */
#articles					{ 
							  background:url(../images/articles_bg.gif) repeat-y left top; padding:7px 0 0 36px;margin:20px 0 0; width:335px; 
							  float:left; position:relative; 
							}
#articles h4				{ width:85px; height: 19px; background: url(../images/bg_home_blogposts_h4.gif) no-repeat;  text-indent: -9999px; margin: 0;}
#articles .subscribe,
#series .inner .subscribe	{ 
							  display:block; width:9px; height:9px; background:url(../images/mini_feed_icon.gif) no-repeat; text-indent:-999em;
							  position:absolute; top:6px; left:129px;
							}
.article					{
	padding:0px 0 15px 36px;
	margin-left:-36px;
}
.article:hover				{ background:url(../images/article_hover_bg.gif) repeat-y; }
.article h3					{ font-size:16px; font-weight:normal; margin:0; }
.article h3 span			{ 
							  background:url(../images/article_hover_h3_icon.gif) no-repeat left center; padding:0; margin:1px 0 0 17px; 
							  text-indent:-999em; width:22px; height:23px; display:none; float:left; 
							}
.article:hover span			{ display:block; }
#home .article h3 a			{ color:#324c5d; text-decoration:none; float:left;margin-top: -4px;  }
.article:hover h3 a,
.article h3 a:hover			{ text-decoration:none; }
#main .article p			{
	font-size:1.2em;
	color:#696864;
	line-height:1.7em;
	margin-bottom:0;
}
#main .article p.date				{ font-size:11px; color:#99968e; margin:-15px 0 0; line-height:1; margin-bottom: 4px; }
.article p a				{
	font-size:12px;
	color:#8c2517;
}
.article p a:hover			{ text-decoration:none; }
#all-articles				{ 
							  display:block; width:117px; height:19px; background:url(../images/all_posts_btn.gif) no-repeat; 
							  text-indent:-999em;margin-top: -4px; 
							}
#all-articles:focus			{ outline:none; }
/* @end */

/* @group CURRENT SERIES */
#series						{ float:right; width:201px; margin:11px -5px 0 0; padding:6px; background:#f8f6f3; }
#series .inner				{ background:#fff; border:1px solid #ebe8e3; padding:12px 8px; width:185px; position:relative; float: left; }
#series .inner h4{
   height: 10px;
   width: 106px;
   background: url(../images/bg_series_h4.gif) no-repeat;
   text-indent: -9999px;
   margin: 4px 4px 10px;
}
#series .inner .subscribe	{ top:15px; right:13px;  left: auto;}
.subscribe:focus			{ outline:none; }
#series .inner img			{ clear:both; display:block; margin-top: 0;margin-bottom: 10px; border:0; float: left;}
#series .inner ul			{ margin:0; padding:0; list-style:none; }
#series .inner li			{ display:block; padding:5px 2px; float: left; width: 180px; font-size: 11px; color: #aba898;}
#series .inner span			{ display:block; float:right; width:25px; text-align:right; font-size:9px; color:#8f8c80;}
#series .inner span.future_title{
   float: left; display: block; width: 140px; text-align: left; font-size: 11px;
}
#series .inner li a			{
	width: 185px;
	font-size: 14px;
	float:left;
	padding-left:2px;
	text-decoration:none;
	color:#990000;
	line-height: 1.6em;
	font-weight: normal;
							}
#series .inner li a:hover{

}
#series .inner li img		{ display:inline; position:relative; top:2px; margin:0; border:none; }
#series li.current a		{ color:#4a433b; font-weight:bold; } 
#series li a:hover			{ color:#4a433b; text-decoration:underline; }
/* @end */

/* @group MINI CAL */
#calendar					{ padding:20px 23px 32px; position: relative;}
#calendar table				{ 
							  background:#fff url(../images/cal_bg.gif) repeat-y; width:265px;
							  border-collapse:collapse; border-bottom:1px solid #e1e1d4; 
							}
#calendar caption			{
	background:url(../images/cal_caption_bg.gif) no-repeat right 2px;
	padding:0 0 10px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	color: #585650;
}
#calendar caption em{
   font-weight: normal;
   font-style: normal;
} 							 
#calendar span 				{no-repeat;
	display:block;
	height:11px;
	width:12px;
	padding-top: 0px;
}
#calendar span.calendar-next{ position:absolute; top:20px; right:26px; }
#calendar span.calendar-prev{ position:absolute; top:20px; right:44px;}
#calendar span img{
   width: 12px; height: 11px; display: block; float: left; vertical-align: bottom;
}
#calendar th				{
	font-size:13px;
	font-weight:bold;
	color:#000000;
	background:#e6e4d7;
	height:15px;
	padding-top: 3px;
}
#calendar td				{
	text-align:left;
	padding:3px 3px;
	width:33px;
	height:23px;
	vertical-align:top;
	border:1px solid #e1e1d4;
	border-width:1px 1px 0 0;
	font-size:14px;
							}
#calendar td span{
   display: block;
   height: 100%;
   width: 100%;
}							
#calendar td.linked-day		{ background:#fef8d3; }
#calendar td a				{ color:#313028; text-decoration:none; display:block; width:35px; height:23px;}

#traildiv		{ position:absolute; top:0; left:0; z-index:5000; }
#traildiv ul 	{ background:#4a463f; text-align:left; margin: 0; padding:10px; list-style: none; opacity:.91; filter:alpha(opactiy=91); }
#traildiv ul li	{ margin: .75em; } 
#traildiv li a	{ color:#ebe9d8; font-size:11px; text-decoration:none; font-weight:bold; }

/* @end */

/* @group ELETTER */
#eletter					{ width:265px; margin:0 auto; margin-left: 23px; }
#sidebar #eletter h3		{ width: 201px; height: 14px; padding: 0; background: url(../images/bg_eletter_h3.gif) no-repeat; text-indent: -9999px; margin-bottom: 9px;}
#eletter form,
#eletter fieldset			{ margin:0; padding:0; border:0;  }
#eletter form				{ background:url(../images/newsletter_bg.gif) no-repeat left bottom; padding-bottom:1px; margin-left: 0px; }
#eletter #ea				{ 
							  padding:4px; padding-left: 8px;width:181px; height:16px; border:0; font-size:11px; color:#a3a394; background:#f4f2ef; 
							  float:left; margin-left: 0px;
							}
#eletter #submit			{ float:right; position:relative; top:1px; }
/* @end */

/* @group ROTATOR */
#rotator 					{ overflow: hidden; margin: 0; position: relative; width: 578px; height: 280px; top:24px; left:24px; }
#rotator img				{ border: 0; width: 578px; height: 280px; display:none; position:absolute; top:0; left:0; }
/* @end */

#right-paper				{ top:195px; }