#menubar { background:#EE9B00 url(/logos/menufade.jpg) repeat-y; margin:0; padding:0.3em 0 0.1em 0.2em;
           position:relative; z-index:400; clear:both; height:1.2em;
	   border:solid #EE9B00; border-top:solid black; border-width:1px 0px 3px 0px;}
#nav { padding:0; margin:0; list-style:none; color: #eec477; }
#nav li { float:left; position: relative;
     font-size:10pt; list-style:none; font-family:Arial,sans-serif; text-transform:uppercase; 
     background:black; /*color: #EE9B00;*/
     padding:0 0.7em 0 0.3em;
     margin-top:0; 
     width:7em;
     width/**/:/**/auto;  /* this is hidden from IE5 Mac */
     text-indent:0 }
#nav a { font-weight:bold; color:#EEC477; text-decoration:none; }
#nav li li a {display: block; color:black; font-weight:normal; font-size:80%; text-transform:none;
              padding:4px 10px; margin:0; }
#nav li li a:hover { color:white; }
#nav li ul { display: none; position: absolute;
        background:#EE9B00; 
	border:solid black 1px;
        top:0.9em; left:6em;
	top/**/:/**/1.1em;   /* this is hidden from IE5 Mac */
	left:/**/0em;
	width:7em; 
	padding:0.2em 0 0 0;
	z-index:500; }
#nav li>ul { /* to override top and left in browsers other than IE, which will position
           to the top right of the containing li, rather than bottom left */
        /*top: auto; left: auto;*/ }
#nav li li { display:block; float:none; background-color:#EE9B00;
        border-top:solid black 1px; 
        padding:0px; margin-top:-3px; width:7em; }
#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
        display: block;
	left:auto /* for Opera */
	}

