#navigation {clear:both; width:750px; padding:0; margin:0 auto; list-style:none; height:25px; position:relative; z-index:500; font-size:12px; font-family: arial, verdana, sans-serif;}

#navigation li {float:left; margin-right:4px; background: url(../menu/stunicholls_1.gif);}

#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 5px; cursor:pointer; background:url(../menu/stunicholls_0.gif);}

#navigation li a b {float:left; display:block; padding:0 10px 0 5px; background:url(../menu/stunicholls_0.gif) right top; color:#333;}

#navigation li.current a {color:#000; background:url(../menu/stunicholls_2.gif)}

#navigation li.current a b {color:#000; background:url(../menu/stunicholls_2.gif) right top;}

#navigation li a.top:hover {color:#000; background: url(../menu/stunicholls_1.gif);}

#navigation li a.top:hover b {color:#000; background:url(../menu/stunicholls_1.gif) right top;}

#navigation li.current a.top:hover {color:#000; background: url(../menu/stunicholls_2.gif); cursor:default;}

#navigation li.current a.top:hover b {color:#000; background:url(../menu/stunicholls_2.gif) right top;}



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



#navigation ul {position:absolute; left:-9999px; top:-9999px; padding:0; margin:0; list-style:none; background: #fc0 url(../menu/sub_back.gif); 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:25px; white-space:nowrap; border:1px solid #fff; border-width:0 1px 1px; border-color:#fff #ccc #aaa #eee;}

#navigation :hover ul li a:hover {text-decoration:underline;}



/* 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:hover li:hover > a {text-decoration:underline; 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 #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;}