#dd {
  margin-left: 25%;
  padding: 0 0 20px 0;
}

#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial;
}

#dd li a.menu {
  display: block;
  text-align: left;
  background: #5970B2;
  padding: 4px 10px;
  margin: 0 1px 0 0;
  color: #FFF;
  width: 100px;
  text-decoration: none;
}

#dd li a.menu:hover {
  background: #49A3FF;
}

.submenu {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: hidden;
  position: absolute;
  z-index: 3;
}

.submenud {
  background: #EAEBD8;
  border: 1px solid #5970B2;
  visibility: visible;
  position: absolute;
  z-index: 3;
}

.submenu a {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}

.coords {
  display: block;
  font: 11px arial;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #2875DE;
}

.submenu a:hover {
  background: #49A3FF;
  color: #FFF;
}

.buttons {
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   text-transform:uppercase;
   font-family:Verdana, sans-serif;
   font-weight:bold;
   font-size:.6em;
   white-space:nowrap;
}

.buttons a {
   padding:1px 00px 1px 1px;
   margin:0px 0px 0px 0px;
   border-right:3px solid #ffbbbb;
   border-top:3px solid #ffbbbb;
   border-bottom:3px solid #ff4444;
   border-left:3px solid #ff4444;
   font: 11px Arial;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#dddddd;
   text-decoration:none;
   background-color:#aa0000;
}

.buttons a:hover {
   border-right:3px solid #ff4444;
   border-top:3px solid #ff4444;
   border-bottom:3px solid #ffbbbb;
   border-left:3px solid #ffbbbb;
   font: 11px arial;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   background-color:#ff0000;
}
.buttons strong {
   padding:7px 20px;
   border-right:1px solid #000000;
   font-family:Arial, sans-serif;
   font-weight:bold;
   color:#ffffff;
   text-decoration:none;
   background-color:#000000;
 }