body {
  margin: 5em;
  margin-top: 2em;
  font-family: sans-serif;
  font-size: 0.8em;
}

h3 {
  background: #500;
  color: #fff;
}

h3 a:link {
  padding: 0.2em;
  color: #fff;
  text-decoration: none;
}

h3 a:visited {
  padding: 0.2em;
  color: #ccc;
  text-decoration: none;
}

h3 a:hover {
  padding: 0.2em;
  color: #77a;
  text-decoration: none;
}

h4 {
  border-top: solid black 1px;
  padding-top: 0.5em;
}

ul li {
  margin-left: -2em;
  list-style-type: none;
}

li a:link {
  color: #33a;
  text-decoration: none;
  font-variant: small-caps;
  padding: 2px;
  margin: 0.1em;
}

li a:visited {
  color: 55a;
  text-decoration: none;
  font-variant: small-caps;
  padding: 2px;
  margin: 0.1em;
}

li a:hover {
  color: #77a;
  text-decoration: none;
  font-variant: small-caps;
  padding: 1px;
  border: solid #77a 1px;
  margin: 0.1em;
}

p {
  width: 500px;
}

hr {
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}