* { font-size: 1em; }
html,body{
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
body { 
	padding-top: 15px;
	background: #332b1f;
	font: 12px Verdana, Arial, sans seif;
}

#canvas {
	background: #66563D;
	border: 1px solid #000;
	height: 541px;
	position: relative;
	margin: 0 auto;
	width: 931px;
}


#maps, #view {
	float: left;
}
#maps { width: 389px; }
#view { width: 576px; padding-top: 15px; }

#logo { width: 389px; height: 85px;}
#map {}
#mapkey {}
#flashmap {	width: 355px;
	margin-left: 17px;
	}

#mainimg { height: 240px; }



#content {
	background: #f1f0db;
	border: 1px solid #000;
	color: #656565;
	height: 85px;
	margin: 8px 0 15px;
	overflow: auto; overflow-x: hidden;
	width: 554px;
	font-weight: bold;
	line-height: 1.1;
}
#content p {
	padding: 5px 8px;
	margin: 0;
}
#content p strong {
	color: #663e01; 
	padding-right: 1em;
}

ul.nav { 
	margin: 0; padding: 0;
	list-style: none;
}

ul#imgselect {
 width: 100%;
 overflow:hidden;
 font-size:.9em;
}

.thumbnail li {
	text-align: center;
	width: 80px;
	float: left;
	margin: 0 11px 0 0; display: inline;
	padding: 2px;
	height: 100px;
	text-align: center;
}
.thumbnail a, .thumbnail img {
	background: #FFF;
	border: 0 none;
	color: #eeecd5;
	font-weight: bold;
	display: block;
	text-decoration: none;
	width: 80px;
}
.thumbnail a.selected {  }
.thumbnail a span { position: absolute; color: #eeecd5; display: block; width: 80px; text-align: center;}
* html .thumbnail a span { margin-left: -40px; }

.thumbnail a:hover img {
	opacity: .75;
	filter: alpha(opacity:75);
}

.selected {  margin: -2px 0 0 -2px; }
.selected img { border: 2px solid #F1F0DB; }

#legal {
	color: #716b63;
	padding-top: 4px;
	font-size: .83em;
	position: absolute;
	text-align: center;
	top: 100%;
	width: 100%;
}
#legal a:link, a:visited, a:hover { color: #716b63; }