body {
  font-family: Vendana, Geneva, sans-serif;
  font-size: 100%;
  color: #333333;
  line-height: 1.166; 
  margin: 0;
  padding: 0;
  height: 100%;
  width: 99%;
  background-color: #ffffff;
}

a:link, a:visited, a:hover {
  color: blue;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 225%;
 font-weight: bold;
 color: #000000;
}

h2 {
 font-size: 120%;
 color: #000000;
}

h3 {
 font-size: 110%;
 color: #000000;
}

ul {
 list-style-type: square;
}

#top {
  padding: .5em;
  text-align: center;
  border-bottom: 1px solid gray;
}

#info {
  text-align: left;
}

.topline {
  display: inline-block;
  vertical-align: middle;  
  margin: .5em;
}

#contents {
  padding-top: 2em;
  max-width: 36em;
  margin-left: auto;
  margin-right: auto;
}