/* Side menu */

#menu {
  width: 220px;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu li {
  border-bottom: 1px solid #ED9F9F;
}

#menu li a:link, #menu li a:visited  {
  font-size: 90%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  border-left: 12px solid #66CC00;
  border-right: 1px solid #66CC00;
  background-color: #CCFF99;
  color: black;
  text-decoration: none;
}

#menu li a:hover {
  background-color: #66CC00;
  color: #FFFFFF;
}

* html #menu li a {
  width: 100%;
}
/*
#menu
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 14em;
color: gray; }

#menu li
{
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
}

#menu li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#menu li a:link { color: #000; }
#menu li a:visited { color: #006; }

#menu li a:hover
{
font-weight:bold;
color: #000080;
background: #b1d5ed;
border-left: 3px #004080 solid;
}
*/
/* top nav */

#topnav {
  font-size: 90%;
}

#topnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 1em;
  padding-bottom:1em; 
}

#topnav li {
  display: inline;
}

#topnav a:link, #topnav a:visited {
  padding: 0.4em 1em 0.4em 1em;
  color: black;
  background-color: #CCFF99;
  text-decoration: none;
}

#topnav a:hover {
  color: #FFFFFF;
  background-color: #66CC00;
}

* html #topnav a {
  width: 100%;
}