body {
    color: black;
    background-color: #fff3d9;
    font-family: "Trebuchet MS","Lucida Grande",Tahoma,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1em;
    min-width: 41em;
  }
  
  p#header {
    font-size: 3em;
    margin: 0 0 0.7em;
    padding: 0.5em;
    color: #8e0707;
    background-color: #edd7ae;
    border: 2px ridge #8e0707;
  }
    
  ul#navigation {
    font-size: 0.83em;
    float: left;
    width: 18em;
    margin: 0 0 1.2em;
    padding: 0;
    background-color: #edd7ae;
    border: 1px solid #766699;
  }
  
  ul#navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em;
  }
  
  ul#navigation a {
    display: block;
    text-decoration: none;
    padding: 0.2em;
    font-weight: bold;
  }
  
  ul#navigation a:link {
    color: #8e0707;
    background-color: #edd7ae;
  }
  
  ul#navigation a:visited {
    color: #8e0707;
    background-color: #edd7ae;
  }
  
  ul#navigation a:hover {
    color: #8e0707;
    background-color: #fff3d9;
  }
  
  ul#navigation a:active {
    color: #8e0707;
    background-color: #edd7ae;
  }
  
  div#content {
    margin: 0 12em 1em 16em;
    padding: 0 1em;
    border: 1px #766699;
  }
  
  div#content h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
    color: #766699;
  }
  
  div#content h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
  
  div#content p {
    font-size: 1em;
    margin: 1em 0;
  }
  
  div#content a:link {
    text-decoration: none;
    color: #8e0707;
  }
  
  div#content a:visited {
    text-decoration: none;
    color: #8e0707;
  }
  
  div#content a:hover {
    text-decoration: none;
    color: #8e0707;
    background-color: #edd7ae;
  }
  
  div#content a:active {
    text-decoration: none;
    color: #8e0707;
  }
  
  div#infobox {
    font-size: 0.9em;
    float: right;
    width: 12em;
    margin: 0 0 1.1em;
    padding: 0;
    background-color: #edd7ae;
    border: 1px solid #766699;
  }
  
  div#infobox h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
    color: #766699;
  }
  
  div#infobox p {
    font-size: 1em;
    margin: 0.5em;
  }
    
  div#infobox a:link {
    text-decoration: none;
    color: #8e0707;
  }
  
  div#infobox a:visited {
    text-decoration: none;
    color: #8e0707;
  }
  
  div#infobox a:hover {
    color: #8e0707;
    background-color: #fff3d9;
  }
  
  div#infobox a:active {
    text-decoration: none;
    color: #8e0707;
  }
  
  p#footer {
    clear: both;
    font-size: 0.9em;
    margin: 0;
    padding: 0.1em;
    text-align: center;
    background-color: #edd7ae;
    border: 1px solid #766699;
  }