.top {
text-align: center;
margin-bottom: 4px;
}
.line {
color: #000000;
background-color: #F0F8FF;
border: 1px solid #D3D3D3;
padding: 2px 2px 2px 2px;
margin-bottom: 4px;
}
.head {
font-weight: bold;
margin-bottom: 4px;
}
.body {
margin-bottom: 4px;
}
.nav {
color: #000000;
background-color: #D3D3D3;
border: 1px solid #BEBEBE;
padding: 2px 2px 2px 2px;
margin-bottom: 4px;
}
.nav a:link {color: #000000; text-decoration: none;}
.nav a:visited {color: #000000; text-decoration: none;}
.nav a:hover {color: #000000; text-decoration: none;}
.line a:link {color: #000000; text-decoration: none;}
.line a:visited {color: #000000; text-decoration: none;}
.line a:hover {color: #000000; text-decoration: none;}

#map {
  height: 500px;
  width: 500px;
}

#reports {
  font-size: 75%;
  width: 200px;
}

.balloon {
  width: 200px;
}

#mblog {
  width: 500px;
}

.note {
color: #000000;
background-color: #FFFF99;
border: 1px solid #000000;
padding: 2px 2px 2px 2px;
margin-bottom: 4px;
}


.error {
color: #000000;
background-color: #F9CACA;
border: 1px solid #000000;
padding: 2px 2px 2px 2px;
margin-bottom: 4px;
}


.note a:link {color: #000000; text-decoration: none;}
.note a:visited {color: #000000; text-decoration: none;}
.note a:hover {color: #000000; text-decoration: none;}

.textmessage {
width: 140px;
height: 140px;
color: #FF0000;
font-size: 24px;
background-color: #FFFFFF;
border: 4px solid #FF0000;
padding: 6px 6px 6px 6px;
}