body {
  background: #aabbaa;
  color: #006600;
  font-family: Helvetica, Verdana, Sans-serif;
  font-size: small;
  margin: 0;
  padding: 0;
}

div {
  border: none;
  margin: 0;
  padding: 0;
}

table {
  border: none;
}

a {
  color: #3366cc;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 120%;
}

a:hover {
  color: #003300;
  background: #ccccff;
}

#page {
  background: #ffffff;
  border: 1px solid #006600;
  margin: 10px auto 40px;
  padding: 20px 0 20px 100px;
  width: 620px;
}

div.logo {
  font-size: 180%;
  font-weight: bold;
}

span.tm {
  color: #cccccc;
}

div.tag {
  color: #999999;
  font-size: 110%;
  font-weight: bold;
}

div.close {
  font-size: 110%;
  font-weight: bold;
  margin: 40px 0 20px;
}

#coppell {
  color: #cc6600;
  font-size: 140%;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 4px;
}

a.active {
  color: #009966;
}

a:hover.active {
  background: #ffffff;
}

a.ptoc, p.ptoc {
  color: #3366cc;
  font-weight: bold;
  font-size: 110%;
  padding-left: 6px;
  padding-right: 6px;
}

a:hover.ptoc {
  background: #ffff00;
  color: #3333ff;
}

a.inactive {
  color: #cc6633;
}

a:hover.inactive {
  background: #ffffff;
}

table.sites {
  background: #ccffcc;
  border-spacing: 0;
  border-collapse: collapse;
  border-top: 1px solid #99cc99;
  border-right: 1px solid #99cc99;
}

table.sites th,
table.sites td {
  padding: 10px 20px 10px;
  vertical-align: top;
  border-bottom: 1px solid #99cc99;
  border-left: 1px solid #99cc99;
}

table.sites th {
  background: #ffcc66;
  border: 1px solid #cc9933;
}

table.sites li {
  list-style-type: none;
}

#advertising li { 
  margin: 0.5em 0;
}

#advertising h2 { 
  margin-top: 2.0em;
}