body {
      font-family: Verdana, sans-serif;
      font-size: small;
      background-color: #eac570;
    }

    #top {
      /* position: absolute;
      top: 0px;
      left: 0px;*/
      width: 100%;
      font-family: "Comic Sans Ms", cursive;
      height: 116px;
      color: #301010;
      font-size: 100%;
      font-weight: bold;
      background: url(image/background.jpg) no-repeat;
      border-bottom: thin solid #993300;
      padding-top: 1px;
    }

    #top img {
      border-color: black;
      border-width: 3px;
      padding: 0px 40px 4px 4px;
      float: left;
    }

    /* navigate */
    #navigate {
      /* border: thin dashed #cab540; */
      background-color: #eeb060;
      margin-top: 10px;
      padding: 3px;
    }

    #navigate {
      width: 125px;
      float: left;
    }

    #navigate a:link {
      color: brown;
    }

    /*
    #navigate a:visited {
      color: purple;
    } */

    #navigate a:active {
      color: orange;
    }

    #navigate a:hover {
      color: red;
      background-color: #aaa520;
    }

  ul#navlist
  {
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 90%;
  }
  
  ul#navlist li
  {
  display: block;
  margin: 0;
  padding: 0;
  }
  
  ul#navlist li a
  {
  display: block;
  width: 100%;
  padding: 0.5em 0 0.5em 1.3em;
  border-width: 1px;
  border-color: #ffe #aaab9c #ccc #fff;
  border-style: solid;
  color: #555;
  text-decoration: none;
  background: #f0e7aa;
  }
  
  #navcontainer>ul#navlist li a { width: auto; }
  
  ul#navlist li#active a
  {
  background: #f0d080;
  color: #800000;
  }
  
  ul#navlist li a:hover, ul#navlist li#active a:hover
  {
  color: #800000;
  background: transparent;
  border-color: #aaab9c #eecc77 #fff #eeb060;
  }


    #mainbody {
      color: red;
      font-family: "Comic Sans Ms", cursive;
      font-size: 120%;
      border: thin dashed #eecc77;
      background-color: #f0d080;
      margin-top: 10px;
      padding: 10px;
    }


    #mainbody {
      margin-left: 141px;
    }

    .dark_text {
      color: #401005;
    }

    .medium_text {
      color: #401010;
    }

    #breadbody {
      color: brown;
      font-family: "Comic Sans Ms", cursive;
      font-size: 120%;
      border: thin dashed #eecc77;
      background-color: #f0d080;
      margin-top: 10px;
      padding: 10px;
      text-align: center;
    }


    #breadbody {
      margin-left: 141px;
    }

    #breadbody h3 {
      color: #ee5522;
    }

    table {
      margin-left: 10px;
      margin-right: 2px;
    }

    td, th {
      /* border: thin dotted blue; */
      border: none;
      border-collapse: collapse;
      padding: 2px;
    }

    .tnail {
      border-color: red;
    }

    .tnail a:link {
      color: #d09060;
    }

    .tnail a:visited {
      color: #905040;
    }

    .tnail a:hover {
      color: #d04040;
    }