.inner {position:relative; margin:0 auto; width: 100%;}

.menu { position:relative; z-index:2; height: 30px; }
.menu a { text-decoration:none; }
.menu a:hover { text-decoration:none; }
.menu .inner {}
.menu .inner ul { list-style-type:none; }
.menu .inner ul li { float: left; padding: 0 0 0 2px; font-family: Arial, Helvetica, sans-serif; }
.menu .inner ul li a { font-size: 15px; line-height: 16px; font-weight: bold; color: #FFFFFF; padding: 7px 10px 7px 10px; display: block; float: left;}
.menu .inner ul li a span { width: 82px; display: block; cursor: pointer; }
.menu .inner ul li a:hover { background: url(hbg.gif) scroll 0px -35px; }

.menu ul li { position:relative }
.menu ul li ul { position:absolute; left:0; top:30px; display:none; z-index:3; background:#CCCCCC; border:1px solid #CCCCCC; border-top:0; width:186px }
.menu .inner ul li ul li { margin-top:1px; background:none; padding:0 }
.menu .inner ul li ul li a { background:none; background-color: #EFEFEF; width:170px; font-size: 12px; line-height: 12px; font-weight: normal; color: #333; padding: 6px 8px 6px 8px; }
.menu .inner ul li ul li a:hover { background:none; background-color: #FFF; text-decoration: underline }

/*div.menu ul ul {display:none;}
div.menu ul li:hover ul {display:block;}*/