div.menu {
	margin-left: auto;
	margin-right: auto;
}
/* common styling */
.menu {font-family: arial, sans-serif; width:684px; position:relative; margin:0; font-size:11px; margin:0; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:113px; height:20px; text-align:center; color:#218FB2; border:1px solid #c0c0c0; background:#fff; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style-type: none; }
.menu ul li {float:left; margin-right:-1px; margin-bottom:-1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#218FB2;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:113px;}
.menu ul li:hover ul li a.hide {background:#218FB2; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#fff; color:#218FB2;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff; color:#218FB2;}
.menu ul li:hover ul li a:hover {background:#218FB2; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:113px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-113px;}