html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

h1 {
  font: bold 8pt verdana, sans-serif;
  }

#map {
 	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.TIT { 
	position: absolute; 
	top:15px; 
	left:85px; 
	color:#000; 
	background-color:#ffffff;
    font: bold 14pt verdana, sans-serif;
	padding:5px;
	margin-bottom:5px;
	border:1px solid #000000;
    }
    
.LEGEND {
	position: absolute; 
	top:250px; 
	left:20px; 
	/*width: 180px;*/
	color:#000000;
	background-color:#ffffff; 
 	font: normal 10pt verdana, sans-serif;
  	padding:5px;
  	margin-bottom:5px;
  	border:1px solid #000000;
    }

.INFO {
	position: absolute; 
	top:100px; 
	left:20px; 
	width: 600px;
	color:#000000;
	/*background-color:#ffffff;*/ 
  	font-size:8pt; 
  	font-weight: normal;
  	padding:10px;
  	margin-bottom:6px;
  	border:0px solid #000000;
    }

#lonlat{
  position: absolute;
  top: 28px;
  left: 80px;
  height: 180px;
  width: 100px;
  padding: 5px;
  text-align: left;
  font: normal 7pt verdana, sans-serif;
  background-color: white;
  border: 1px solid black;
  }