.menu {font-family: verdana, arial, sans-serif; width:750px; font-size: 10px ; z-index:10; height:23px; background-image:url(../images/menubox-bg.gif); background-position:left top; background-repeat:no-repeat; margin:0px; padding:0px;}
.menu ul li a {display:block; text-decoration:none; color:#000000; height:23px; text-align:center; background-image: url(../images/menu-bg.gif); background-repeat: no-repeat; line-height:23px; overflow:hidden; width:125px;}


.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li { float: left; position: relative; z-index:501;}
.menu ul li ul { display: none; width:125px;}



/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF; background-image: url(../images/menu-bg-over.gif); background-repeat: no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0; width:125px;}
.menu ul li:hover ul li a.hide {color:#FFFFFF; border-top:solid #494931 1px; background-color:#494931;}
.menu ul li:hover ul li a:hover.hide {background-color:#494931; color:#FFFFFF; border-top:solid #494931 1px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background-image: url(../images/submenu-bg.jpg); background-color:#999966; color:#FFFFFF; border-top:solid #494931 1px;}
.menu ul li:hover ul li a:hover { background-image: url(../images/submenu-bg-over.jpg); background-color:#494931; background-repeat: repeat-x; color:#FFFFFF; border-top:solid #494931 1px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-125px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
text-indent:7px;
width:170px;
text-decoration: none;
text-align: left;}