/* Home CSS Document */

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

#top #home_images{
  float: left;
  width: 565px;
}

#top #newcomers_guide{
  float: left;
  width: 180px;
  padding: 50px 0px 0px;
}

#top #newcomers_guide ul{
  float: left;
  width: 180px;
  padding: 0px;
  margin: 0px;
}

#top #newcomers_guide ul li{
  float: left;
  width: 180px;
  text-align: center;
  color: #FFEF87;
  padding: 3px 0px 0px;
  list-style: none;
  font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#top #newcomers_guide ul li a{
  color: #FFEF87;
}

#recent_programs{
  float: left;
  width: 224px;
  background: url(../images/css/background_recent_programs.gif) no-repeat;
  padding: 35px 0px 0px;
  margin: 0px 0px 0px 20px;
  display: inline;
}

#recent_programs .image{
  float: left;
  width: 210px;
  padding: 7px;
  background: url(../images/css/background_image.gif) no-repeat;
}

#recent_programs .name{
  float: left;
  width: 210px;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #070552;
  padding: 10px 0px 0px;
}

#recent_programs .date{
  float: left;
  width: 210px;
  color: #C19540;
  font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
} 

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

#coming_events .scroll{
  font: 11px Arial, Helvetica, sans-serif;
  height: 120px;
  width: 270px;
  overflow: auto;
}

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

#coming_events .scroll table tr.over{
  cursor: pointer;
  ursor: hand;
}

#coming_events .scroll table tr td{
  padding: 5px;
  vertical-align: top;
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #C19540;
  border-bottom: 1px dashed #E3CFA3;
}

#coming_events .scroll table tr th{
  font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #070552;
  text-align: left;
  padding: 5px;
  vertical-align: top;
  width: 50px;
  border-bottom: 1px dashed #E3CFA3;
}

#coming_events .link{
  float: left;
  width: 270px;
  padding: 20px 0px;
}