@font-face {
      font-family: Whitehall;
      src:
        url('../fonts/Whitehall.woff') format('woff'),
        url('../fonts/Whitehall.ttf') format('truetype');
    }

    @font-face {
      font-family: ErasMedium;
      src:
        url('../fonts/ITCErasStd-Medium.woff') format('woff'),
        url('../fonts/ITCErasStd-Medium.ttf') format('truetype');
    }


    body {
      margin: 0;
      font-family: Verdana, Geneva, sans-serif;
      line-height: 1.6em;
    }

    #main {
      width: 1200px;
      height: 100%;
      margin: 90px auto 0 auto;
      padding: 1em;
    }

    /* pertaining header  ------------------------------------ */

    header, #main::before {
      height: 60px;
    }
    header {
      position: fixed;
      top: 0;
      width: 100%;
      margin: auto;
      background: linear-gradient(180deg, #91C1CC, #468795);
      border-bottom: 1px solid black;
    }
    header div {
      width: 1200px;
      margin: 0 auto;
      padding: 0;
    }
    header div p {
      margin-top: 16px;
      margin-left: 1000px;
      font-family: Whitehall, Verdana, Geneva, sans-serif;
      font-size: 2.5em;
      color: white;
    }

    /* pertaining footer ------------------------------------ */

    #container::after {
      content: "";
      display: block;
    }
    footer, #main:after {
      height: 40px;
    }
    footer {
      position: fixed;
      bottom: 0;
      width: 100%;
      margin: auto;
      background: linear-gradient(0, #91C1CC, #468795);
      border-top: 1px solid black;
    }
    footer div {
      width: 1200px;
      margin: auto;
      padding: 1em;
      color: white;
    }
    #departments {
      float: left;
      margin: -8px 0 0 -14px;
      padding: 0 1em;
      font-size: 85%;
    }

    #departments a {
      margin-right: 0.5em;
      padding: 3px 12px;
      border: 2px solid white;
      border-radius: 12px;
    }
    #departments a:link, #departments a:visited {
      text-decoration: none;
      color: white;
    }

    #moddate {
      float: right;
      margin: -8px -14px 0 0;
      padding: 0 1em;
      font-size: 85%;
    }


    h1, h2, h3, h4 {
      font-family: ErasMedium, Verdana, Geneva, sans-serif;
      color: #468795;
    }

    #belowmenu * a {
      /*
      background-color: rgba(241, 238, 136, 1.0);
      background: linear-gradient(0deg, rgba(241, 238, 136,1) 0%, rgba(241, 238, 136,0) 16%, rgba(241, 238, 136,1) 16%, rgba(241, 238, 136,1) 41%, rgba(241, 238, 136,0) 41%);
      */

      background: linear-gradient(0, rgba(249,255,157,1) 0%, rgba(249,255,157,1) 47%, rgba(249,255,157,0) 48%, rgba(249,255,157,0) 100%);
    }