.bt {border-top:1px solid #bbb}
.br {border-right:1px solid #bbb}
.bb {border-bottom:1px solid #bbb}
.bl {border-left:1px solid #bbb}
.vat {vertical-align:top}
html, body, table {margin: auto; padding:0; height:100%; border:none;font-family:Arial;}
body * {font-family:inherit}

* { padding: 0; margin: 0; }

#wrapper { 
 width: 1024px;
 margin: 0 auto;
}

#mainTable {width:1024px; margin: auto; overflow:hidden;}
.container {position:relative;left:0;top:0;height:100%;width:100%}
#myMap {position:absolute;top:0;left:0;width:100%;height:100%}
#log {text-align:center;vertical-align:middle;position:absolute;right:10px;top:40px}
#log b {background-color:#c00;color:#fff;padding:3px;margin:0;font-family:sans-serif;display:block;}
.cc td {text-align:center;vertical-align:top}
s, .hidden {display:none}
td {padding:4px}
#topbar {text-align:center;position:relative}
#dialog {position:absolute;left:63%;top:60%;width:300px;height:175px;background-color:white;border:1px solid black;margin:-87px 0 0 -150px;z-index:10000;display:none}
#dialog th {font-size:small;vertical-align:top;text-align:right}
#key {overflow:auto; height:95%}
#key table {border-top:1px solid #ccc;width:100%;height:0%;font:smaller sans-serif;cursor:pointer; line-height:0.9em;}
#key table th {text-align:center;width:48px}
.sortableTable {overflow:auto; padding-top:1.5em;height:90%;margin:0;}
.sortableTable td, .sortableTable th {font:smaller Arial bold;}
.sortableTable table {width:80%;margin:1em auto;border-collapse: collapse; float:left;height:auto;}
.sortableTable thead th {padding: 0.5em;text-align: center;border: 1px solid black;background-color: #AAF}
.sortableTable tbody td {	padding: 0.5em;	border: 1px solid black}
.sortableTable tbody tr.odd {	background-color: #DDF;}
.sortableTable td.numeric,th.numeric {	text-align: right;}
button {font-size:smaller; display:block}
.layerBtns {float:left;text-align:left;margin:auto 5px;width:215px;}
.layerBtns a {text-decoration:none;color:#555;}
.layerBtns a:hover {text-decoration:underline}
.layerBtns div {padding-left:1em}

#leftbar {height:500px;overflow:auto;font-family:Verdana;font-size:13px;color:#555555;}

.CategoryHeads {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	color: #666666;
	background-position: left;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.TableText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #111111;
	background-position: left;

}
.MasterTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: #111111;
	background-position: left;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.GulfImpact {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: #FFFFFF;
	background-position: left;
	letter-spacing: 1.8px;

}
.HeaderItalic {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 32px;
	color: #FFFFFF;
	background-position: left;
	letter-spacing: 1.1px;

}
.BetaText {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;

	font-style: italic;
	line-height: 32px;
	color: #FF0000;
	background-position: left;
	letter-spacing: 3px;

}

#topbar strong {
    font: 12px Arial, sans-serif;
    color: #666;
    font-weight: bold
}

h2 {
    font: 16px Arial;
    color: #333;
    font-weight: bold;
    text-decoration: underline;
    text-align:center;
}
.cleared {
  clear:both;
  line-height:0;
}
#mapLegend { height:60%;}
#mapLegend table { margin:2em 0 0 0.75em; padding:0; border-collapse:collapse; border:2px solid #333;}
#mapLegend table td { margin:0; padding:3px; border:1px solid #aaa; font-size:0.7em;  }
#mapLegend table img { vertical-align: middle }