/* @override http://springwoodpresbyterian.cpmpreview1.com/css/home.css */
body#home					{ background:#e0d7bb url(/images/home_body_bg.jpg) repeat-x; }
#mainContent				{ padding-bottom:60px;  } 
#player						{ position:relative; z-index:1; }
/* @group TOP CONTENT */
#topContent				{ padding:23px 0 0 } 
#home #banner			{ height:222px; margin:0 0 -1px; }
#home #banner-inner		{ background:url(/mediafiles/home-header.jpg) no-repeat; display:block; width:497px; height:222px; position:relative; top:4px; }
#home #banner-overlay	{ height:222px; background:url(/images/home_overlay.gif) no-repeat; }
/* @end */

/* @group UPCOMING EVENT */
#upcoming-event				{ 
							  float:left; width:192px; height:221px; display:block; background:url(/images/event_bg.jpg) no-repeat; margin-left:6px; 
							  padding:0 24px; 
							}
#upcoming-event h3			{ font:normal 1.8em "Lucida Grande", arial, sans-serif; color:#ede4c7; margin-bottom:25px;}
#upcoming-event .date		{ 
							  display:block; width:56px; height:61px; background:url(/images/date_bg.gif) no-repeat; text-align:center; float:left; 
							  position:relative; left:-8px;
							}
#upcoming-event span.month	{ font-size:1.4em; display:block; text-transform:uppercase; color:#2a2418; font-weight:bold; }
#upcoming-event span.day	{ font-size:3em; font-weight:bold; color:#ede4c7; position:relative; top:4px;}
#upcoming-event h4			{ margin:0 0 0 47px; padding:0; font-size:1.4em; font-weight:bold; }
#upcoming-event h4 a		{ color:#ede4c7; }
#upcoming-event a:hover		{ text-decoration:none; }
#upcoming-event p			{ font-size:1.2em; line-height:1.5em; color:#c6ba95; margin-top:9px; }
#upcoming-event p a			{ font-size:13px; color:#fefdfb; padding:4px;  }
/* @end */

/* @group PRIMARY CONTENT */
#home #primaryContent		{ background:url(/images/primarycontent_bg.jpg) no-repeat left 26px;  }
a#feed						{ 
							  position:absolute; top:5px; right:31px; background:url(/images/rss_icon.gif) no-repeat right 2px; padding-right:20px; 
							  font:bold 1.1em "Lucida Grande", arial, sans-serif; color:#605a4e; text-decoration:none;
							}
a#feed:hover				{ text-decoration:underline; }

#primaryContent #tabs		{ margin:0; padding:0 0 0 2px; list-style:none; height:28px; }
#primaryContent #tabs li	{ display:inline; }
#tabs li a	{ 
							  display:block; float:left; font:13px "Lucida Grande", arial, sans-serif; color:#817a6c; margin-left:10px;
							  text-decoration:none; padding:0 12px; background:#cbc1a4; border:2px solid #726958; border-bottom:0; line-height:24px;
							}
#tabs li.active a			{ color:#763307; background:#ede4c7; line-height:26px;}

#events-tab .article,
#news-tab .article,
#welcome-tab				{ padding:0 15px; }
#events-tab h4,
#news-tab h4,
#welcome-tab h3				{ 
							  font-size:1.4em; background:url(/images/news_icon.gif) no-repeat; padding-left:20px; border-bottom:1px solid #c5b994; 
							  padding-bottom:10px; margin-bottom:0; color:#3f7c7d; font-weight:normal;
							}
#welcome-tab h3				{ background:none; padding-left:0; }
#home #primaryContent h5,
#news-tab .article h5		{ margin-bottom:0; margin-top:10px; }

#home #primaryContent h5 a,
#news-tab .article h5 a		{ color:#b8500c; text-decoration:none; }

#primaryContent h5 a:hover,
#news-tab .article h5 a:hover
							{ text-decoration:underline; }
#primaryContent .article p,
#news-tab .article p		{ font-size:1.3em; line-height:1.5em; color:#252525; margin-top:2px;}

a.read-on					{ color:#b8500c; text-transform:uppercase; font-size:10px; margin-left:10px; }
.article p a:hover			{ text-decoration:none; }

/* @end */
#secondaryContent			{ width:232px; left:0; }

/* @group PODCAST */
#podcast					{ display:block; background:url(/images/podcast_bg.gif) no-repeat; padding:11px 0 0 40px; width:169px; height:76px; margin-bottom:18px; }
#podcast h3					{ border:0; color:#b54e0a; font:normal 1.7em "Lucida Grande", arial, sans-serif; margin:0; letter-spacing:-.075em}
#podcast p					{ font-size:1.2em; font-family:"Lucida Grande", arial, sans-serif; text-align:center; position:relative; left:-5px; margin:4px 0 0;}
#podcast p a				{ color:#35322c; }
/* @end */

/* @group LATEST MESSAGE */
#latest-message				{ background:url(/images/h3_bg.gif) no-repeat left 24px;padding:0 5px; position:relative; left:-5px;}
#latest-message h3			{ margin:0; padding:0; background:url(/images/audio_icon.gif) no-repeat left; padding-left:20px; font-size:1.7em; color:#4b463c; }
#latest-message h4,
#latest-article h4			{ font-size:1.3em; font-weight:bold; margin-bottom:0; }
#latest-message h4 a,
#latest-article h4 a		{ color:#4b463c; text-decoration:none }
#latest-message h4 a:hover,
#latest-message h4 a:hover	{ text-decoration:underline; }
#latest-message p,
#latest-article p			{ margin-top:3px; margin-bottom:14px; font-size:1.1em; color:#4b463c; }
#latest-message p span,
#latest-article p span		{ font-size:10px; color:#84471f; }
#latest-message p a			{ float:left; font-size:11px; color:#84471f; font-weight:bold; padding-top:3px; }
#latest-message p a:hover	{ text-decoration:underline; }
#latest-message p a.play, 
#latest-message p a.download{ color:#645d4f; text-decoration:none; font-weight:normal; font-size:13px; }
#latest-message a.play		{ display:block; width:40px; height:22px; background:url(/images/listen_btn.gif) no-repeat; padding:3px 0 0 24px; }
#latest-message a.download	{ display:block; width:63px; height:19px;padding:3px 0 0 24px; margin:0 3px 0 7px; background:url(/images/download_btn.gif) no-repeat; }
/* @end */

/* @group LATEST ARTICLE */
#latest-article 			{ 
							  background:url(/images/h3_bg.gif) no-repeat left 24px; padding:0 5px; position:relative; 
							  left:-8px; margin-top:30px;
							}
#latest-article h3			{ 
							  margin:0; padding:0 ; background:url(/images/comments_icon.gif) no-repeat left center; padding-left:20px; font-size:1.7em;
							  color:#4b463c; 
							} 
#latest-article p.byline	{ padding-bottom:8px; border-bottom:1px solid #c5b994; font-size:1.1em; margin-bottom:5px; }
#latest-article p			{ font-size:1.2em; color:#37332c; line-height:1.5em; }
#latest-article p a			{ color:#84471f; font-size:11px; font-weight:bold; }
/* @end */

#home #footer 					{ background:url(/images/home_footer_bg.jpg) repeat-x left bottom; clear:both; }