body { 
font: normal small verdana, arial, helvetica, sans-serif;
background: #DFDFF7;
background-repeat: repeat-y;
}


#head h1 {  margin: 0px;padding-left: 15px; font-size: 10px; color: #555; } /*hazards monitor*/

#head a { font-size: 10px;text-decoration: none;  font-weight: bold;padding: 0px; margin: 0px;}

a { padding: 0px; margin: 0px;}

.blue {color: #003366;font-weight:bold;} 
.small { font: 11px Arial, Verdana,sans-serif;text-decoration: none; color: gray; } /*small text for source info*/

#head a:link    {  color: #ff0033; }
#head a:visited { color: #ff0033; }
#head a:hover { color: gray;} 
#head a:active {color: gray; } 

 a:link    {  color: #003366; }
 a:visited { color: #003366; }
 a:hover { color: #cc0000; } 
 a:active {color: #003366; } 



/* this one is the gray overlay on the whole page*/
#veil2 {
/*background: black url(blackdot.gif);*/
background: black;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=70);
opacity: 0.7;
z-index: 100;

}

/*top overlay*/

#box{
position: absolute;
background: white;
left: 50%; 
top: 50%;
height: 500px;
width: 800px;
margin-top: -250px; /* half of the height */
margin-left: -400px; /* half of the width */ 
text-align: left;
border-top: 3px solid #eee;/* ok */
border-left: 3px solid #eee;
border-right: 3px solid gray;
border-bottom: 3px solid gray;
padding:10px; 
visibility: hidden;
z-index: 101;
overflow:auto;
     }

#desc {
position: absolute;
background: white;
left: 5px; 
top: 5px;
height: 490px;
width: 790px;

}


/* close button position*/
#close {
position: absolute;
top:10px;
right:20px;
float:right;
width: 30px;
height:30px;
z-index: 102;
}

#head {
position:absolute; 
left: 0px; 
top: 0px; 
width: 100%; 
height: 75px;
}

#logo {
position:absolute; 
top:0px; 
left:0px;
width:400px;
}


#ad {
position:relative;
top:5px;
right:10px;
float:right;
}

#nav {
position:absolute;
top:40px;
left:75px;
width:440px;
}

#container {
position:absolute;
left: 0px;
top: 75px;
width: 100%;
height: 85%;
border-top: 4px solid #eee;
border-bottom: 3px solid gray;
}

#map {
position:relative;
width: 100%;
height: 100%;
}


#loading {
position: absolute;
background: url(../images/ld2.gif);
background-repeat: no-repeat;
left: 50%; 
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px; /* half of the height */
margin-left: -25px; /* half of the width */ 
text-align: left;
z-index: 103;
visibility: hidden;
}




#adrsrch {
position: relative;
left:5px;
top:5px;
height:20px;
width:200px;
}

#adr, #adr2 {
 background-color: #ffffff;
color: gray;
height: 13px;
font-size: 10px;
}

#button
{
height: 18px;
font-size: 10px;
color: #000;
border: 2px outset #d7b9c9;
}