body{background-image:  url(Earthquakebackground2.jpg);
background-repeat:   no-repeat;
background-color:  #999999;}


p {line-height:100%; margin-top:0; margin-bottom:0; font-size: 10pt; }

div {font-size: 10pt; }

#lid{

z-index: 10000;
 width: 190px; 
height: 100px; 
position: absolute; 
top: 175px; 
left: 640px;

}
#key{
width: 390px; 
height: 30px; 
position: absolute; 
top: 175px; 
left: 300px;

}
#links{
width: 390px; 
height: 100px; 
position: absolute; 
top: 210px; 
left: 300px;  z-index: 1000;

}

#title{
width: 360px; 
height: 40px; 
position: absolute; 
top: 140px; 
left: 300px;
}

#co{
width: 195px; 
height: 370px; 
position: absolute; 
top: 735px; 
left: 25px;
font-size: medium;
color: yellow;
}

#rec{
width: 155px; 
height: 370px; 
position: absolute; 
top: 725px; 
left: 275px; line-height:100%; 
margin-top:0; 
margin-bottom:0;
font-size: medium;
color: purple;
}

#map{
width: 715px; 
height: 370px; 
position: absolute; 
top: 285px; 
left: 255px;
}

#fire{
width: 415px; 
height: 150px; 
position: absolute; 
top: 710px; 
left: 455px; line-height:100%; margin-top:0; margin-bottom:0;
}

#adds{
width: 120px; 
height: 600px; 
position: absolute; 
top: 50px; 
left: 55px;
}

#hot{
width: 150px; 
height: 100px; 
position: absolute; 
top: 90px; 
left: 820px; z-index: 9999;
}
#hot a:link{
color: yellow;
}
#hot a:visited{
color: orange;
}
#hot a:hover{
background: yellow;
color: orange;
}