html { 
  height: 100%; 
}

body { 
  height: 100%; 
  margin: 0px; 
  padding: 0px;
}

 #wrapper {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:1000px;

}
           
#main { 
  font-family: Verdana, sans-serif;
  float: left;
}

#controls { 
  text-align: center;
}

#map_canvas { 
  float: left;
  height: 400px;
  width: 41.5em;
  margin-left: auto;
  margin-right: auto;
  font-size: 12pt;
}

#footer { 
  float: top;
  font-family: Courier New, sans-serif;
  clear: right;
  font-size: 12pt;
  text-align: center;
}

#instructions { 
  font-family: Arial, sans-serif;
  float: left;
  margin-left: auto;
  margin-right: auto;
  width: 20em;
  font-size: 10pt;
  padding: 0.5em;
}

h1 { 
  font-family: Verdana, sans-serif;
  margin: 0.5em 0em 0.5em 0em;
  text-align: center;
}

fieldset { 
  background-color: #ffffcc;
  margin-left: auto;
  margin-right: auto;
  width: 40em;
}

#about > p { 
  font-family: Arial, sans-serif;
  float: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5em;
  width: 20em;
  font-size: 9pt;
}

.popup { 
  color: red;
  border-color: red;
  border-style: solid;
  padding: 1em;
}

.email { 
  vertical-align: bottom;
}

#copyright { 
  font-style: italic;
  color: #B0B0B0;
  font-size: 9pt;
  text-align: center;
  clear: right;
}