/* Home CSS Document */

#home{
  width: 772px;
  margin: 0px auto;
}

#home .container{
  float: left;
  width: 772px;
  padding: 9px 0px 0px;
  background: url(../images/css/background_container.gif) top center no-repeat;
}

#home #home_images{
  float: left;
  width: 490px;
  height: 320px;
  padding: 6px 0px 6px 6px;
  background: url(../images/css/background_homeImages.gif) no-repeat;
}

#home #welcome{
  float: left;
  width: 276px;;
  height: 332px;
  background: url(../images/css/background_welcome.gif) no-repeat;
}

#home #welcome .scroll{
  float: left;
  margin: 75px 0px 15px 15px;
  width: 240px;
  height: 160px;
  display: inline;
}

#home #welcome ul{
  float: left;
  width: 270px;
  padding: 0px;
  margin: 0px;
}

#home #welcome ul li{
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: block;
}

#home #welcome ul li a{
  float: left;
  padding: 0px;
  margin: 0px;
  display: block;
}

#home #coming_events{
  float: left;
  width: 267px;
  height: 237px;
  background: url(../images/css/background_coming_events.gif) no-repeat;
}

#coming_events .event{
  float: left;
  width: 245px;
  padding: 0px;
  margin: 50px 0px 0px 10px;
  display: inline;
}

#coming_events .event .date{
  float: left;
  width: 45px;
  height: 45px;
  padding: 2px 0px 0px;
}

#coming_events .event .date .month{
  float: left;
  text-align: center;
  width: 45px;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #3F61AD;
  text-transform: uppercase;
}

#coming_events .event .date .day{
  float: left;
  text-align: center;
  width: 45px;
  font: 24px Arial, Helvetica, sans-serif;
  color: #3F61AD;
}

#coming_events .event .description{
  float: right;
  width: 180px;
  height: 140px;
  overflow: auto;
  padding: 0px 10px;
}

#coming_events .event .description .title{
  float: left;
  font: bold 16px "Times New Roman", Times, serif;
  color: #6E6449;
  clear: both;
  width: 180px;
}

#coming_events .event .description .intro{
  float: left;
  clear: both;
  font: 12px Arial, Helvetica, sans-serif;
  color: black;
  width: 180px;
}

#coming_events .link{
  float: right;
  margin: 15px 10px 0px 0px;
  display: inline;
}

#home #features{
  float: left;
  width: 500px;
  height: 235px;
  padding: 3px 0px 0px 5px;
  background: url(../images/css/background_features.gif) no-repeat;
}