.dropdown {position:relative; max-width:100%; line-height:22px; padding-bottom:2px; }

/* remove all the bullets, borders and padding from the default list styling */
.dropdown ul {padding:0;margin:0;list-style-type:none;font-size:11px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown dropdown positon */
.dropdown li {float:left;position:relative;}
/* style the links for the top level */
.dropdown a, .dropdown a:visited {display:block;text-decoration:none; color:#35434e; float:left; padding:0px; padding-left:12px; padding-right:12px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropdown ul ul {width:11em !important;left:-10px;padding:1px 50px 10px 10px;visibility:hidden;position:absolute;top:21px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropdown table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.dropdown ul ul a, .dropdown ul ul a:visited {color:#65737e; height:auto; line-height:1em; padding:5px 5px; width:150px;}

/* style the second level background */
.menu ul ul a.inside, .menu ul ul a.inside:visited {background-color:#CCCCCC;border-top:1px solid #BABABA;opacity:0.90;}

/* style the second level hover */
.menu a:hover, .menu ul ul a:hover {background:#0099FF;color:#FFFFFF;}
.menu ul ul :hover > a.inside {background:#0099FF;color:#FFFFFF;}


/* style the top level hover */
.dropdown :hover > a, .dropdown ul ul :hover > a {color:#fff;background:#0099FF;}

/* make the second level visible when hover on first level list OR link */
.dropdown ul li:hover ul, .dropdown ul a:hover ul{visibility:visible; }