body { margin: 0; padding: 0; }

.hide { display: none; }

#container { width: 705px; text-align: left; margin: 0; }

#banner { background: white url("img/banner.gif") 0 0 no-repeat; padding: 0; height: 84px; width: 392px; float: left; }
#banner h1 { font-family: serif; color: #4561A3; margin: 0 0 0 10px; }
#banner h2 { font-family: serif; color: #4561A3; margin: 0 0 0 10px; }

#menu { background-cdolor: purple; margin: 0; padding: 0; }
#menu ul { margin: 0; padding: 0; padding-top: 61px; text-align: center; }
#menu li { display: block; float: left; list-style: none; text-align: center; padding: 0; margin: 0; }
#menu li a {
	display: block; width: 60px; height: 15px;
	border: 1px solid #383838;
	padding: 0; margin: 0; text-align: center; margin-right: 1px;
	text-decoration: none; color: #C9C9C9; font-size: 11px; font-family: Arial, sans-serif; background-color: #383838;
}
#menu li a:hover { color: #383838; background-color: #C9C9C9; }
#menu li a.menu {
	display: block; width: 58px; height: 15px;
	border: 1px solid #383838;
	padding: 0; margin: 0; text-align: center; margin-right: 1px;
	text-decoration: none; color: #383838; font-size: 11px; font-family: Arial, sans-serif; background-color: #C9C9C9;
}

#main { clear: left; width: 800px; height: 516px; background: white url("img/background.gif") 0 0 no-repeat; font-family: Verdana, Arial; font-size: 12px; }
#vertical-image { padding-left: 70px; padding-top: 20px; float: left; }
#map { padding-left: 35px; padding-top: 20px; float: left; }
#thumbnails { padding-left: 40px; padding-top: 20px; float: left; }
#thumbnails ul { margin: 0; padding: 0;  }
#thumbnails li { list-style: none; padding: 0; margin: 0; padding-bottom: 9px; }
#content { float: left; padding-left: 70px; padding-top: 50px; width: 295px; font-family: Arial, sans-serif; font-size: 10px; }