html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px none;
  font-size: 10px;
}
  body {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #000000;
    background-color: #efe9d2;
    background-image: url(images/burlap-back.png);
  }
  img {
    border: 0px none;
  }

a {
  color: #2B5941;
  font-weight: bold;
  text-decoration: none;
  background-color: inherit;
}
  a:link {
    color: #2B5941;
    background-color: inherit;
  }
  a:visited {
    color: #4D8878;
    background-color: inherit;
  }
  a:hover, a:active {
    color: #cfcbaf;
    text-decoration: underline;
    background-color: inherit;
  }

div#main {
  width: 76em;
  margin: 0em auto;
  padding: 0em;
  border-right: 0.1em solid #324A44;
  border-left: 0.1em solid #324A44;
  color: #FFFFFF;
  background-color: #ec7f56;
}

div#header {
  position: relative;
  height: 26em;
  color: #000000;
  background-color: #e13f00;
  background-image: url(images/header-back.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
}
  a.logo {
    position: relative;
    margin:3.7em 0 0 0.9em;
    float: left;
    z-index: 9;
  }
    a.logo, a.logo:link, a.logo:hover, a.logo:active, a.logo:visited {
      background-color: transparent;
    }
    a.logo img {
      width: 37.2em;
      height: 21.2em;
    }
  a.intouch {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
  }
    a.intouch img {
      width: 19em;
      height: 3.7em;
    }
  div.head-title {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    z-index: 7;
  }
  div.head-text {
    color: #ffffff;
    background-color: #e13f00;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding-top: 0.4em;
    white-space: nowrap;
    overflow: hidden;
  }

div.link-menu {
  color: #ffffff;
  text-align: center;
  padding: 2em 0 4em;
  border-right: 57em solid #f2e2ad;
  background-color: #ec7f56;
} * html div.link-menu { margin-right: -3px; }
  .menu, .menuSub {
    color: #000000;
    background-color: #ec7f56;
    font-size: 1.6em;
    text-align: left;
    display: block;
  }
  .menu {
    font-variant: small-caps;
    padding: 0.3em 0em 0.3em 1em;
  }
  .menuSub {
    font-weight: normal;
    padding: 0.2em 0em 0.2em 2em;
  }
  a.menu:link, a.menu:visited, a.menuSub:link, a.menuSub:visited {
    color: #000000;
    background-color: #ec7f56;
    text-decoration: none;
  }
  a.menu:hover, a.menu:active, a.menuSub:hover, a.menuSub:active {
    color: #ffffff;
    background-color: #e13f00;
    text-decoration: underline;
  }
  a#homeMenu, a#homeMenu:link, a#homeMenu:visited {
    color: #000000;
    background-color: #ec7f56;
  }
  a#homeMenu:hover, a#homeMenu:active {
    color: #ffffff;
    background-color: #e13f00;
  }
  a#articlesMenu {
    margin: 0.5em 0em;
    padding-left: 2em;
  }
  div.folklore-menu {
    color: #000;
    background-color: inherit;
    text-align: left;
    padding: 1em;
  }
    div.folklore-menu a, div.folklore-menu a:link, div.folklore-menu a:visited, div.folklore-menu a:hover, div.folklore-menu a:active {
      color: #000;
      background-color: inherit;
      font-weight: normal;
    }
    div.folklore-menu div.folklore-links {
      text-align: right;
      padding: 0 1em;
    }
      div.folklore-menu div.folklore-links a.left {
        float: left;
      }
    div.folklore-menu hr {
      border: 0px none;
      border-bottom: 1px solid #000;
      margin: 0 2em;
      clear: left;
    }

div#content {
  width: 57em;
  color: #000000;
  background-color: #f2e2ad;
  float: right;
} * html div#content {  margin-left: 3px; margin-right: -3px; }
  div#contentText {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    text-align: left;
    padding: 0.5em 1.25em 1.25em;
  }
  input {
    width: 20em;
    text-align: center;
    border: 1px solid #428863;
    padding: 0.2em;
    margin-left: 6em;
  }
    input.checkbox, input.radio {
      width: auto;
      margin: 0.1em 0.5em;
    }
    input#submit {
      width: auto;
      margin: auto;
    }
  textarea {
    width: 100%;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    border: 1px solid #428863;
    padding: 0.2em;
  }
    textarea.taSmall {
      height: 3.5em;
    }
    textarea.taMedium {
      height: 6em;
    }
    textarea.taLarge {
      height: 23.7em;
    }
    .htmlarea {
      position: relative;
      left: -218px;
      border: 1px solid #428863 !important;
    } * html .htmlarea { left: 8px; margin-left: -218px !important; }
  div.pageList {
    font-size: 0.8em;
    text-align: center;
    color: #cfcbaf;
    background-color: inherit;
    margin-top: 0.8em;
  }
    div.pageList a { text-decoration: none; padding: 0.1em 0.4em; }
    div.pageList a:hover, div.pageList a:active { background-color: #D1E9DB; }
    a.currentPage, a.currentPage:link, a.currentPage:visited { background-color: #F1F8F4; }

div#footer {
  position: relative;
  font-size: 1.25em;
  color: #000000;
  background-color: #f2e2ad;
  text-align: left;
  padding: 0.5em;
  clear: both;
}
  div#footer .link-menu-foot {
    position: absolute;
    top: -1.7em;
    left: 0;
    width: 15.3em;
    height: 1.7em;
    background-color: transparent;
    background-image: url(images/menu-bottom);
    background-position: bottom left;
    background-repeat: no-repeat;
    z-index: 2;
  }
  div#footer .foot-right {
    float: right;
  }
  div#footer a {
    color: #2B5941;
    font-weight: normal;
    text-decoration: none;
    background-color: inherit;
  }
  div#footer a:link {
    color: #2B5941;
    background-color: inherit;
  }
  div#footer a:visited {
    color: #428863;
    background-color: inherit;
  }
  div#footer a:hover, a:active {
    color: #cfcbaf;
    text-decoration: underline;
    background-color: inherit;
  }