#menubar, #menubar ul {display: block; list-style: none;}
#menubar li {padding: 0; margin: 0; list-style: none; list-style-image: 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;
	  position: relative;
	  border-right: solid white 1px;
	  z-index: 100;
  		}

#menubar li {display: block; position: absolute;}

#menubar ul li {position: relative}

#menubar a {height: 17px;
       	    position: absolute;
	    display: block;
	    text-align: center;
	    top: 1px;
	    width: 100%;
	    left: 0%;
	    text-decoration: none;
	    color: black;
	    border-left: solid white 1px;
    		}
		
#menubar ul a {
	border-left: none;
	margin: 0px;
	position: static;
	padding: 2px 0 0 7px;
	display: block;
	height: 1.6em;
	text-align: left;
	width: auto;
}

#menubar ul {position: absolute;
       top: 17px;
       left: 0px;
       width: 99%;
       border: solid white 1px;
       margin: 0;
       padding: 0;
       background-color: rgb(180,180,180);
       visibility: hidden;
       }

#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: 100%; top: -1px}
#menubar ul .sub_hint {display: block; float: right;}

/* IE6 needs to be told where to use a font that can represent unicode characters */
* html ul .sub_hint {
 font-family: 'Arial Unicode MS', sans-serif
}

#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}