/* Home CSS Document */

#top{
  float: left;
  width: 631px;
  height: 272px;
  background: url(../images/css/background_home.jpg) no-repeat;
}

#home_images{
  float: left;
  width: 235px;
  height: 205px;
  margin: 46px 0px 0px;
  overflow: hidden;
}

#features{
  float: left;
  width: 380px;
  height: 200px;
  margin: 50px 0px 0px;
}

#blog{
  float: left;
  width: 190px;
  padding: 50px 19px 0px 20px;
  background: url(../images/css/background_blog.gif) no-repeat;
}

#blog .name{
  float: left;
  width: 190px;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: white;
}

#blog .date{
  float: left;
  width: 186px;
  padding: 6px 2px;
  text-align: right;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #254250;
  background: url(../images/css/background_divider.gif) bottom left no-repeat;
}

#blog .intro{
  float: left;
  width: 188px;
  padding: 6px 1px;
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 16px;
}

#blog .link{
  float: left;
  width: 186px;
  padding: 6px 2px;
  text-align: right;
  background: url(../images/css/background_divider.gif) top left no-repeat;
}

#recent_programs{
  float: left;
  width: 402px;
  padding: 50px 0px 0px;
  background: url(../images/css/background_recent_program.jpg) no-repeat;
}

#recent_programs .image{
  float: left;
  width: 175px;
  height: 110px;
  overflow: hidden;
  padding: 3px 5px;
  display: inline;
}

#recent_programs .speaker{
  float: left;
  width: 175px;
  padding: 0px 5px;
  font: 11px Arial, Helvetica, sans-serif;
  text-align: right;
  display: inline;
  clear: left;
}

#recent_programs .scroll{
  float: right;
  width: 202px;
  height: 140px;
  overflow: auto;
  padding: 2px;
  margin: 0px 1px 5px 0px;
  display: inline;
}

#recent_programs .scroll .name{
  float: left;
  width: 180px;
  padding: 0px 0px 5px;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: white;
  background: url(../images/css/background_dotted.gif) bottom repeat-x;
}

#recent_programs .scroll .verse{
  float: left;
  width: 180px;
  color: white;
  padding: 5px 0px 2px;
  font: normal 11px Arial, Helvetica, sans-serif;
}

#recent_programs .scroll .intro{
  float: left;
  width: 180px;
  font: normal 11px Arial, Helvetica, sans-serif;
  line-height: 16px;
}

#recent_programs .links{
  float: left;
  width: 401px;
  height: 21px;
}

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

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

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

#recent_programs .link{
  float: left;
  width: 386px;
  text-align: right;
}

#spotlight{
  clear: both;
  width: 630px;
  height: 250px;
  float: left;
}