body {
        max-width: 75em;
        margin: 0px 0.5em 0px 0.5em;
        background-color : #DDFFDD;
        font: normal 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #000066;
        }

h2 { color: #006600; }
h3 { color: #006600; }

body iframe {width: 100%;
        height: 45em;
        }

header {position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        padding-bottom: 0;
        height: 120px;
        }

.position {
        display: block;
        height: 0px;
        position: relative;
        top: 0px;
        visibility: hidden;
        }

.iTop { width: 100%;
        height: 120px;
        }

a:LINK  {color: #333333;
        font: bold 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
a:VISITED {color: #333333;
        font: bold 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
a:FOCUS {color: #339933;
        font: bold 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        }
a:HOVER {color: #339933;
        font: bold 10pt Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
        }

nav > ul {
  list-style:none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

nav li {
  margin: 0.3em;
  padding: 0;
  font-size: 1.5rem;
  flex: 1 1 0%;
}

@media screen and (max-width: 60em) {
  nav li {
    display: block;
    width: 50%;
  }
}
@media only screen and (max-width : 30em) {
  nav li {
    width: 92%;
  }
}
@media (min-width: 45em) {
  nav > ul {
    flex-direction: row;
  }
  nav li {
    flex: 1;
        font-size: 1em;
  }
}

nav a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 1px solid darkblue;
  border-radius: 7px;
  box-shadow: 0 5px 10px white inset;
  background-color: #66DD66;
  color: gold;
  transition: all .25s ease-in;
}

nav li[aria-current] a {
  background-color: ##66DD66;
  color: black;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
  background-color: gold;
  color: black;
}

/* submenu navigation links */
nav .submenu {
  visibility: hidden;
  height: 0;
  z-index: 1000;
}
nav .submenu li {
  display: block;
  width: 8em;
}
nav .submenu a {
  background-color: #BBDD76;
  }
 nav .submenu a:focus { background-color: gold; }

 nav .submenu a:hover { background-color: gold; }


/** Show the submenu on hover, focus **/
nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu,
nav li:focus-within .submenu {
  visibility: visible;
  height: auto;
}