body {
margin: 0px;
padding: 0px;
background-color: black;
}

img .map {
padding: 0px;
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
}

/* the whole menu */

  .menu {
  position: fixed;
  top: 2px;
  left: 2px;
  font: 14px "Trebuchet MS";
  text-align: center;
  }

  /* IE hack */
  *html div.menu {
  position: absolute;
  }
  /* End hack */

/* end whole menu */


a:link, a:visited {
color: white;
text-decoration: none;
padding: 2px 8px;
margin: 2px;
display: block;
background-color: #555555;
border: 2px white solid;
}

a:hover {
background-color: #888888;
}

/* the box for the legend */

  .box {
  height: 350px; width: 162px;
  color: white;
  overflow: auto;
  border: 2px solid black;
  scrollbar-face-color: #7D7D7D;
  scrollbar-highlight-color: #B9B5B5;
  scrollbar-shadow-color: #7D7D7D;
  scrollbar-3dlight-color: #B9B5B5;
  scrollbar-arrow-color:  #B9B5B5;
  scrollbar-track-color: #B9B5B5;
  scrollbar-darkshadow-color: #7D7D7D;
  position: fixed;
  z-index: 3;
  top: 33px;
  left: 3px;
  }

  /* IE hack */
  *html .box {
  position: absolute;
  z-index: 3;
  }
  /* End hack */

/* end box */

.legendtable {
background-color: #555555;
margin: 0px;
padding: 0px;
}

.legendtable img {
padding-left: 5px;
}

.legendtable td {
text-align: center;
font: 14px "trebuchet ms";
border: 0px;
}

.legendtable .rt {
text-align: left;
padding: 2px 10px;
}

/* the legendhide button*/

  .legendhide {
  position: fixed;
  z-index: 3;
  top: 2px;
  left: 168px;
  font: 14px "Trebuchet MS";
  text-align: center;
  }

  /* IE hack */
  *html .legendhide {
  position: absolute;
  z-index: 3;
  }
  /* End hack */

/*end legendhide button*/ 

/* the howtouse button*/ 

  .howtouse{
  height: 225px; 
  width: 203px;
  color: white;
  overflow: auto;
  border: 2px solid white;
  position: fixed;
  z-index: 3;
  top: 33px;
  left: 4px;
  background-color: #555555;
  font: 15px "Trebuchet MS";
  padding: 3px;
  }

  /* IE hack */
  *html .howtouse {
  height: 260px;
  position: absolute;
  z-index: 3;
  }
  /* End hack */

/* end howtouse button */

.howtouse ul{
margin: 2px 2px 2px 20px;
padding: 0px;
line-height: 120%;
}

/* howtouse hide button */

  .howtousehide {
  position: fixed;
  z-index: 3;
  top: 2px;
  left: 168px;
  font: 14px "Trebuchet MS";
  text-align: center;
  }

  /* IE hack */
  *html .howtousehide {
  position: absolute;
  z-index: 3;
  }
  /* End hack */

/* end howtouse hide button*/


/* -------------  WILD MAP CSS BELOW HERE  ------------- */ 

img .wild {
padding: 0px;
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
}

/* the whole menu */

  .menu {
  position: fixed;
  top: 2px;
  left: 2px;
  font: 14px "Trebuchet MS";
  text-align: center;
  z-index: 3;
  }

  /* IE hack */
  *html div.menu {
  position: absolute;
  }
  /* End hack */

/* end whole menu */


a:link, a:visited {
color: white;
text-decoration: none;
padding: 4px 8px;
margin: 2px;
display: block;
background-color: #555555;
border: 2px white solid;
}

a:hover {
background-color: #888888;
}