/* Home CSS Document */

#home{
  float: left;
  width: 960px;
}

#left{
  float: left;
  width: 240px;
  height: 580px;
  padding: 60px 0px 0px;
  background: url(../images/css/background_left.jpg) no-repeat;
}

#left #features{
  float: left;
  width: 210px;
  margin: 0px 0px 0px 15px;
  display: inline;
}

#recent_programs{
  float: left;
  width: 240px;
  padding: 55px 0px 0px;
  margin: 30px 0px 0px;
  background: url(../images/css/background_recent_programs.jpg) no-repeat;
}

#recent_programs .date,
#recent_programs .name{
  color: #81E0F1;
  float: left;
  width: 200px;
  padding: 0px 20px;
}

#recent_programs .title{
  font-size: 18px;
  color: #CCFFFF;
  float: left;
  width: 200px;
  padding: 0px 20px;
}

#recent_programs .links{
  float: left;
  width: 206px;
  margin: 10px 0px 0px 17px;
  display: inline;
}

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

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

#right{
  float: right;
  width: 720px;
  height: 635px;
  padding: 5px 0px 0px;
  background: url(../images/css/background_right.jpg) no-repeat;
}

#top{
  float: left;
  width: 720px;
}

#welcome{
  float: left;
  width: 340px;
  height: 150px;
  line-height: 150%;
  margin: 115px 0px 0px 25px;
  display: inline;
}

#marquee{
  float: left;
  width: 360px;
  margin: 7px 0px 0px 10px
}

#homeImages,
#home_images{
  float: right;
  width: 340px;
}

#bottom{
  float: left;
  width: 720px;
}

#coming_events{
  float: left;
  width: 310px;
  height: 270px;
  margin: 20px 0px 0px 25px;
  display: inline;
  background: url(../images/css/background_coming_events.gif) no-repeat;
}

#coming_events .scroll{
  float: left;
  height: 150px;
  width: 270px;
  margin: 55px 0px 0px 20px;
  display: inline;
  overflow: auto;
}

#coming_events img{
  display: block;
  margin: 0px auto;
}

#coming_events .scroll table{
  border-collapse: collapse;
}

#coming_events .scroll table tr.over{
  background: #2E8CC2;
  cursor: pointer;
  cursor: hand;
}

#coming_events .scroll table tr.over th,
#coming_events .scroll table tr.over td{
  background: #5E5E28;
  color: white;
}

#coming_events .scroll table tr td{
  padding: 5px;
  vertical-align: top;
  color: #215C38;
  font-size: 14px;
  background: #FBFBF7;
}

#coming_events .scroll table tr th{
  font-weight: bold;
  color: #433E25;
  padding: 5px;
  vertical-align: top;
  width: 20%;
  font-size: 14px;
  background: #FBFBF7;
}

#coming_events .scroll table tr.alt th,
#coming_events .scroll table tr.alt td{
  background: #F3F2E9;
}

#coming_events .link{
  float: left;
  width: 270px;
  margin: 5px 0px 0px 20px;
  display: inline;
}

#service_times{
  float: left;
  width: 330px;
  margin: 40px 0px 0px 30px;
  padding: 35px 0px 0px;
  background: url(../images/css/background_service_times.gif) no-repeat;
}

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

#service_times ul li{
  float: left;
  width: 305px;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 25px;
  background: url(../images/css/bullet.gif) 16px 4px no-repeat;
}