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

/* @group Layout */

#content-wrap{
   padding: 14px 18px;
   width: 944px;
   float: left;
}

#content{
   width: 944px;
   float: left;
   background: none;
   padding: 0;
   margin-top: 0;
   position:relative; z-index:2;
}

/* @end  */

/* @group Welcome */
 
#welcome{
   width: 311px;
   height: 334px;
   overflow: hidden;
   float: left;
   background: url(/_img/bg_welcome.gif);
   padding: 28px 8px 28px 9px;
}

#welcome h3{
   padding: 0 20px;
   margin-bottom: 10px;
}

#welcome p.intro{
   width: 303px;
   height: 118px;
   background: url(/_img/bg_welcome_banner.png);
   padding-left: 8px;
   margin-bottom: 8px;
}
#visitors #welcome p.intro	{
	position: relative; left: -4px; background: none;
}

#welcome ul{
   margin: 0;
   padding-left: 8px;
   list-style:none;
}

#welcome ul li{
   margin-bottom: 4px;
   font-size: 1em;
}

#welcome ul li a{
   display: block;
   width: 295px;
   height: 22px;
   background: url(/_img/bg_welcome_li.png) no-repeat 0 0;
   font-size: 1.6em;
   text-decoration: none;
   font-weight: bold;
   color: #90d69d;
   padding: 4px 8px;
}

#welcome ul li a:hover{
   color: #fff;
   background-position: 0 -30px;
}

#banner{
   float: left;
   position: relative;
   margin: 0;
   padding: 0;
   overflow:hidden;
}

/* @end  */


/* @group Rotator */

#rotator{
   width: 616px;
   height: 390px;
   overflow: hidden;
   position:relative;
}

#rotator .item{
   width: 616px;
   height: 390px;
   position: absolute; top:0; left:0; display:none;
}
#rotator p		{ margin:0; }
#rotator .item p.caption{
   height: 42px;
   width: 580px;
   position: absolute;
   z-index: 2;
   overflow: hidden;
   bottom: 0;
   margin: 0;
   background: url(/_img/bg_rotator_p_caption.png);
   padding: 15px 18px;
   font-size: 1.5em;
   color: #fff;
}

#controls{
   position: absolute;
   z-index: 3;
   bottom: 16px;
   right: 16px;
}

#controls ul{
   height: 40px;
   margin: 0;
   padding: 0;
   list-style: none;
}

#controls li{
   float: left;
   height: 40px;
   background: url(/_img/bg_controls_li.png);
   font-size: 1em;
}

#controls li.first,
#controls li.last{
   background: none;
}

#controls li a{
   font-size: 1.3em;
   color: #fff;
   text-decoration: none;
   padding-top: 8px;
   display: block;
   font-weight: bold;
   height: 30px;
   padding: 10px 8px 0;
}

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

#controls li a#controls-prev{
   width: 29px;
   height: 40px;
   padding: 0;
   text-indent: -9999px;
   background: url(/_img/bg_controls_prev.png) no-repeat;
}

#controls li a#controls-nxt{
   width: 29px;
   height: 40px;
   padding: 0;
   text-indent: -9999px;
   background: url(/_img/bg_controls_next.png) no-repeat;
}

#controls li a.current{
   background: url(/_img/bg_controls_current.gif) no-repeat 0 8px;
}

/* @end  */

/* @group Sidebar */
#sidebar-wrap	{ 
	clear:both; width:100%; background:url(/_img/bg_main.gif) repeat-y;
	margin:0 -18px; padding:125px 18px 0; position:relative; top:-32px; z-index:1;
}

#sidebar { width: 100%; }

#quicklink,
#news-ann{
   width: 219px;
   height: 140px;
   float: left;
   display: inline;
   margin-right: 12px;
   background: url(/_img/bg_quicklink.gif) 0 0;
}

#news-ann{
   background: none;
   width: 211px;
   padding-left: 8px;
}

#quicklink a{
   display: block;  
}

#quicklink a img{
   float: left;
}

#latest-news,
#intro{
   float: left;
   width: 435px;
   position: relative;
   padding-left: 28px;
   background: url(/_img/bg_latest_news.gif) no-repeat;
}

