@charset "utf-8";
/* CSS Document */

html, body { height: 100%; }
img { border: 0; }

body { margin: 0; padding:0; position: relative; height:100%; }

#header { position: absolute; top: 0; z-index: 10; height: 31px; width: 100%; background-color: #666; }
#header1 { position: relative; }

#footer { position: fixed; left: 0; right: 0; bottom: 0; height: 90px; }

#logo { position:absolute; left: 17px; top:7px; }

#tag { position: absolute; left: 267px; top:9px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#save { float: right; margin-right: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 30px; line-height: 30px; }
#save a { text-decoration: none; color: #ccc; }
#save a:hover { text-decoration: underline; #ccc; }

#adsense { position: fixed; left: 0; top: 30px; width: 120px; }
#adsense2 { position: fixed; right: 0; top: 30px; width: 120px; }

#adsense_rhs { position: fixed; right: 0; top: 30px; width: 120px; }

/* Share */

#share { position: absolute; left: 820px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; padding-top: 7px; height: 30px; }

/* Menu */

#menu { position: absolute; left: 596px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }

#nav, #nav ul { padding: 0;	margin: 0; list-style: none; z-index: 10; }

#nav a { padding-left: 12px; display: block; width: auto; color: #003366; text-decoration: none;background-color: #6699cc; }

#nav a:hover { color: #fff; background-color: #00adef; }

#nav li { float: left; width: 180px; line-height: 31px; }

#nav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	background-color: #ebeae5;	
	line-height: 14px;
}

#nav li:hover ul, #nav li.sfhover ul {left: auto;	}

#nav li ul a { color: #003366; text-decoration: none; padding-left: 12px; xwidth: auto; }
#nav li ul li { line-height: auto; }

/* Tool Tips */

div.markerTooltip, div.markerDetail {
	color: black;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	background-color: white;
	white-space: nowrap;
	margin: 0;
	padding: 3px 6px;
	border: 1px solid black;
	z-index: 20 !important;
}

/* weather links */

#weather_links { position: absolute; left: 200px; top: 70px;  font-family: Verdana, Geneva, sans-serif; font-size: 12px; margin-top: 20px; width: 400px; }
#weather_links li { line-height: 16px; } 


h1 { font-size: 16px; margin:0; padding:0; margin-bottom: 2em; color: #036; }

a { color: #003366; }
a:hover { color: #6699cc;}

/* main map */

#map { height: 100%; }

#map_legend_bg { position: fixed; top: 40px; right:10px;; width: 200px; height: 180px; background-color: #444; opacity:0.7;filter:alpha(opacity=70); color: #fff; padding: 5px; z-index: 0; }
#map_legend { position: fixed; top: 50px; right:20px;; width: 185px; height: 150px; color: #ccc; font-family: Verdana, Geneva, sans-serif; font-size: 10px; }
#map_legend ul { list-style-type: none; margin:0; padding:0;margin-bottom: 8px; }
#map_legend ul li img { float: left; }
#map_legend ul li {text-indent: 12px; }
.leg1 { line-height: 36px; }
.leg2 { padding-left: 4px; line-height: 20px; margin-top: 3px;}
#map_legend a { color: #ccc; font-size: 12px; text-decoration:none; border-bottom: 1px dotted #ccc; margin-top:10px; width:auto; line-height: 1.3;}
#map_legend a:hover { color: yellow;}

/* lightning page */

#lightning_map { position:absolute; left: 120px; top: 74px; }

/* ais map */

#ais_map { position:absolute; top: 30px; left: 0px; width: 680px; height: 600px; }

/* add this */

.addthis_button_facebook_like { position: absolute; left:74px; top:3px; }