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

#menubar {display: block;
	  height: 17px;
	  padding: 0px;
	  text-align: left;
	  color: black;
	  background-color: rgb(228,96,48);
	  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: white;
	    border-left: solid white 1px;
    		}
		
#menubar ul a {
	border-left: none;
	margin: 0px;
	position: static;
	padding: 2px 0 0 7px;
	display: block;
	height: 15px;
	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(228,142,116);
       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}

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

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

#menubar img {float: left; position: relative; top: -1px; margin-bottom: -5px}
#menubar ul img {float: left; position: relative; top: -2px; left: -7px; margin-bottom: -5px}

/* IE Overrides exploit IE selector matching bug */

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