#nav { text-align:center; display:block; height:35px; position:relative; z-index:100; font-size:14px; font-weight:bold; line-height:14px; background:red; width:100%; background:#234777 url(../images/nav-bg.png) left top repeat-x; }
#nav ul { display:inline-block; display:-moz-inline-block; margin:0 auto; padding:0; line-height:35px; padding:0 15px; text-align:left; width2:59em; overflow:visible; height:35px; }
#nav li { float:left; list-style:none; margin:0 -1px 0 0; padding:0; position:relative; background:url(../images/nav1-li-bg.png) left center no-repeat; }
#nav li a { display:block; color:#FFF; text-decoration:none; background:url(../images/nav1-li-bg.png) right center no-repeat; padding:0 1em; white-space:nowrap; }



#nav li ul { width:auto; height:auto; float:left; display:none; position:absolute; top:100%; left:0; font-size:12px; line-height:12px; font-weight:normal; background:#BBB; min-width:100%; padding:0 1px 1px; }
#nav li li { float:none; background:#369; background:none; margin:0; }
#nav li li a { background:#369; padding:4px 10px; }
#nav li li a:hover { background:#BBB; color:#000; }
#nav li:hover ul { display:block; }

#nav li ul {
opacity: .8; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=80); /* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* FF lt 1.5, Netscape */
}