html {
  margin: 0;
  padding: 1em;
}
body { 
  background-color: #fff;
  color: #000;
  margin: 0;
  padding: 0;
}
a:link { color: #00e; }
a:visited { color: #529; }
a:active { color: #f00; }

h1 {
  font-size: 200%;
  color: #16A3C2;
  background-color: #eee;
  font-family: sans-serif;
  padding: 1em 33% 0 .5em;
  margin: 0;
  border-bottom: black thin dotted;
  border-top: .2em solid #D3EAF2;
  font-family: "Helvetica Black", "Arial Black", "Arial", sans-serif;
  font-weight: bold;
  line-height: 85%;
}

ul#navlist {
  margin: 0;
  padding: 0;
  text-align: right;
  position: absolute;
  top: 2em;
  right: 1.5em;
  width: 30%;
  line-height: 125%;
  /*border: thin red dotted;*/
}
ul#navlist li {
  display: inline;
  list-style-type: none;
  margin: 0;
  font-size: smaller;
  padding: 0 .2em 0 .2em;
}
ul#navlist li a {
  margin: 0;
  padding: 0;
  color: #888;
  text-decoration: underline;
  font-style: normal;
  font-weight: bold;
}

div#main {
  margin: 0 20% 0 10%;
  padding: 0;
}
@media print {
  div#main {
    margin: 0 10% 0 5%;
  }
}

h2 {
  color:#FFC069;
  font-family: "Helvetica Black", "Arial Black", "Arial", sans-serif;
  font-weight: bold;
  margin: 0;
  margin-bottom: -.5em;
  padding: 0;
}
h3 {
  font-size: large;
  font-weight: normal;
  font-style: italic;
}

div#footer {
  border-bottom: .2em solid #D3EAF2;
  border-top: black thin dotted;
  background-color: #eee;
  font-size: smaller;
}
div#footer p {
  margin: .25em 0 .25em 0;
  padding: 0 1em;
}