/* Home CSS Document */

#home{
  float: left;
  width: 950px;
  height: 425px;
  background: url(../images/css/background_home.jpg) no-repeat;
}

#header_home{
  float: left;
  clear: both;
  width: 840px;
  height: 165px;
  padding: 25px 0px 0px 110px;
}

#header_home #visitor{
  float: left;
  width: 253px;
  height: 113px;
  padding: 15px;
  background: url(../images/css/background_visitor.jpg) no-repeat;
}

#header_home #volunteer{
  float: left;
  width: 253px;
  height: 113px;
  padding: 15px;
  margin: 0px 0px 0px 5px;
  background: url(../images/css/background_volunteer.jpg) no-repeat;
}

#header_home #worship_times{
  float: left;
  width: 210px;
  color: #EEE3C7;
  font: 12px Arial, Helvetica, sans-serif;
  background: url(../images/worship_times.jpg) no-repeat;
  padding: 25px 0px 0px 5px;
  margin: 15px 0px 0px 20px;
}

#header_home #worship_times .time{
  float: left;
  font: bold 13px Arial, Helvetica, sans-serif;
}

#header_home #worship_times .address{
  float: left;
  margin: 5px 0px 0px;
}

#header_home #worship_times .links{
  float: left;
  margin: 10px 0px 0px;
}

#header_home #worship_times .links ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#header_home #worship_times .links ul li{
  float: left;
  list-style: none;
  background: url(../images/css/bullet_worship_times.gif) no-repeat 0px 5px;
  padding: 0px 10px 0px 10px;
}

#header_home #worship_times .links ul li{
  font: 14px Arial, Helvetica, sans-serif;
  color: #929872;
}

#header_home #worship_times .donation{
  float: left;
  margin: 5px 0px 0px;
}

#features{
  float: left;
  width: 345px;
  height: 400px;
  padding: 20px 18px 0px 32px;
}

#recent_programs{
  float: left;
  width: 320px;
  height: 410px;
  display: inline;
}

#recent_programs .image{
  float: left;
  width: 280px;
  height: 170px;
  margin: 54px 0px 20px 20px;
}

#recent_programs .program{
  float: left;
  width: 280px;
  height: 125px;
  margin: 0px 0px 0px 20px;
  overflow: auto;
}

#recent_programs .title{
  float: left;
  clear: both;
  width: 280px;
  font: bold 16px Arial, Helvetica, sans-serif;
  color: #B4D8F2;
}

#recent_programs .date{
  float: left;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #929872;
}

#recent_programs .author{
  float: left;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #929872;
  padding: 0px 0px 0px 10px;
}

#recent_programs .intro{
  float: left;
  clear: both;
  width: 280px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #EEE3C7;
  margin: 5px 0px 0px;
}

#recent_programs .links{
  width: 291px;
  margin: 9px auto 0px;
}

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

#recent_programs .links ul li{
  float: left;
  list-style: none;
}

#coming_events{
  float: left;
  width: 210px;
  height: 352px;
  display: inline;
  /*
  scrollbar-arrow-color: #494D4C;
  scrollbar-base-color: #DDD;
  scrollbar-face-color: #8A979D;
  scrollbar-highlight-color: #D1CFD0;
  scrollbar-shadow-color: #D1CFD0;
  scrollbar-3dlight-color: black;
  scrollbar-darkshadow-color: black;
  scrollbar-track-color: #666;
  */
}

#coming_events .scroll{
  float: left;
  width: 205px;
  height: 220px;
  overflow: auto;
  margin: 90px 0px 0px;
  display: inline;
}

#coming_events .scroll .event{
  float: left;
  width: 180px;
  padding: 5px 0px 8px;
  display: block;
  background: url(../images/css/background_events.gif) bottom no-repeat;
}

#coming_events .scroll .event .date{
  float: left;
  width: 165px;
  font: 18px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #929872;
  margin: 0px 0px 0px 15px;
  display: inline;
}

#coming_events .scroll .event .intro{
  float: left;
  width: 165px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #31221A;
  margin: 0px 0px 0px 15px;
  display: inline;
}

#coming_events .scroll .event .intro a{
  color: #31221A;
}

#coming_events .link{
  width: 187px;
  margin: 10px auto 0px;
}

#homepage_button{
  float: left;
  width: 187px;
  height: 48px;
  margin: 8px 0px 0px 11px;
  display: inline;
  overflow: hidden;
}