*{ margin: 0; padding 0;}
a { text-decoration: none;color: #00f;}
body { background-color: #d0f0d0; }

#header {
  font-family: "Book Antiqua",Georgia,sans-serif;
  text-align: center;
  margin: 1em auto 0 auto;
}
#header h1 {
  font-size: 2em;
}
#content {
  width: 50em;
  margin: 1em auto;
  font-family: Arial,sans-serif;
  font-size: 0.9em;
  position: relative;
}
.centered {
 text-align: center;
 position: relative;
}
#distance {
 border-top: solid 1px #000;
 border-bottom: solid 1px #000;
 width: 75%;
 margin: 1em auto 3em auto;
 padding: 1em 0;
}
#startbox {
 margin: 2em 0;
 float: left;
 width: 24em;
 position: relative;
 text-align: left;
}
select {
 width: 22em;
}
#startbox input,#endbox input {
  color: #00f;
  font-size: 0.9em;
  border: none;
  background-color: #d0f0d0;
  padding: 0;
}
#startquick {
 clear: both;
 width: 4em;
 float: left;
 font-size: 0.7em;
}
#endbox {
 margin: 2em 0;
 float: right;
 width: 24em;
 position: relative;
 text-align: right;
}
#endquick {
 clear: both;
 width: 4em;
 float: right;
 font-size: 0.7em;
}
.boxlabel {
 float: left;
 font-weight: bold;
}
.mini {
 font-style: italic;
 font-size: 0.8em;
 float: right;
 margin: 0 2em 0 0;
}
#smallads {
 margin: 0 auto;
}
#ad1 {
 float: left;
 margin: 0 2em;
}
#ad2 {
 float: right;
 margin: 0 2em;
}
#footer {
 clear: both;
 text-align: center;
 font-size: 0.8em;
 position: relative;
 top: 2em;
}
.button {
 text-align: center;
 clear:both;
}
.postnote {
 clear: both;
 text-align: center;
 position: relative;
 top: 2em;
 font-size: 0.8em;
}
#footer a {
 margin: 0 2em;
}
.action {
 clear: both;
 margin: 0.25em auto;
 display: block;
 border: solid 1px black;
 width: 6em;
 color: black;
 background-color: #c0c0c0;
 padding: 0.1em 0;
}
a:hover.action, input:hover.action {
 color: white;
 background-color: #60c060;
}