/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:195px; height:217px; position:relative; margin:0; 
font-size:11px; font-weight: bold;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#00008B; width:185px; height:30px; 
 border:2px solid #00008B; border-width:0 0 1px 0; background:transparent  url(../../opacity/opaque.png); 
 line-height:29px; font-size:11px; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {font-weight: normal; color:#00008B; background:#999;}
.menu ul li:hover ul {display:block; position:absolute; top:0; right:195px; width:700px; background:transparent;}
.menu ul li:hover ul li {float:right;}
.menu ul li:hover ul li a {display:block; background:transparent  url(../images/opaque.png); color:#00008B; 
 width:130px; float:left;}
.menu ul li:hover ul li a:hover {background:#ccc; color:#00008B;}