/* it could have been this simple if all browsers understood */
/* show next level */
#navigation li:hover li:hover > ul {left:-15px; margin-left:100%; top:-10px; border:1px solid #fff; border-color:#fff #fff #fff #fff;}
/* keep further levels hidden */
#navigation li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navigation li:hover li:hover > a {text-decoration:none; font-weight:normal;}

#navigation :hover ul li {float:none; background:transparent;}
#navigation a:hover ul li {float:left;}
#navigation :hover ul li a {display:block; font-size:12px; height:18px; line-height:18px; width:auto; padding:0 10px; color:#000;  background:url(trans.gif); text-decoration:none; text-align:left;}

/* show next level */
#navigation a:hover a:hover ul,
#navigation a:hover a:hover a:hover ul
{left:100%; top:-10px; border:1px solid #fff; border-color:#fff #fff #fff #fff;}


#nav {padding:0; margin:0; font-family: verdana, sans-serif; text-indent:0; }
#nav a:hover {text-decoration:none;}
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:11px; color:#000; height:35px; line-height:35px; padding-left:0px; cursor:pointer; width:160px; background: #fff; border:1px solid #fff; border-color:#fff #fff #fff #fff; }
#nav dt b {background:url(arrow.gif) no-repeat left center; background: #ccc; border:1px solid #fff; border-color:#fff #fff #fff #fff;}
#nav dt a {color:#000; text-decoration:none;}
#nav dd {padding:0; margin:0;}
#nav dd ul {padding:0; margin:0; list-style:none;}
#nav dd ul li {padding-left:20px;}
#nav dd ul li a {font-size:11px; color:#000; text-decoration:none;}

a img { border: 0; }