/* common styling */
.menu {font-family: Verdana, arial, sans-serif; width:600px; position:absolute; font-size:1.2em; margin: 0px; z-index:100; float: left; display: inline; top: 55px; margin-left: 10px;}
.menu ul li a, .menu ul li a:visited {display:inline; text-decoration:none; color:#000; height:20px; text-align: left; color:#fff; font-size:1em; padding-bottom: 2px; /*padding-right: 10px; padding-left: 10px;*/ float: left; padding-left: 9px; padding-right: 10px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none; font-size: 9pt; font-size:8pt;}
.menu ul li:hover ul  {background-color: Green;}
.menu ul li ul a .MenuSpacer {background-color: Red;}


/* specific to non IE browsers */



.menu ul li:hover ul {display:block; position:absolute; top:24px; left:0;  padding: 5px 0 0 0px; background-color: White;}
.menu ul li:hover ul li a {display:block; color: gray; background-color: White; padding-bottom: 0px; width: 125px; height: 17px; border: none;}
.menu ul li:hover ul li:hover a {color: Red; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:135px; top:-5px;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul a {display:block; color: gray; width: 145px;}
.menu ul li:hover ul li:hover ul a:hover {color: Red;}

.menu ul li:hover ul li a.MenuSpacer {border-bottom: solid 1px gray; margin-bottom: 10px;}