#menuarea /*The menubar background only (gray=#e5e6e6) 35 high*/{ background-color: #e5e6e6; position: absolute; top: 148px; left: 9px; right: 22px; height: 40px; z-index: 40; }
#navlist /*not used now: I added this: places the gray bar*/{ color: #a9a9a9; font-size: 15px; font-weight: bold; text-align: center; position: absolute; top: 145px; left: 9px; right: 22px; height: 35px; z-index: 300; padding-top: 8px; }
#navcontainer { color: #a9a9a9; text-align: center; padding-top: 7px; position: absolute; z-index: 300; top: 155px; right: 22px; left: 9px; }
ul#navlist { font-size: 15px; font-weight: bold; }
/*ul#navlist { font-weight: normal; margin: 50px 65px 5px 9px; }*/
ul#navlist a { font-weight: normal; text-decoration: none; }
ul#navlist, ul#navlist ul, ul#navlist li
/*does not seem to do anything*/{ margin-top: 0; margin-right: 0; margin-left: 0; padding-right: 0; padding-bottom: 1px; padding-left: 0; list-style-type: none; }
ul#navlist li { float: left; }
ul#navlist li a /*padding for items goes here*/{ color: #266a3c; font-weight: normal; text-decoration: none; }
ul#navlist li a:visited
{ color: #1a2e4f; text-decoration: none; }
ul#navlist li a:hover { color: #7f0000; text-decoration: underline; }
ul#navlist li a:active
{  }
ul#subnavlist { text-decoration: none; text-align: left; display: none; }
ul#subnavlist li { text-decoration: none; float: none; }
ul#subnavlist li a { font-size: 13px; text-decoration: none; margin: 0; padding: 0; }
ul#navlist li:hover ul#subnavlist
/*indents the submenus*/{ background-color: #e5e6e6; text-decoration: none; display: block; position: absolute; width: 100px; padding-left: 6px; }
ul#navlist li:hover ul#subnavlist li a
{ text-decoration: none; display: block; }
ul#navlist li:hover ul#subnavlist li a:before { text-decoration: none; content: ""; }