/* Home CSS Document */

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

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

#spotlight{
  background: url(../images/css/background_spotlight.jpg) no-repeat;
  height: 360px;
  float: left;
  padding: 65px 0px 0px 5px;
  margin: 0 -10px 0 0;
  width: 720px;
}

#spotlight .container{
  float: left;
  width: 360px;
}

#spotlight .container .image{
  float: right;
  height: 150px;
  overflow: hidden;
  width: 225px;
}

#spotlight .container .name{
  color: #FFFFFF;
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0px 0px;
  padding: 0px 5px;
  width: 125px;
}

#spotlight .container .place{
  color: #B4D0EF;
  float: left;
  font-size: 10px;
  padding: 5px;
  width: 125px;
}

#spotlight .container .intro{
  clear: both;
  color: #666666;
  float: left;
  margin: 5px 0px 0px;
  padding: 20px;
  width: 320px;
  height: 60px;
  overflow: auto;
}

#spotlight .container .link{
  clear: both;
  float: left;
  text-align: right;
  width: 360px;
}

#right{
  float: left;
  width: 225px;
}

#right #blogs{
  background: url(../images/css/background_blogs.jpg) no-repeat;
  height: 335px;
  float: left;
  width: 225px;
}

/*Blog*/

#right #blog{
  background: #FFFFFF url(../images/css/background_blogs.jpg) 0px 5px no-repeat;
  height: 278px;
  float: left;
  padding: 42px 0px 0px;
  width: 225px;
}

#right #blog ul{
  float: left;
  height: 200px;
  overflow: auto;
  padding: 0px 0px 35px;
  margin: 0px;
  width: 225px;
}

#right #blog ul li{
  list-style: none;
  cursor: pointer;
  cursor: hand;
  padding: 10px 0px;
}

#right #blog ul li span{
  clear: both;
  color: #1F5898;
  font-size: 9px;
  padding: 0px 15px 0px 20px;
  width: 185px;
  display: block;
  text-transform: uppercase;
}

#right #blog ul li a{
  color: #0000cc;
  font-size: 12px;
  padding: 0px 15px 0px 20px;
  width: 185px;
  display: block;
  text-decoration: underline;
}

#right #blog .link{
  margin: 5px auto;
  width: 114px;
}

#coming_events{
  background: url(../images/css/background_coming_events.jpg) no-repeat;
  height: 330px;
  float: left;
  padding: 30px 0px 0px;
  width: 225px;
}

#coming_events ul{
  float: left;
  height: 241px;
  overflow: auto;
  padding: 0px 0px 30px;
  margin: 0px;
  width: 225px;
}

#coming_events ul li{
  background: url(../images/css/background_upcoming_events_divder.png) center bottom no-repeat;
  list-style: none;
  cursor: pointer;
  cursor: hand;
  display: block;
  float: left;
  padding: 10px 0px 13px;
  width: 225px;
}

#coming_events ul li span{
  color: #75b55c;
  float: left;
  font-size: 9px;
  padding: 0px 5px;
  text-align: center;
  width: 50px;
}

#coming_events ul li a{
  color: #0000CC;
  float: left;
  font-size: 12px;
  padding: 0px 10px;
  width: 145px;
}

#coming_events .link{
  margin: 5px auto;
  width: 114px;
}