/* common styling */
.menu { float:left; width:135px; font-family: Arial; font-size:12px; background:#C9C9C9; }
.menu ul { padding:0;margin:0;list-style-type:none; }
.menu ul li { float:left; position:relative; }
.menu ul li a, .menu ul li a:visited { 
float:left; display:block; text-decoration:none; color:#000000; padding:0px 23px; line-height:21px; height:23px;;
}
.menu ul li:hover {width:auto;}
.menu ul li a:hover {background:#C9C9C9; color:#000000;}
.menu ul li:hover a {background:#C9C9C9; color:#676767;}
.menu ul li ul { display: none; }
.menu table { margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0; }

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block; position:absolute;top:22px; background:#C9C9C9; margin-top:1px; left:0; width:125px;}
.menu ul li:hover ul.scroller { height:138px; width:125px; overflow:auto;}
.menu ul li:hover ul li a { display:block; text-align:left; background:#C9C9C9; color:#000000;height:auto;line-height:15px;padding:4px 5px; width:125px; }
.menu ul li:hover ul li a:hover { color:#C9C9C9; background: #545454; }

/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul { display:block; position:absolute; top:22px; t\op:22px; background:#C9C9C9;left:0; marg\in-top:1px; }
.menu ul li a:hover ul.scroller { height:138px; overflow:auto;} 
.menu ul li a:hover ul li a { display:block; color:#000000; text-align:left; height:1px; line-height:15px; padding:4px 5px; width:125px; w\idth:125px; }
.menu ul li a:hover ul li a:hover { color:#C9C9C9; background: #545454; }