/* @override http://www.bridgewaycc.com/_css/home.css */

/* @group Top */
#homeTop{
  float: left;
  width: 832px;
  margin-left: 63px;
  margin-bottom: 25px;
  margin-top: -25px;
}

div#rotator{
  float: left;
  width: 530px;
  height: 304px;
  position: relative;
  overflow: hidden;
}
ul#slideshow{
  float: left;
  width: 530px;
  height: 304px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#slideShowNav{
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  background: url(/_img/ssNav_bg.png) no-repeat left top;
  height: 15px;
  width: 263px;
}
ul#slideNav{
  list-style-type: none;
  margin-left: 15px;
}
ul#slideNav li{
  float: left;
}
ul#slideNav li a{
  background: url(/_img/ssNav_box.gif) no-repeat left top;
  display: block;
  height: 0;
  margin-right:15px;
  margin-top: 2px;
  overflow: hidden;
  padding-top: 11px;
  width: 11px;
}
ul#slideNav li a.activeSlide{
  background: url(/_img/ssNav_box-active.gif) no-repeat left top;
}
#slideShowNav a.next{
  color: #666666;
  text-transform: uppercase;
}
#slideShowNav #next{
  float: right;
  margin-right: 15px;
  line-height: 15px;
}


#topRight{
  float: left;
  display: inline;
  width: 302px;
}

ul#quickLinks{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul#quickLinks li{
}
ul#quickLinks li a{
  display: block;
  color:#ffffff;
  background: url(/_img/quickLinks.jpg);
  padding-left: 55px;
  font-size: 20px;
  line-height: 50px;
}
ul#quickLinks li a:hover{
  text-decoration: none;
}

ul#quickLinks li a.play{background-position: left top;}
ul#quickLinks li a.play:hover{background-position: right top;}

ul#quickLinks li a.sunburst{background-position: left -50px;}
ul#quickLinks li a.sunburst:hover{background-position: right -50px;}

ul#quickLinks li a.bridge{background-position: left -100px;}
ul#quickLinks li a.bridge:hover{background-position: right -100px;}

div.popular{
  background: #99ccff;
  padding: 13px 20px 15px;
  min-height:126px;
  height:auto !important;
  height:126px;
}

div.popular h3 {
  color: #ffffff;
}

div.popular ul{
  list-style-type: none;
}
div.popular ul li a{
  background: url(/_img/faq_li-a.jpg) no-repeat left 7px;
  display: block;
  color: #ffffff;
  padding-left: 12px;
  font-size: 13px;
  line-height: 20px;
}

div.popular ul li a:hover{
   background: url(/_img/faq_li-a-hover.jpg) no-repeat left 7px;
   color: #003366;
   text-decoration: none;
}
/* @end */
/* @group Sidebar */
#homeSB{
  float: left;
  margin-left: 63px;
  margin-right: 22px;
  width: 263px;
}

#homeSB #events,
#homeSB #articles,
#homeSB div#newsletter{
  margin-left: 23px;
}

#homeSB #articles.sermons{
  margin-bottom: 20px;
}

#homeSB h4{
  color: #666666;
  font-weight: normal;
  font-size: 1.8em;
  line-height: 27px;
  margin-bottom: 10px;
  margin-left: -23px;
  padding-left: 45px;
  text-transform: lowercase;
}

#homeSB #events h4{
  background: #dfdede url(/_img/icon-cal.jpg) no-repeat 23px center;
}
#homeSB #articles h4{
  background: #dfdede url(/_img/icon-podcast.png) no-repeat 16px center;
}
#homeSB #newsletter h4{
  background: #dfdede url(/_img/icon-newsletter.jpg) no-repeat 23px center;
}

#homeSB h5 {
 font-size: 1.1em;
}
#homeSB h5,
#homeSB h5 a{
  color: #666666;
}

#homeSB .event p{
  font-size: 1.3em;
}

#homeSB a.more{
  color: #999999;  
}

#homeSB .sermon a.play{
  background: url(/_img/sermons-home-play.png) no-repeat left top;
  display: block;
  float: left;
  height: 0;
  margin-right: 12px;
  overflow: hidden;
  padding-top: 25px;
  width: 28px;
}


/* @end */
/* @group Content */
#homeContent{
  background: url(/_img/content.jpg) repeat-y left top;	
  float: left;
  width: 491px;
  padding-left: 20px;
}

#homeContent .announcement{
  clear: both;
  margin-bottom: 15px;
}

#homeContent img.thumb{
  float: left;
  margin: 0 15px 15px 0;
}

#homeContent h2.recent{
  background: url(/_img/recent_blogposts.png) no-repeat left top;
  padding-left: 54px;
  line-height: 38px;
  margin-bottom: 14px;
}

#homeContent #homeSermons h3{
  padding-left: 40px;
}
#homeContent .sermon a.play{
  background: url(/_img/sermons-home-play.png) no-repeat left top;
  display: block;
  float: left;
  height: 0;
  margin-right: 12px;
  overflow: hidden;
  padding-top: 25px;
  width: 28px;
}

#homeContent .sermon p{
  line-height: 25px;
}
#homeContent .sermon a{
   color: #999999
}

/* @end */