/* ----  MAP ---- */
#controls.whalemap	{ width: 800px; height:600px;}

div.map_header	/*top band*/{ width: 100%; height: 60px; background-color:#6B7995}
div.map_titles	{float:left; width: 240px;}
div.map_titles p.date {margin-top: 0;}

div.map_titles h2 {/*feature title*/
	color:#E4BD5F;
	padding-left: 25px;
	padding-top: 0.5em;
	text-shadow: 2px 2px 2px #333;
	letter-spacing: .05em;}

div.map_titles p	{ padding-left: 25px; font-family:Verdana, Geneva, sans-serif; font-size: 75%; color:#D4DAED;}
div.map_titles p.date {font-weight: bold;}





div.buttons map {float:right; width: 560px;}


/* ----  map buttons across top ---- */
div#middle_wide div.buttons ul.choose_map {list-style-type: none; padding: 0; margin:4px 0 0 0; }
div#middle_wide div.buttons ul.choose_map li {float: left; font-family:Verdana, Geneva, sans-serif; font-size: 75%; line-height: 120%; color:#D4DAED; text-align:center;}
div#middle_wide div.buttons ul.choose_map li a.selected { background-color:#8299BC;}
div#middle_wide div.buttons ul.choose_map li a {display:block; width: 86px; height: 44px; margin-right: 2px; border:thin solid white; padding-top: 4px;}
div#middle_wide div.buttons ul.choose_map li a:link {color: white;}
div#middle_wide div.buttons ul.choose_map li a:visited {color: white;}
div#middle_wide div.buttons ul.choose_map li a:hover {background-color: white; color:#336;}

#controls img.imagemap	{margin-top: -6px;}