#latest-news h3{
   color: #00a64b;
   font-weight: bold;
   font-size: 2.2em;
   background: url(/_img/bg_latest_h3.gif) repeat-x bottom;
   padding-bottom: 10px;
   margin-bottom: 10px;
}

#latest-news p.all{
   position: absolute;
   top: 0;
   right: 0;
   width: 100px;
   height: 25px;
   display: block;
   text-indent: -9999px;
   background: url(/_img/bg_latest_all.gif);
}

#latest-news p.all a{
   display: block;
   height: 25px;
}

#latest-news h4{
   font-size: 1.8em;
   font-weight: bold;
   margin-bottom: 10px;
   width: 270px;
   float: left;
}

#latest-news h4 a{
   color: #373737;
   text-decoration: none;
}

#latest-news h4 a:hover{
   text-decoration: underline;
}

#latest-news p.news-meta{
   float: right;
   display: inline;
   font-size: 1.1em;
   color: #a4a4a4;
   font-weight: bold;
   line-height: 2;
   margin-right: 5px;
}

#latest-news p{
   font-size: 1.3em;
   line-height: 1.8;
   color: #373737;
}

#latest-news p.summary{
   clear: both;
}

#latest-news p a{
   color: #00a64b;
}

#latest-news p a:hover{
   text-decoration: none;
}

#latest-message{
   float: left;
   display: inline;
   margin-left: 28px;
   width: 222px;
   height: 149px;
   background: url(/_img/bg_latest-message.gif) no-repeat bottom;
   padding-bottom: 12px;
}

#latest-message h3{
   height: 32px;
   background: url(/_img/bg_latest-message_h3.gif);
   text-indent: -9999px;
   margin-bottom: 8px;
}

#latest-message h4{
   font-size: 1.4em;
   font-weight: bold;
   margin: 0 18px 8px;
}

#latest-message h4 a{
   color: #16703f;
   text-decoration: none;
}

#latest-message h4 a:hover{
   text-decoration: underline;
}

#latest-message p{
   font-size: 1.1em;
   margin: 0 18px;
}

#latest-message p.sermon-meta{
   color: #7e7e7e;
   margin-bottom: 12px;
}

#latest-message ul{
   margin: 0 18px 6px;
   width: 188px;
   float: left;
}

#latest-message li{
   float: left;
}

#latest-message li.s_listen a{
   display: block;
   width: 81px;
   height: 32px;
   text-indent: -9999px;
   background: url(/_img/bg_home_listen.gif);
}

#latest-message li.s_download a{
   display: block;
   width: 107px;
   height: 32px;
   text-indent: -9999px;
   background: url(/_img/bg_home_download.gif);
}

#latest-message p.all{
   clear: left;
}

#latest-message p.all a{
   color: #00853e;
}

#latest-message p.all a:hover{
   text-decoration: none;
}

#news-ann h3{
   width: 201px;
   height: 26px;
   text-indent: -9999px;
   background: url(/_img/bg_news-ann_h3.gif);
   margin-bottom: 2px;
}

#news-ann .news{
   background: url(/_img/bg_visitors_news.gif) repeat-x bottom;
   padding: 10px 0;
}

#news-ann .news.last{
   background: none;
   margin-bottom: 5px;
}

#news-ann h4{
   font-size: 1.5em;
   margin-bottom: 6px;
}

#news-ann h4 a{
   font-weight: bold;
   color: #242729;
   text-decoration: none;
}

#news-ann h4 a:hover{
   text-decoration: underline;
}

#news-ann p{
   font-size: 1.2em;
   color: #8e8e8e;
}

#news-ann p.all{
   width: 100px;
   height: 25px;  
}

#news-ann p.all a{
   display: block;
   height: 25px;
   text-indent: -9999px;
   background: url(/_img/bg_news-ann_all.gif);
}

#intro h3{
   color: #00a64b;
   font-weight: bold;
   font-size: 2.2em;
   margin-bottom: 10px;
}

#intro p{
   font-size: 1.4em;
   line-height: 1.6;
   color: #373737;
}

/* @end  */