/* @override 
	http://redeemercommunitychurch.cpmpreview1.com/css/home.css
	http://www.redeemercommunity.org/css/home.css
*/

h2					{ font-weight:normal; margin-bottom:1em; }
#nav				{  margin-left: -1px;}
#nav li a 			{ 
					  display:block; padding:16px 16px 0; height:41px; width:196px; background:url(/images/home_nav.gif) no-repeat; text-decoration:none; 
					  font-size:12px; color:#534020; margin-bottom:4px; margin-top: 2px;text-align:left; 
					}
#nav li a strong	{ font-size:16px; color:#31210f;display:block; margin:-2px 0 -14px; font-weight:normal;}
					
#nav li a:hover			{ background:url(/images/home_nav.gif) no-repeat left bottom; color:#e8dfc2 }
#nav li a:hover strong	{ color:#fbf8e9 }

/* @group HOME Content */
#primaryContent		{ padding:0; width:489px; }
/* @end */

/* @group BANNER */
#home #banner		{ 
					  display:block; width:489px; height:362px; background:url(/mediafiles/home-header.jpg) no-repeat; 
					  margin:0; left:0;margin-top: 2px;margin-bottom: 2px; position: relative;
					}

/* @group EVENTS */
#upcoming-events				{ margin-top: 2px;padding:0 14px; width:232px; float:left; background:url(/images/column_bg.gif) repeat-x; }
#upcoming-events h3				{ margin-bottom:30px; text-transform: uppercase; font-size: 12px; color: #fff; }
#home #upcoming-events ul		{ margin:0; padding:0; width:228px;margin-top: 18px; }
#home #upcoming-events li		{ display:block; width:228px; line-height:24px; border-bottom:1px solid #b3a170; padding-bottom: 1px;margin-top: -11px; }
#home #upcoming-events li.last	{ border:0; }
#home #upcoming-events li span	{ float:left; color:#7b693a; font-size:10px; display:block; width:45px; line-height:24px;}
#home #upcoming-events li a		{ float:left; font-size:12px; color:#29150b; text-decoration:none; display:block; line-height:24px;}
#home #upcoming-events li a:hover{ text-decoration:underline;  }
/* @end */

/* @group CALENDAR */
td ul { background: #402314 !important; padding: 10px !important; }
td ul li a {color: #fff !important; background: none !important; text-align: left; padding: 0 !important; margin: 0 !important;}
#cal-wrap								{ display:block; padding-bottom:15px; background:#beac7c; width:217px; clear:both;  position:relative; top:6px; margin-bottom: 10px;}

#primaryContent #calendar				{ padding-top: 43px; margin-top:2px; float:left; width:229px; background:url(/images/column_bg.gif) repeat-x; }
#primaryContent #calendar caption		{ 
										  position:relative;background:#beac7c url(/images/caption_bg.gif) no-repeat 4px center; text-align:left;
										  text-transform:uppercase; color:#fff; font-size:10px;; font-family: lucida grande, arial, sans-serif; 
										  font-weight: bold;line-height:26px; padding:0 0 0 50px;
										}

#calendar caption span.nextMonth, #calendar caption span.prevMonth					{ 
										  display:block; width:20px; height:18px; background:url(/images/next_prev.gif) no-repeat; position:absolute; top:4px;
										  text-indent:-999em; margin:0; padding:0;
										}
#calendar caption span.nextMonth		{ left:25px; background-position:right top }
#calendar caption span.prevMonth		{ left:4px; background-position:left top}
#calendar caption span.prevMonth a, #calendar caption span.nextMonth a		{ background: none !important; }
#primaryContent #calendar table			{ 
										  border-collapse: collapse; position:relative; width:217px; margin:0 0 -7px; 
										  background:#beac7c url(/images/cal_bg.gif) no-repeat center top;   
										  font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;  
										}
#calendar td.today span					{
	display: none;
}				
#calendar td ul							{
	position: absolute; left: -999em;
}						
#calendar tbody							{ margin-top:-5px; }
#primaryContent #calendar th			{ 
										  padding:7px 0 5px; color:#fff; font-size: 1.1em; font-weight:bold; text-align:center; background:none; 
										  border-bottom:1px solid #a18e5f; 
										}
#primaryContent #calendar table.calendar td 
										{ height:18px; width:25px; color:#553e23; font-size:1em; font-weight:normal; text-align:center; background:none; 
										  border:none; vertical-align:middle; padding:0 0 1px;
										}
#primaryContent #calendar a				{ 
										  display:block; padding:3px; background:url(/images/date_bg.gif) no-repeat center; color:#553e23; 
										  text-decoration:none; padding-top: 2px;margin-top: 0px;
										}
#primaryContent #calendar p.more{
   width: 218px;
   height: 32px;
   padding: 0;
   margin-bottom: 0;
}

#primaryContent #calendar p.more a{
   background: url(/images/bg_home_events_more.png) no-repeat bottom;
   display: block;
   height: 32px;
   padding-top: 30;
   text-indent: -9999px;
}

/* @end */

/* @group TRAILDIVS */
#traildiv		{ position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 130px; height: 100px; color: #FFF;}
#traildiv ul	{  padding: 8px 8px 0px 8px ; background: #2B271B; font-size: 11px; }
#traildiv li	{ color: #FFF; margin-left: 15px; margin-bottom:0; padding-bottom: 8px;font-size: 11px; }
#traildiv a		{ color: #FFF; text-decoration: none; }
/* @end */

/* @group ROTATOR */

#controls {
	height: 29px;
	background: url(/images/controls_container_bg.png) no-repeat left top;
	padding-left: 2px; 
	position: absolute;
	bottom: 20px;
	z-index: 2000;
	right: 50px;
}

#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: -9999px;
	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: -9999px;
	padding:0;
}

#controls li a:focus {
	outline: none;
}

#rotator {
	display: block;
	width: 489px;
	height: 362px;
	position: relative;
	float: left;
	overflow: hidden;
}

#rotator p	{
	margin: 0;
}

#rotator img {
	display: block;
	width: 489px;
	height: 362px;
	border: 0;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
/* @end */

#footer {
	margin: -10px 0 0 2px;
}