/* common styling */
.menu {
font-family: verdana, arial, sans-serif; font-size:11px; 
margin:0px 0 20px 160px; /* for this demo only */ 
}
.menu ul {
padding:0; list-style-type:none;

}
.menu ul li {
float:left; position:relative;
}
.menu ul li.group {display:block; text-indent:10px; background:#666; color:#fff; width:200px; padding:4px 0;}

.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none;font-weight: bold; border:1px solid #fff; padding:0px 16px; line-height:25px; height:30px;
}

.menu ul li:hover {width:auto;}

.menu ul li a:hover {background:#0e4d92 url(../images/suba.gif); color:#c00;}

.menu ul li:hover a {background:#0e4d92 url(../images/suba.gif); color:#fff;}

.current {background:#0e4d92 url(../images/suba.gif); color:#fff;}

.menu ul li ul {
display: none;
}
.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block; position:absolute;top:29px; background:#0e4d92; margin-top:1px; left:0; width:200px;
}

.menu ul li:hover ul.scroller {
height:138px; width:220px; overflow:auto;}

.menu ul li:hover ul.endstop {
left:-90px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; background:#0e4d92; color:#fff; font-family: verdana, arial, sans-serif;font-weight: bold; height:auto; font-size:11px; line-height:15px; 
padding: 16px; width:168px;
}
.menu ul li:hover ul li a.drop {
background:#418fd0;
}
.menu ul li:hover ul li a:hover {
color:#fff; background: #418fd0;
}
.menu ul li:hover ul li a:hover.drop {
background: #418fd0; color:#fff;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:201px; top:-70px; color:#000; left:200px; height:138px; width:220px; overflow:auto; background:#418fd0;
}
.menu ul li:hover ul li:hover ul li a {background:#418fd0;}
.menu ul li:hover ul li:hover ul li.group {width:200px; padding:5px 0;}


.menu ul li:hover ul li:hover ul.left {
left:-220px;
}
.menu ul li:hover ul li:hover ul li a:hover {background:#666; color:#0ff;}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;position:absolute;top:30px; t\op:29px; background:#0e4d92;left:0; marg\in-top:1px;
}
.menu ul li a:hover ul.scroller {
height:138px; overflow:auto;}

.menu ul li a:hover ul.endstop {
left: -90px;
}
.menu ul li a:hover ul li a {
display:block; color:#fff; height:1px; line-height:15px; padding:4px 16px; width:200px; w\idth:168px;
}
.menu ul li a:hover ul li a.drop {
background:#418fd0; padding-bottom:5px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#fff; background: #418fd0;
}
.menu ul li a:hover ul li a:hover.drop {
 background: #418fd0; color:#fff;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:-69px; t\op:-70px; color:#000; left:200px; height:138px; width:170px; overflow:auto; background:#418fd0;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#666; color:#0ff;}


<!--[if lte IE 7]>

/* not validating css */
.menu
{
  scrollbar-face-color:#ddd;
  scrollbar-arrow-color:#000;
  scrollbar-track-color:#0e4d92;
  scrollbar-shadow-color:#ddd;
  scrollbar-highlight-color:#eee;
  scrollbar-3dlight-color:#eee;
  scrollbar-darkshadow-Color:#ddd;
}

<![endif]-->





.left {clear:both;}