#map_canvas {margin: 0; padding: 0; height: 830px; width: 400px; float: left; position: relative; z-index: 30 !important;}

h1 { margin: 0 0 0px 0; font: bold 24px Helvetica, Arial, Sans-Serif; letter-spacing: -2px; color: #696969;}
h2 { margin: 0 0 0px 0; font: bold 16px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); color: #696969;}
h3 { margin: 0 0 1px 0; font: bold 11px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; color: #C0C0C0;}


#locations {margin: 0; padding: 0; list-style: none; width: 125px; float: left; color: #DCDCDC; }
#locations li {font: bold 11px Helvetica, Arial, Sans-Serif;
	padding: 5px 5px 5px 5px; width: 125px; float: left; position: relative; z-index: 20; color: #D3D3D3;
}
#locations li.hover {padding: 5px 5px 5px 5px; 0;cursor: default; font: bold 11px Helvetica, Arial, Sans-Serif}
#locations li.hover h3 { margin: 0; padding: 0;font: bold 11px Helvetica, Arial, Sans-Serif; color: #808080; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
#locations li.hover p { margin: 0; padding: 0;font: bold 11px Helvetica, Arial, Sans-Serif; color: #808080; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }

#content { width: 300px; }

#more-info { width: 340px; float: right; background: #D3D3D3; padding: 20px; height: 360px; }
#more-info * { position: relative; z-index: 40; }
#more-info > div { background: #e9e2bf; -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: 320px; }
.longdesc { display: none; }