/* Home CSS Document */

#home{
  float: right;
  width: 724px;
  background: white;
  margin: -10px 0px -10px 0px;
  display: inline;
}

#left{
  float: left;
  width: 484px;
}

#features{
  float: left;
  width: 482px;
  height: 325px;
  padding: 0px 0px 0px 2px;
  background: url(../images/css/background_features.png) no-repeat;
}

#marquee{
  float: left;
  width: 472px;
  height: 180px;
  margin: 20px 0px 0px;
  padding: 10px 0px 0px 12px;
  background: url(../images/css/background_marquee.png) no-repeat;
}

#right{
  float: right;
  width: 224px;
}

#spotlight{
  float: left;
  width: 210px;
  padding: 7px 7px 27px;
  background: url(../images/css/background_spotlight.png) no-repeat;
}

#coming_events{
  float: left;
  width: 210px;
  height: 305px;
  padding: 10px 7px;
  background: url(../images/css/background_coming_events.png) no-repeat;
}

#coming_events .scroll{
  float: left;
  height: 210px;
  width: 210px;
  margin: 41px 0px 0px 0px;
  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: #666666;
  color: white;
}

#coming_events .scroll table tr td{
  padding: 5px;
  vertical-align: top;
  color: #000000;
  font-size: 14px;
  border-bottom: 1px dashed #E9E9E9;
}

#coming_events .scroll table tr th{
  color: #D31145;
  padding: 5px;
  vertical-align: top;
  width: 20%;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px dashed #E9E9E9;
}

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

#coming_events .link{
  float: left;
  width: 210px;
  margin: 10px 0px 0px 0px;
  display: inline;
}