/* common styling */
.menu { width:215px; margin:0; display: block; font-size: 10px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#626262; width:193px; text-align:left; background:#ffffff; padding: 2px 5px 2px 7px; background: url(../images/nav_icon.gif) no-repeat  right 6px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; border-bottom: dashed 1px #DFDFDF;}
.menu ul li.curr {background-color: #DBDBDB; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover {color:#626262; background:#DBDBDB;}
.menu ul li:hover ul {display:block;position:absolute;top:0;left:205px;width:255px;background:#ffffff;padding:4px 2px 10px 1px;border: solid 1px #DFDFDF}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#626262;}
.menu ul li:hover ul li.curr {background-color: #DBDBDB; }
.menu ul li:hover ul li:hover a.hide {width:185px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  color:#626262; width:235px;padding-top:3px;padding-bottom:3px; background: none;}
.menu ul li:hover ul li a:hover {background:#DBDBDB; color:#626262;}
.menu ul li:hover ul li:hover a { background: none;}