#navigation {clear:both; width:1000px; padding:0; margin:0 auto; list-style:none; height:25px; position:relative; z-index:500; font-size:12px; font-family: arial, verdana, sans-serif; 
background: -webkit-gradient(linear, left top, left bottom, from(#fbcd9c), to(#f29c40)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fbcd9c,  #f29c40); /* for firefox 3.6+ */}
#navigation li {float:left; margin-right:0px;}
#navigation li a.top {display:block; float:left; height:25px; line-height:25px; color:#333; text-decoration:none; font-weight:bold; text-align:center; padding:0 0 0 0px; cursor:pointer;
 border-right:1px solid #FFFFFF;
}
#navigation li a b {float:left; display:block; padding:0 12px 0 12px; color:#333; width:174px;}
#navigation li.current a {color:#000;}
#navigation li.current a b {color:#000; }
#navigation li a.top:hover {color:#000; }
#navigation li a.top:hover b {color:#000;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#c8d3d7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fa), to(#c8d3d7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f7f9fa,  #c8d3d7); /* for firefox 3.6+ */ }
#navigation li.current a.top:hover {color:#000; cursor:default;}
#navigation li.current a.top:hover b {color:#000;}

#navigation table {border-collapse:collapse; margin-right:-10px;}

#navigation ul {position:absolute; left:-9999px; top:-9999px; padding:0; margin:0; list-style:none; padding:10px 0; white-space:nowrap; height:auto; width:auto; z-index:300; text-align:left;}

#navigation li:hover {position:relative; z-index:300;}
#navigation a:hover {position:relative; z-index:300; background: transparent; font-weight:normal;}

#navigation :hover ul {left:0; top:26px; white-space:nowrap; border:1px solid #fff; border-width:0 1px 1px;  width:110px; }
#navigation :hover ul li a:hover {}

/* 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 #ccc #aaa #eee;}
/* keep further levels hidden */
#navigation li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navigation li ul{ width:140px; height:20px; margin:0px; padding:0px; }
#navigation li ul li{ width:140px; height:20px;    }

#navigation li:hover li:hover > a {font-weight:normal; }
#navigation li:hover li > a {font-weight:normal;  }
#navigation :hover ul li {float:none; background:transparent;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f9fa', endColorstr='#c8d3d7'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fa), to(#c8d3d7)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #f7f9fa,  #c8d3d7); /* for firefox 3.6+ */ width:174px;}
#navigation a:hover ul li {float:left;}
#navigation :hover ul li a {display:block; font-size:12px; height:18px; line-height:18px; width:110px; padding:0 10px; color:#000; 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 #ccc #aaa #eee;}

/* keep further levels hidden */
#navigation a:hover ul ul,
#navigation a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}