/* Home CSS Document */

#spotlight{
  float: left;
  clear: both;
  width: 730px;
  height: 280px;
  padding: 15px;
  background: url(../images/css/background_spotlight.gif) no-repeat;
}

#bottom{
  float: left;
  width: 740px;
  margin: 0px 0px 0px 10px;
  display: inline;
}

#upcoming_events{
  float: left;
  width: 253px;
  height: 210px;
  margin: 12px 0px 0px;
  padding: 45px 0px 0px;
  background: url(../images/css/background_coming_events.gif) no-repeat;
}

#info{
  float: left;
  width: 206px;
  height: 242px;
  margin: 5px 0px 0px;
  padding: 14px;
  background: url(../images/css/background_info.gif) no-repeat;
  text-align: center;
}

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

#info ul li{
  float: left;
  width: 206px;
  list-style: none;
  margin: 0px;
  padding: 20px 0px 1px;
  font: 18px Arial Narrow;
  color: #4B3900;
}

#info ul li h1{
  float: left;
  width: 206px;
  font: 21px Georgia, "Times New Roman", Times, serif;
  color: #6A7968;
  padding: 0px;
  margin: 0px;
  clear: both;
}

#info ul li a{
  float: left;
  width: 206px;
  font: 18px Arial Narrow;
  color: #4B3900;
}

#info ul li a:hover{
  text-decoration: underline;
}

#info ul li.address a{
  float: left;
  width: 206px;
  font: 18px Arial Narrow;
  color: #A0AC9F;
  padding: 10px 0px 0px;
}

#blog{
  float: left;
  width: 253px;
  height: 255px;
  margin: 12px 0px 0px;
  background: url(../images/css/background_blog.gif) no-repeat;
}

#headlines{
  float: left;
  width: 253px;
  height: 224px;
}

#headlines .scroll{
  float: left;
  width: 240px;
  height: 210px;
  overflow: auto;
  margin: 10px 0px 0px 10px;
  display: inline;
}

#headlines .scroll .date{
  float: left;
  width: 220px;
  font: bold 14px Arial Narrow;
  color: #998548;
}

#headlines .scroll .title a{
  float: left;
  width: 220px;
  font: bold 24px Arial Narrow;
  line-height: 24px;
  color: #6A7968;
  padding: 10px 0px;
}

#headlines .scroll .intro{
  float: left;
  width: 220px;
  font: 12px Arial, Helvetica, sans-serif;
  color: black;
  line-height: 16px;
}

#headlines .scroll .comments a{
  float: left;
  width: 220px;
  color: black;
  padding: 10px 0px;
}

#icons{
  float: left;
  width: 233px;
  height: 28px;
  padding: 7px 10px;
}

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

#icons ul li{
  float: left;
  list-style: none;
  padding: 4px 8px;
}