/* Home CSS Document */

/* welcomeNewcomers */
#welcomeNewcomers{
  float: left;
  display: inline;
  width: 180px;
  min-height: 252px;
  margin: 0;
  padding: 0;
  background: url(../images/css/bg_welcomeNewcomers.jpg) no-repeat;
}

#welcomeNewcomers ul{
  margin: 52px 0 0 12px;
  padding: 0;
}

#welcomeNewcomers ul li{
  font: bold 13px Georgia, "Times New Roman", Times, serif;
  padding: 10px 0 0 0;
}

#welcomeNewcomers ul li a{
  color: #969171;
}

#welcomeNewcomers ul li a:hover{
  color: #4d869b;
  text-decoration: underline;
}

#coming_events{
  float: left;
  display: inline;
  width: 348px;
  height: 215px;
  margin: 0 0 0 12px;
  padding: 52px 12px 0 12px;
  background: url(../images/css/bg_comingUp.jpg) no-repeat;
}

#coming_events ul{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

#coming_events ul li{
  float: left;
  display: inline;
  list-style: none;
  font: bold 12px Georgia, "Times New Roman", Times, serif;
  color: #4d869b;
  padding: 10px 0 0 0;
}

#coming_events ul li span{
  float: left;
  display: inline;
  width: 90px;
  margin: 0;
}

#coming_events ul li a{
  float: left;
  display: inline;
  width: 200px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #3c3a00;
}

#coming_events #calendarBtn a{
  float: left;
  display: inline;
  width: 170px;
  height: 25px;
  margin: 15px 0 0 80px;
  background: url(../images/css/bg_fullCalendarBtn.png) no-repeat;
  _background: url(../images/css/bg_fullCalendarBtn.jpg) no-repeat;
  background-position: top;
}

#coming_events #calendarBtn a:hover{
  text-decoration: none;
  background-position: bottom;
}


/* lollipopPlus */
#lollipopPlus{
  float: right;
  display: inline;
  width: 180px;
  margin: 0;
  padding: 62px 0 0 0;
  background: url(../images/css/bg_lollipopPlus.jpg) no-repeat;
}

#lollipopPlus .curledPhoto{
  width: 168px;
  height: 124px;
  margin: 0 0 0 -4px;
  padding: 6px 10px 0 10px;
  background: url(../images/css/bg_curledPhoto.jpg) no-repeat;
}

#lollipopPlus #learnMoreBtn a{
  float: left;
  display: inline;
  width: 170px;
  height: 25px;
  margin: 10px 5px 0 5px;
  background: url(../images/css/bg_learnMoreBtn.png) no-repeat;
  _background: url(../images/css/bg_learnMoreBtn.jpg) no-repeat;
  background-position: top;
}

#lollipopPlus #learnMoreBtn a:hover{
 text-decoration: none;
 background-position: bottom;
}

/* imagePlus */
#imagePlus{
  float: right;
  display: inline;
  width: 180px;
  margin: 12px 0 0;
  padding: 52px 0 0 0;
  background: url(../images/css/background_faithalive.gif) no-repeat 0px -10px;
}

#imagePlus .curledPhoto{
  width: 168px;
  height: 124px;
  margin: 0 0 0 -4px;
  padding: 6px 10px 0 10px;
  background: url(../images/css/bg_curledPhoto.jpg) no-repeat;
}


/* ourPastors */
#ourPastors{
  float: left;
  display: inline;
  width: 564px;
  margin: 52px 12px 12px 0;
  background: url(../images/css/bg_ourPastorsTitle.gif) no-repeat 192px 0;
}

#ourPastors .curledPhoto{
  float: left;
  display: inline;
  width: 168px;
  height: 124px;
  margin: 0 0 0 -4px;
  padding: 6px 10px 0 10px;
  background: url(../images/css/bg_curledPhoto.jpg) no-repeat;
}

#ourPastors ul{
  float: left;
  display: inline;
  margin: 30px 0 0 15px;
}

#ourPastors ul li{
  float: left;
  display: inline;
  width: 300px;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #3c3a00;
  margin: 10px 0 0 0;
}

/* spotlight */
#spotlight{
  float: left;
  display: inline;
  width: 564px;
  margin: 24px 12px 12px 0;
  background: url(../images/css/bg_spotlightTitle.gif) no-repeat 192px 0;
}

#spotlight .curledPhoto{
  float: left;
  display: inline;
  width: 168px;
  height: 124px;
  margin: 0 0 0 -4px;
  padding: 6px 10px 0 10px;
  background: url(../images/css/bg_curledPhoto.jpg) no-repeat;
}

#spotlight #spotlight_text{
  float: left;
  display: inline;
  width: 360px;
  margin: 40px 0 0 15px;
}

#spotlight #spotlight_text h1{
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #969171;
}

#spotlight #spotlight_text p{
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  line-height: 18px;
  color: #3c3a00;
}

/* recent_programs */
#recent_programs{
  float: right;
  display: inline;
  width: 180px;
  min-height: 230px;
  background: url(../images/css/bg_recentPrograms.jpg) no-repeat;
  margin: 52px 0 0 0;
  padding: 0;
}

#recent_programs ul{
  float: left;
  display: inline;
  width: 162px;
  margin: 30px 6px 6px 12px;
}

#recent_programs ul li{
  float: left;
  display: block;
  width: 162px;
  font: normal 12px Georgia, "Times New Roman", Times, serif;
  color: #3c3a00;
  padding: 10px 0 0 0;
  margin: 0;
}

#recent_programs ul li.title{
  font-weight: bold;
  color: #4d869b;
}

#recent_programs ul li.speaker{
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #3c3a00;
}

#recent_programs #listenNowBtn a{
  float: left;
  display: inline;
  width: 170px;
  height: 25px;
  margin: 10px 5px 0 5px;
  background: url(../images/css/bg_listenNowBtn.png) no-repeat;
  _background: url(../images/css/bg_listenNowBtn.jpg) no-repeat;
  background-position: top;
}

#recent_programs #listenNowBtn a:hover{
  text-decoration: none;
  background-position: bottom;
}

#recent_programs #sermonArchivesBtn a{
  float: left;
  display: inline;
  width: 170px;
  height: 25px;
  margin: 10px 5px 0 5px;
  background: url(../images/css/bg_sermonArchivesBtn.png) no-repeat;
  _background: url(../images/css/bg_sermonArchivesBtn.jpg) no-repeat;
  background-position: top;
}

#recent_programs #sermonArchivesBtn a:hover{
  text-decoration: none;
  background-position: bottom;
}
