/* Home CSS Document */

#marquee{
  float: left;
  width: 750px;
  height: 295px;
  /*background: url(../images/css/background_marquee.jpg) no-repeat;*/
}

#spotlight{
  float: left;
  width: 470px;
  height: 255px;
  background:url(../images/css/background_spotlight.jpg) no-repeat;
}

#spotlight .name{
  float: left;
  clear: none;
  width: 220px;
  color: #F3EEDC;
  padding: 55px 0px 0px 20px;
  font: bold 14px Arial, Helvetica, sans-serif;
}

#spotlight .scroll{
  float: left;
  clear: none;
  width: 220px;
  height: 115px;
  overflow: auto;
  padding: 5px 5px 0px 20px;
  color: white;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#spotlight .link{
  float: left;
  clear: none;
  width: 220px;
  padding: 25px 0px 0px 20px;
}

#spotlight .image{
  float: right;
  width: 188px;
  height: 168px;
  padding: 21px 20px 0px 0px;
  overflow: hidden;
  background: none;
}

#recent_programs{
  float: left;
  width: 260px;
  height: 205px;
  padding: 50px 0px 0px 20px;
  background: url(../images/css/background_recent_programs.jpg) no-repeat;
}

#recent_programs .name{
  float: left;
  color: #3E5282;
  width: 230px;
  height: 16px;
  overflow: hidden;
  font: bold 14px Arial, Helvetica, sans-serif;
  padding: 0px;
}

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

#recent_programs ul li{
  float: left;
  list-style: none;
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #4D79CD;
  padding: 0px 10px 0px 0px;
}

#recent_programs .scroll{
  float: left;
  clear: both;
  width: 230px;
  height: 112px;
  overflow: auto;
  padding: 5px 5px 0px 0px;
}

#recent_programs .links{
  float: left;
  width: 280px;
  text-align: center;
}

#recent_programs .links ul{
  float: left;
  margin: 0px 0px 0px 7px;
  padding: 20px 0px 0px 0px;
  display: inline;
}

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