div#navbar {
  height: 30px;
  width: 100%;
  border-top: solid #000 0px;
  border-bottom: solid yellow 1px;
  background-color: #6d8777;
}
div#navbar ul {
  margin: 0px;
  padding: 0px;
  color: #FFF;
  line-height: 30px;
  white-space: nowrap;
}
div#navbar li {
  list-style-type: none;
  display: inline;
}
div#navbar li a {
  text-decoration: none;
  padding: 7px 10px;
  color: #6eff5b;
}
div#navbar li a:link {
  color: grey:
}
div#navbar li a:visited {
  color: #CCC;
}
div#navbar li a:hover {
  font-weight: bold;
  color: #FFF;
  background-color: green;
}
div#navbar li a#current {
color: cyan;
background-color: #6d8777;
border-top: solid yellow 1px;
border-left: solid yellow 1px;
border-right: solid yellow 1px;
border-bottom: solid #6d8777 1px;
}
body {
background-color: #6d8777;
color: white;
}
h1#head {
background-color: #336699;
color: white;
}
li.notes {
color: green;
}