.menu {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; text-align:center; width:693px; height:auto; position:relative; font-size:10px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:18px; text-align:center; color:#5d7da5; background:#f4f6f9; line-height:20px; font-size:10px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */

.menu ul li:hover ul {display:block; position:absolute; top:18px; left:0; width:120px;}
.menu ul li:hover ul li a.hide {background:#f4f6f9; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#f4f6f9; color:#0c3c78;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#0c3c78; color:#f4f6f9; width: 160px; border-right:1px solid #5d7da5; border-bottom:1px solid #5d7da5;}
.menu ul li:hover ul li a:hover {background:#f4f6f9; color:#0c3c78; width: 160px; border-right:1px solid #5d7da5;border-bottom:1px solid #5d7da5}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-160px;}