/* common styling */
.links { text-align:center; }
.menu { padding:0px; margin:0px; }
.menu ul li a, .menu ul li a:visited { display:block; text-decoration:none; height:20px; line-height:20px; overflow:hidden; }
.menu ul { padding:0; margin:0; list-style-type: none; text-align:center; }
.menu ul li { z-index:100; padding:0; margin:0; height:25px; padding-top:5px; float:left; margin-right:1px; position:relative; padding-left:11px; padding-right:11px; text-align:center; }
.menu ul li ul { display: none; margin-left:2px; }

/* specific to non IE browsers */
.links ul li:hover ul li {background-image:none; padding:0px; margin:0px; width:100%;}
.menu ul li:hover a {}
.menu ul li:hover ul {display:block; position:absolute; top:26px; left:0; background-color:#afaeae; width:100%; }
.menu ul li ul li { }
.menu ul li:hover ul li a.hide {}
.menu ul li:hover ul li:hover a.hide {background:#C1C1C1; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#C1C1C1; color:white;}
.menu ul li:hover ul li a:hover { color:black; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li:hover ul li {padding:0; margin:-2px;}