#menubar { background-color: #f0fff0; text-align: left; width: 100%; height: 2em; clear: both; margin: 0; padding: 0; border-bottom: 1px solid #2f4f4f; }
#menubar ul { font-size: 0.7em; line-height: normal; width: auto; height: 2em; margin: 0; padding : 0; list-style : none; }
#menubar li { font-weight: bold; float: left; margin: 0; padding: 0.8em; border: solid 1px #f0fff0; }
#menubar li.basic { background-color: #f0fff0; }
#menubar li.basic-over { background-color: #9acd32; }
#menubar li.basic a:link { color: #2f4f4f; text-decoration: none; }
#menubar li.basic a:visited { color: #2f4f4f; text-decoration: none; }
#menubar li.basic a:hover { color: #2f4f4f; text-decoration: underline; }
#menubar li.basic-over a:link { color: #2f4f4f; text-decoration: none; }
#menubar li.basic-over a:visited { color: #2f4f4f; text-decoration: none; }
#menubar li.basic-over a:hover { color: #2f4f4f; text-decoration: underline; }
#menubar li.active { background-color: #9acd32; }
#menubar li.active a:link { color: white; text-decoration: none; }
#menubar li.active a:visited { color: white; text-decoration: none; }
#menubar li.active a:hover { color: #2f4f4f; text-decoration: underline; }