body, * html body {
  background-color: #666;
  font-family: verdana, sans serif;
  font-size: 10px;
  color: #333;
  margin: 0;
  padding: 0; }

div, ul {
  margin: 0; }

h1, h2, h3 {
  background-color: transparent;
  color: #333; }

h1 {
  font-size: 2.5em; }

h2 {
  font-size: 1.7em; }

h3 {
  font-size: 1.3em; }

p, li {
  background-color: transparent;
  color: #444;
  word-spacing: -0.1em;
  line-height: 14px;
  font-size: 12px; }

img {
  border: 0;
  vertical-align: middle; }

.clearboth {
  clear: both; }

#container {
  background-color: #fff;
  margin: 0 auto;
  width: 800px; }

#header {
  padding: 0 20px;
  background-color: #e9e9e9; }
  #header .site-navigation {
    padding: 5px 0 0 0; }
    #header .site-navigation li {
      display: inline;
      padding: 0 5px; }
  #header .contact-info {
    float: right;
    font-size: 0.9em; }

#contents {
  min-height: 800px;
  padding: 0 20px; }

#footer {
  font-size: 0.9em;
  padding: 0 20px 10px 20px; }
  #footer .last-modified-date {
    clear: both;
    float: right; }

.table-of-contents {
  float: right;
  clear: right;
  padding: 5px 15px; }
  .table-of-contents ul {
    padding: 0; }
  .table-of-contents li {
    list-style: none outside; }

.page-contents {
  float: left;
  width: 550px;
  clear: left; }