/* general */
body {
  margin: 0px;
  background: #9c9;
  font-family: helvetica, tahoma;
  font-size: 10pt;
}

  div#pagewrapper {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border: 0px solid black;
    background: #fff;
  }

    /* header */
    div#headerwrapper {
      margin-bottom: 10px;
      border-bottom: 2px solid #9c9;
      text-align: right;
    }

       h1 {
        position: relative;
        margin: 0px 0px 10px 0px;
        padding: 30px 0px 25px 95px;
        background: url(logo.png) no-repeat;
        background-position: 215px bottom;
        text-align: center;
        color: #60985E;
        font-family: times new roman, serif;
        font-variant: small-caps;
        font-size: 30pt;
        font-weight: normal;
      }

        h1 a {
          text-decoration: none;
          color: #60985E;
        }

        h1 span.sub {
          display: block;
          position: absolute;
          top: 72px;
          left: 314px;
          font-family: helvetica, tahoma;
          font-variant: normal;
          font-size: 10pt;
          font-weight: bold;

        }

      div#headerwrapper > a {
        display: inline-block;
        width: 60px;
        background: #cfc;
        padding: 1px 0px 1px 0px;
        color: #015A01;
        text-decoration: none;
        text-align: center;
      }

        div#headerwrapper > a:hover {
          background: #9c9;
          color: #000;
        }

      div#pagepath {
        display: none;
        float: left;
        width: 690px;
        background: #cfc;
        padding: 1px 0px 1px 10px;
        text-align: left;
        color: #60985E;
      }

        div#pagepath a {
          padding: 0px;
          color: #60985E;
          text-decoration: none;
        }

          div#pagepath span.location {color: #015A01;}
          div#pagepath a:hover {color: #000;}

    /* navigation */
    div#navwrapper {
      float: left;
      margin: 0px 0px 10px 10px;
      width: 160px;
      border-right: 2px solid #9c9;
      padding: 0px 10px 0px 0px;
    }

      div#navwrapper hr {
        border: none;
        border-top: 1px solid #9c9;
      }

      div#navwrapper ul {
        padding: 0px;
        list-style: none;
      }

      ul.navigation {
        margin: 0px;
      }

        ul.navigation ul {
          margin: 1px 0px 0px 15px;
        }

        ul.navigation li + li {
          margin-top: 1px;
        }

          ul.navigation li a {
            display: block;
            background: #9c9;
            padding: 1px 3px 1px 3px;
            text-decoration: none;
            color: #015A01;
            font-weight: bold;
            font-variant: small-caps;
          }

          ul.navigation ul li a {background: #ada;}
          ul.navigation ul ul li a {background: #beb;}

          ul.navigation li a:hover {
            background: #015A01;
            color: #9c9;
          }

    /* information */
    div#infowrapper {
      float: right;
      margin-bottom: 10px;
      width: 170px;
      background: #cfc;
      padding: 5px;
    }

      div#infowrapper p {
        margin: 0px 0px 10px 0px;
      }

    /* content */
    div#contentwrapper {
      margin-left: 200px;
      text-align: justify;
    }

      div#contentwrapper p {
        margin: 0px 0px 10px 0px;
      }

      div#contentwrapper ul {
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 15px;
        list-style: none;
      }

        div#contentwrapper ul li {
          background: url(list.png) no-repeat left center;
          padding-left: 12px;
        }

        div#contentwrapper ul li + li {
          margin-top: 1px;
        }

      div#contentwrapper a {
        color: #015A01;
        text-decoration: none;
        border-bottom: 1px dotted #015A01;
      }

        div#contentwrapper a:hover {
          border-bottom-style: solid;
        }

    /* footer */
    div#footwrapper {
      clear: both;
      border-top: 2px solid #9c9;
      text-align: center;
      padding: 5px;
    }

      div#footwrapper > * {
        margin: 0px;
      }

        div#footwrapper > * + * {
          margin: 10px;
        }

      div#footwrapper a {
        color: #015A01;
        text-decoration: none;
        border-bottom: 1px dotted #015A01;
      }

        div#footwrapper a:hover {
          border-bottom-style: solid;
        }