body { 
font: normal small verdana, arial, helvetica, sans-serif;
background: white url("images/bg_ch.jpg");
background-repeat: repeat-y;
}

#head h2 { margin: 0px;padding-left: 5px; padding-top: 5px; font-size: 10px; font-weight: bold; color: #cc0000} /*nav line with links*/
#head h1 {  margin: 0px;padding-left: 5px; font-size: 10px; color: #555; } /*hazards monitor*/

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

a { text-decoration: none; padding: 0px; margin: 0px;}

/* to display html block from rss*/
code { font: 14px Arial, Verdana,sans-serif;text-decoration: none; padding: 0px; margin: 0px;}


.blue {color: blue;font-weight:bold;}
.brwn  {color: #cc0000;font-weight:bold;}
.red {color: red;font-weight:bold;}
.org {color: #ff9933;font-weight:bold;}
.small { font: 11px Arial, Verdana,sans-serif;text-decoration: none; color: gray; } /*not used?*/
.dotted {font: 10px Arial, Verdana,sans-serif;text-decoration: none; padding:5px; background-color:#eee;border:1px dotted #cc0000;}
/*buttons in right pannel*/


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


/* formatting for div in pop-up baloons*/
#hlight {background: #ffffff;
}

#hlight2 {
text-align: center;
}
 a:link    {  color: gray; }
 a:visited { color: gray; }
 a:hover { color: #cc0000; } 
 a:active {color: gray; } 

#list{ font: 11px Arial, Verdana,sans-serif;text-decoration: none; } /*not used?*/

#popup{font: 12px Arial, Verdana,sans-serif;text-decoration: none; width:260px;}


/* this one is the gray overlay on the whole page*/
#veil2 {background: black url(blackdot.gif);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
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;
     }

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

#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:60px;
width:400px;
}

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

/*
#adrsrch {
position: relative;
left:5px;
top:5px;
height:20px;
width:200px;
}
*/
#adr {
 background-color: #ffffff;
color: gray;
height: 13px;
font-size: 10px;
}
#button
{
height: 18px;
font-size: 10px;
color: #000;
border: 2px outset #d7b9c9
}