* {
	margin: 0;
	padding: 0;
	width: auto;
}
body { font: 14px Georgia, serif; color: #333; }

article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

#page-wrap { width: 1160px; margin: 0px auto; }
#map_canvas {
	width: 100%;
	height: 500px;
	width: 895px;
	float: left;
	position: relative;
	z-index: 30 !important;
	border-color: #000000 ;
	border-style:solid;
}

h1 { margin: 0 0 15px 0; font: bold 48px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; }
h2 { margin: 0 0 15px 0; font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
h3 { margin: 0 0  1px 0; font: bold 18px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; }


#locations { list-style-type: none; margin:0; padding:20px; overflow:hidden;  }
#locations li { float: left;}
#locations li:hover, #locations li.hover {
	display:block;
	text-decoration:none;
	text-align:center;
	padding:9px 20px 9px 20px;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	color:#000000;
	text-transform:uppercase;
	background: #FF9933 url(../images/shadow.png) 128px 0 repeat-x;
	text-transform:uppercase;
	letter-spacing:.08em;
	border: thick groove #9cbed2;
}  
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }


#content { width: 300px; }
#more-info { width: 212px; float: right; background: #CCFFFF;border-color: #000000 ;border-style:solid;  padding: 20px; height: 455px; }
#entry-box {width: 160px; float: left; background: #CCFFFF; border-color: #000000 ;border-style:solid ;padding: 18px; height: 600px;}
#more-info * { position: relative; z-index: 40; }
#more-info > div { background: #DCDCDC;border-color: #000000 ; border: inset ; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 20px; height: 420px; }
.longdesc { display: none; }