html, body {
  color: #fff;
  background-color: #000;
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: Garamond, Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
}

.bold {
  font-weight:bold;
}	


.text {
  color: #000;
}	

a:link {color:#996411; text-decoration: none;}
a:hover {color:#aa7522; text-decoration: underline;}
a:visited {color:#996411; text-decoration: none;}
a:active {color:#996411; text-decoration: none;}

#map {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border: 0px;
  border-style: solid;
}

.mapimg {
  color: #fff;
  background-color: #000;
  font-weight:bold;
}

#legend {
  width: 218px;
  color: #000;
//  background-color: #6d4200;
//  background-color: #ede6d2;
  background-color: #fffefd;
  border: 2px solid black;
  padding: 8px;
  position: absolute;
  top: 32px;
  right: 7px;
  z-index: 999;
  }

#legend h1 {
  font-family: Garamond, Georgia, "Times New Roman", Times, serif;
  font-size: 22px;
  color: #996411;
  margin-top:0px;
  margin-bottom:0px;
}

#legend p {
  font-size: 14px;
}