/* Home CSS Document */

#home{
  float: left;
  width: 960px;
  margin: -10px 0px 0px;
  display: inline;
}

#features{
  float: left;
  width: 945px;
  height: 280px;
  padding: 5px 5px 10px 10px;
  background: url(../images/css/background_features.png) 4px 0px no-repeat;
}

#left{
  float: left;
  width: 300px;
  height: 420px;
}

#spotlight{
  float: left;
  width: 290px;
  height: 180px;
  padding: 45px 0px 0px 10px;
  background: url(../images/css/background_spotlight.png) no-repeat;
}

#coming_events{
  float: left;
  width: 290px;
  height: 150px;
  padding: 45px 0px 0px 10px;
  background: url(../images/css/background_coming_events.png) no-repeat;
}

#coming_events .scroll{
  float: left;
  width: 280px;
  height: 100px;
  overflow: auto;
  margin: 5px 0px 0px 10px;
  display: inline;
}

#coming_events .event{
  float: left;
  width: 260px;
  margin: 0px 0px 10px;
  display: inline;
}

#coming_events .event .date{
  float: left;
  width: 35px;
  height: 45px;
  padding: 0px;
}

#coming_events .event .date .month{
  float: left;
  text-align: center;
  width: 35px;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #B09C55;
  text-transform: uppercase;
}

#coming_events .event .date .day{
  float: left;
  text-align: center;
  width: 35px;
  font: bold 21px Verdana, Arial, Helvetica, sans-serif;
  color: #B09C55;
}

#coming_events .event .description{
  float: right;
  padding: 5px 10px 0px 0px;
}

#coming_events .event .description .title{
  float: left;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #C63E54;
  clear: both;
  width: 205px;
}

#coming_events .event .description .time{
  float: left;
  clear: both;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  width: 205px;
}

#coming_events .link{
  float: left;
}

#welcome{
  float: left;
  width: 350px;
  height: 370px;
  padding: 55px 0px 0px;
  margin: -5px 0px 0px;
  background: url(../images/css/background_welcome.jpg) no-repeat;
}

#welcome .scroll{
  float: left;
  width: 330px;
  height: 305px;
  padding: 10px;
  overflow: auto;
  line-height: 150%;
}

#welcome .scroll img{
  padding: 4px;
  background: white;
  border: 1px solid #F1EEC0;
  margin: 10px;
}

#right{
  float: left;
  width: 310px;
  height: 420px;
}

#home #right #service_times{
  float: left;
  width: 300px;
  height: 150px;
  padding: 45px 10px 5px 0px;
  margin: 0px;
  background: url(../images/css/background_service_times.png) no-repeat;
}

#home #right #service_times ul{
  float: left;
  width: 300px;
  padding: 10px 0px;
  margin: 0px;
}

#home #right #service_times ul li{
  float: left;
  width: 275px;
  list-style: none;
  padding: 5px 10px 5px 15px;
  margin: 0px;
  font-weight: bold;
  color: #BFAA62;
}

#home #right #service_times ul li a{
  color: black;
  text-decoration: underline;
}

#recent_programs{
  float: left;
  width: 300px;
  height: 270px;
  padding: 45px 10px 5px 0px;
  background: url(../images/css/background_recent_programs.png) no-repeat;
}

#recent_programs .scroll{
  float: left;
  width: 275px;
  height: 105px;
  padding: 15px 10px 10px 15px;
  overflow: auto;
}

#recent_programs .scroll .date{
  float: left;
  width: 275px;
  color: #B09C55;
  font-size: 11px;
}

#recent_programs .scroll .title{
  float: left;
  width: 275px;
  padding: 2px 0px;
  color: #C63E54;
  font: normal 16px Verdana, Arial, Helvetica, sans-serif;
}

#recent_programs .scroll .title a{
  color: #C63E54;
}

#recent_programs .scroll .name,
#recent_programs .scroll .scripture{
  font-size: 11px;
}

#recent_programs ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#recent_programs ul li{
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#recent_programs ul li a{
  margin: 0px;
  padding: 0px;
}