/* common styling */
.menu {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; background-color:#000027;}
.menu ul {padding:0 ;margin:0; list-style-type:none; font-family:verdana, arial, sans-serif; font-size:11px;}
.menu ul li {float:left; position:relative; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none;color:#fff; padding:0px 12px; line-height:24px; height:100%; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li:hover {width:auto; color:#f90; font-family: verdana, arial, sans-serif; font-size:11px; }
.menu ul li a:hover {border-color:#000027; color:#f90; font-family: verdana, arial, sans-serif; font-size:11px; height:100%;}
.menu ul li:hover a {border-color:#000027; color:#f90; font-family: verdana, arial, sans-serif; font-size:11px; height:100%;}
.menu ul li ul {display: none;}
.menu table {margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0; font-family: verdana, arial, sans-serif; font-size:11px;}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block; position:absolute; top:24px; margin-top:0px; left:0; width:200px;border-bottom:1px solid #000027; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li:hover ul.endstop {left:-85px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {
display:block; background:#666; color:#fff; line-height:15px; padding:4px 10px; width:178px; border:1px solid #000027; border-bottom:0; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li:hover ul li a:hover {
display:block; background:#999; color:#fff; line-height:15px; padding:4px 10px; width:178px; border:1px solid #000027; border-bottom:0; font-family: verdana, arial, sans-serif; font-size:11px;}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block; position:absolute; top:24px; t\op:24px; background:#fff; left:0; border-bottom:1px solid #000027; font-family: verdana, arial, sans-serif; font-size:11px;}

.menu ul li a:hover ul.endstop {left:-85px;}
.menu ul li a:hover ul li a {
display:block; background:#666; color:#fff; height:100%; line-height: 15px; padding:4px 10px; width:200px; w\idth:178px; border:1px solid #000027; border-bottom:0; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; line-height:15px; height:100%; width:0; font-family: verdana, arial, sans-serif; font-size:11px;}
.menu ul li a:hover ul li a:hover {color:#fff; background-color: #999; font-family: verdana, arial, sans-serif; font-size:11px; line-height:15px; height:100%;}