body {
    /*width: 30em;
    margin: 0pt auto;*/
    /* text-align: center; */
    font-family: verdana, arial, bitstream-vera, sans-serif;
    font-size: 10pt;
  }

  a { color: #167272; }
  a:hover { background-color: #C7F2F1; }

  table { 
    margin: 0pt 0pt;
    text-align: left;
    font-size: 10pt;
    cellpadding: 0pt;
  }
  
  #body {
    width: 100%;
    margin: 0pt auto;
    margin-top: 0pt;
  }

  #header {
    padding-bottom: 5pt;
    margin-top: 0;
    border-bottom: thin solid #1A9494;
  }

  #banner {
  }

  #banner_h1 {
    padding-left: 5pt;
    padding-right: 5pt;
    padding-top: 3pt;
    padding-bottom: 5pt;
    margin-top: 0pt;
    margin-bottom: 0pt;
    font-weight: bold;
    font-size: 210%;
    color: #F9C649;
    background-color: #2CB3B0;
    text-align: center;
  }

  #banner_h2 {
    padding-left: 0pt;
    padding-right: 0pt;
    padding-top: 3pt;
    padding-bottom: 0pt;
    margin-top: 0pt;
    margin-bottom: 0pt;
    font-weight: bold;
    font-style: italic;
    font-size: 177%;
    color: #2CB3B0;
    text-align: center;
  }

  #logo {
    float: left;
    position: absolute;
    top: 8px;
    left: 25px;
  }

  #footer { 
    border-top: thin solid #1A9494;
    font-size: 69%;
  }

  #content { 
    margin-top: 5pt;
    margin-bottom: 7pt;
    margin-left: 12em;
    margin-right: 1em;
    text-align: justify;
  }

  h3 {
    font-size: 12pt;
    text-align: left;
    margin-top: 9pt;
    margin-bottom: 3pt;
    color: #167272;
  }

  h4 {
    font-size: 10pt;
    text-align: left;
    padding-left: 0pt;
    margin-top: 6pt;
    margin-bottom: 3pt;
    margin-left: 0pt;
    color: #167272;
  }

  h5 {
    margin-top: 4pt;
    margin-bottom: 2pt;
    font-style: italic;
    color: #167272;
  }

  p {
    margin-top: 5pt;
    margin-bottom: 2pt;
  }

  ul {
    margin: 1pt 0pt;
    padding-left: 1em;
  }

  ol {
    margin: 1pt 0pt;
    padding-left: 1.5em;
  }

/*  .bar {
    clear: both;
    padding: 5pt;
    text-align: right;
  }*/

  .left, .right {
    padding: 0pt 1em;
  }

  .left {
    float: left;
    text-align: left;
  }

  .right {
    float: right;
    text-align: right;
  }

  /* styling the menu */

  #menu {
    float: left;
    width: 10em;
    margin: 7pt 0pt;
    padding-left: 3pt;
    padding-right: 3pt;
    border: thin dotted #B0882D;
    background-color: #F9C649;
    text-align: right;
  }

  /* #menu a { */
  .webgen-menu-vert-dd ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 10em;
  }

  .webgen-menu-vert-dd ul ul {
    z-index: 500;
    left: 100%;
    top: 0pt;
    width: auto;
    border: thin dotted #B0882D;
    background-color: #F9C649;
    text-align: left;
    position: absolute;
  }

  .webgen-menu-vert-dd a {
    text-decoration: none;
    font-weight: bold;
    color: black;
    background-color: inherit;
    display: block;
    margin: 0pt;
    padding: 3pt 3pt;
  }

  /* #menu a:hover { */
  .webgen-menu-vert-dd a:hover {
    background-color: black;
    color: #F9C649;
  }

  /* #menu ul {
    margin: 3pt 0pt;
    padding-left: 0;
  } */

  /* #menu li { */
  .webgen-menu-vert-dd li {
    font-size: 80%;
    margin: 1pt 0pt;
    padding: 2pt 2pt;
    list-style-type: none;
    position: relative;
    }

  .webgen-menu-vert-dd ul ul {
    display: none;
  }

  .webgen-menu-vert-dd ul li:hover > ul > ul {
    display: none;
  }

  .webgen-menu-vert-dd ul li:hover > ul {
    display: block;
  }

  /* #menu li.webgen-menu-item-selected { */
  .webgen-menu-item-selected {
    background-color: #2CB3B0;
  }