/* Home CSS Document */

#home{
  float: left;
  background: white url(../images/css/background_home.jpg) no-repeat 0px 0px;
	width: 690px;
	height: 580px;
}

#features{
  float: left;
  width: 390px;
	height: 230px;
	padding: 0px 20px 5px;
}

#marquee{
  width: 240px;
	padding: 40px 10px 10px;
	height: 185px;
	float: left;
	color: white;
	scrollbar-arrow-color: #A2D0E0;
  scrollbar-face-color: #015474;
  scrollbar-shadow-color: #016B94;
  scrollbar-darkshadow-color: #032437;
  scrollbar-highlight-color: #016B94;
  scrollbar-3dlight-color: #032437;
  scrollbar-track-color: #6B9F93;
}

#marquee .image{
  width: 235px;
	height: 95px;
	border: 2px solid white;
	margin: 0px 0px 10px;
}

#marquee .image img{
  float: left;
}

#marquee .scroll{
  width: 235px;
	height: 58px;
	overflow: auto;
	margin: 0px 0px 5px;
	padding: 0px 5px 0px 0px;
}

#marquee .links{}

#marquee .links a{
	color: #A1CFDF;
	font-weight: bold;
}

#visitors{
  float: left;
  background: url(../images/css/background_visitors.jpg) no-repeat 10px 0px;
	padding: 0px 10px;
	width: 410px;
	height: 190px;
}

#visitors .links{
  padding: 18px 0px 0px 10px;
	width: 185px;
	float: left;
}

#visitors .links ul li.info{
  background: none;
}

#visitors .links ul{
  padding: 0px;
	margin: 0px;
}

#visitors .links ul li{
  list-style: none;
  padding: 0px 0px 12px 5px;
	margin: 0px;
	background: url(../images/css/background_visitors_links_li.gif) repeat-x 0px 18px;
}

#visitors .image{
  float: left;
  width: 200px;
  height: 150px;
  margin: 14px 0px 0px 3px;
  display: inline;
  overflow: hidden
}

#visitors .image img{
  float: left;
}

#visitors .extra_links{
  float: left;
  width: 390px;
	height: 20px;
	padding: 0px 10px;
}

#visitors .extra_links ul{
  padding: 0px;
	margin: 0px;
}

#visitors .extra_links ul li{
  display: inline;
  list-style: none;
  padding: 0px;
	margin: 0px;
}

#visitors .extra_links ul li img{
  float: left;
}


#coming_events{
  float: left;
	width: 220px;
	padding: 40px 20px 0px; 
	height: 150px;
	font: Arial, Helvetica, sans-serif;
	scrollbar-arrow-color: #A2D0E0;
  scrollbar-face-color: #015474;
  scrollbar-shadow-color: #016B94;
  scrollbar-darkshadow-color: #032437;
  scrollbar-highlight-color: #016B94;
  scrollbar-3dlight-color: #032437;
  scrollbar-track-color: #6B9F93;
}

#coming_events .scroll{
  width: 220px;
	height: 110px;
	overflow: auto;
}

#coming_events .links{
  padding: 12px 0px 0px 10px;;
}

#coming_events dt{
  font-weight: bold;
	color: #164D47;
	width: 50px;
	float: left;
	margin: 0px;
	
}

#coming_events dd{
  padding: 0px 0px 6px;
	width: 150px;
	margin: 0px;
	float: left;
}

#coming_events dd a{
  text-decoration: none;
	color: black;
}

#coming_events dd a:hover{
  text-decoration: underline;
}

#banner{
  float: left;
  width: 390px;
	height: 130px;
	padding: 3px 20px 0px;
}

#recent_programs{
  width: 220px;
	float: left;
	margin: 40px 15px 0px 25px;
	color: white;
	display: inline;
}

#recent_programs .scroll{
  width: 210px;
	height: 59px;
	margin: 0px 0px 5px 5px;
	overflow: auto;
}

#recent_programs .scroll ul{
  padding: 0px;
	margin: 0px;
	float: left;
	width: 210px;
}

#recent_programs .scroll ul li{
  list-style: none;
  padding: 0px;
	margin: 0px;
	width: 210px;
	text-align: center;
	color: white;
}

#recent_programs .scroll ul li a{
	color: white;
}

#recent_programs .links ul{
  padding: 0px;
	margin: 0px;
}

#recent_programs .links ul li{
  list-style: none;
  padding: 0px;
	margin: 0px;
	display: inline;
	float: left;
}