#menubar, #menubar ul {display: block}
#menubar li {padding-left: 0; margin-left: 0; list-style: none}

#menubar {display: block;
	  height: 17px;
	  padding: 0px;
	  text-align: left;
	  color: black;
	  background-color: rgb(180,180,180);
	  font-size: 8pt;
	  font-weight: normal;
	  width: 750px;
	  margin: 0 auto;
	  border-right: solid white 1px
  		}

#menubar li {display: inline}

/*
#menubar ul li {display: block}
*/

#menubar a {height: 17px;
       	    position: relative;
	    top: 1px;
	    padding: 0px 5px 3px 6px;
	    text-decoration: none;
	    color: black;
	    border-left: solid white 1px;
    		}
		
#menubar ul a {border-left: none; margin: 0px; position: static; top: auto; padding: 2px 0 0 7px; display: block; height: 1.6em}

#menubar ul {position: absolute;
       top: 17px;
       left: 0px;
       width: 150px;
       border: solid white 1px;
       margin: 0;
       padding: 4px 0;
       background-color: rgb(180,180,180);
       visibility: hidden;
       -moz-border-radius-topright: 8px;
       -moz-border-radius-bottomright: 10px;
       -moz-border-radius-bottomleft: 8px;
       }

#menubar hr {margin: 1px 0}

/* Amazingly, this is all that would be required to get the entire menu system to work in real browsers.

#menubar li:hover > ul {visibility: visible}

Just not in IE.
*/
	
#menubar ul ul {left: 150px; top: -1px}
#menubar ul .sub_hint {display: block; float: right}

#menubar li {position: relative; z-index: 11;}

#menubar ul a:hover,
#menubar ul a:focus {color: white; background-color: rgb(75,75,75)}

#menubar a.selected {color: white; background-color: rgb(127, 127, 127)}

#menubar img {vertical-align: middle}

/* IE Overrides exploit IE selector matching bug */

* HTML #menubar ul a {margin-left: 0px !important; border: none !important}