/* Home CSS Document */

#top{
  float: left;
  width: 760px;
  height: 250px;
}

#features{
  float: left;
  width: 760px;
  height: 250px;
  background: url(../images/css/background_features.jpg) no-repeat;
}

#bottom{
  float: left;
  width: 760px;
  height: 240px;
  margin-top: 2px;
}

#marquee{
  float: left;
  width: 285px;
  height: 164px;
  display: inline;
  padding: 76px 0px 0px 20px;
  background: url(../images/css/background_marquee.jpg) no-repeat;
}

#marquee .image{
  float: left;
  width: 110px;
}

#marquee_text{
  float: left;
  width: 150px;
  display: inline;
  margin: 0px 0px 0px 10px;
}

#marquee ul{
  float: left;
  margin: 0px;
  padding: 0px;
  color: #ECE9D8;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

#marquee ul li{
  list-style: none;
}

#marquee .name{
  width: 150px;
  display: block;
  color: #1C1C44;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#marquee .date{
  font-weight: normal;
}

#marquee .scroll{
  float: left;
  width: 147px;
  height: 67px;
  overflow: auto;
  margin: 10px 0px 0px 0px;
  padding: 0px 5px 0px 0px;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: white;
}

#recent_programs{
  float: left;
  width: 213px;
  height: 180px;
  display: inline;
  padding: 60px 0px 0px 7px;
  background: url(../images/css/background_recent_programs.jpg) no-repeat;
}

#recent_programs .scroll,
#coming_events .scroll{
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  height: 118px;
  width: 205px;
  margin: 0px 0px 0px;
  overflow: hidden;
}

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

#recent_programs .scroll table tr.over,
#coming_events .scroll table tr.over{
  background: #53181E;
  cursor: pointer;
  cursor: hand;
}

#recent_programs .scroll table tr.over th,
#recent_programs .scroll table tr.over td,
#coming_events .scroll table tr.over th,
#coming_events .scroll table tr.over td{
  background: #2E2F63;
  color: white;
}

#recent_programs .scroll table tr td,
#coming_events .scroll table tr td{
  color: white;
  padding: 5px 2px 5px 6px;
  vertical-align: top;
}

#recent_programs .scroll table tr th,
#coming_events .scroll table tr th{
  color: #ECE9D8;
  padding: 5px;
  vertical-align: top;
}

#recent_programs .scroll table tr.alt th,
#coming_events .scroll table tr.alt th{}

#recent_programs .scroll table tr.alt td,
#coming_events .scroll table tr.alt td{}

#recent_programs .links{
  float: left;
  width: 182px;
  padding: 10px 0px 0px 9px;
}

#coming_events{
  float: left;
  width: 215px;
  height: 180px;
  display: inline;
  padding: 60px 0px 0px 10px;
  background:url(../images/css/background_coming_events.jpg) no-repeat;
}

#coming_events .links{
  float: left;
  width: 182px;
  padding: 10px 0px 0px 14px;
}