#flyout {float:left;  margin:2px 0 0 0; list-style:none; width:150px; border-top:1px solid #fff;}
#flyout ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
#flyout table {border-collapse:collapse; margin:-1px -10px;}

#flyout li {float:left;width:150px; height:30px; border-bottom:1px solid #fff; }

#flyout li#contact { margin:0;}

#flyout li a {display:block; width:150px; height:30px; color:#fff; font-family:arial, sans-serif; font-size:11px; line-height:23px; text-decoration:none; padding-left:30px;  border-left:1px solid #fff; }
#flyout li#home a {background:#888 url(../images/sidebar/home.gif) no-repeat 5px center;}
#flyout li#single a {background:#888 url(../images/sidebar/document.png) no-repeat 5px center;}
#flyout li a.fly {background:#888 url(../images/sidebar/support.gif) no-repeat 5px center;}
#flyout li a.fly b {display:block; width:150px; height:24px; background:url(../images/sidebar/arrow.gif) no-repeat right center; cursor:pointer;}

#flyout li#support a {background:#888 url(../images/sidebar/support.gif) no-repeat 5px center;}
#flyout li#contact a {background:#888 url(../images/sidebar/contact.gif) no-repeat 5px center;}

#flyout li:hover {background:#888; position:relative;}
#flyout li a:hover {background:#888; white-space:nowrap; color:#a7defc; position:relative;}
#flyout li:hover > a {background:#888; color:#a7defc;}

#flyout li a.fly:hover {background:#888 url(open.gif) no-repeat 5px center;}
#flyout li:hover > a.fly {background:#888 url(open.gif) no-repeat 5px center;}

#flyout :hover ul {background:#888; left:150px; top:-1px; width:150px; height:auto; border-top:1px solid #fff;}
#flyout :hover ul li {background:#888; width:150px;}
#flyout :hover ul ul {background:#888; left:-9999px;}

#flyout :hover ul :hover ul {left:150px; top:-1px;}
#flyout :hover ul li a {background:#888 url(../images/sidebar/document.gif) no-repeat 5px center; width:150px;}
#flyout :hover ul li a b {width:150px; background:none;}
#flyout :hover ul li a.fly {background:#888 url(../images/sidebar/folder.gif) no-repeat 5px center;}
#flyout :hover ul li a.fly b {background:#888 url(../images/sidebar/arrow.gif) no-repeat right center;}
#flyout :hover ul li a:hover.fly {background:#888 url(../images/sidebar/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover > a.fly {background:#888 url(../images/sidebar/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul ul {left:-9999px;}
#flyout :hover ul :hover ul li a {background:#888 url(../images/sidebar/document.gif) no-repeat 5px center; width:145px;}
#flyout :hover ul :hover ul li a b {width:150px; background:none;}
#flyout :hover ul :hover ul li a.fly {background:#888 url(../images/sidebar/folder.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li a.fly b {background:#888 url(../images/sidebar/arrow.gif) no-repeat right center;}
#flyout :hover ul :hover ul li a:hover.fly {background:#888 url(../images/sidebar/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover ul li:hover > a.fly {background:#888 url(../images/sidebar/open.gif) no-repeat 5px center;}

#flyout :hover ul :hover ul :hover ul {background:#888; left:150px; top:-1px;}
#flyout :hover ul :hover ul :hover ul li a {background:#888 url(../images/sidebar/document.gif) no-repeat 5px center; width:150px;}
#flyout :hover ul :hover ul :hover ul li a b { background:#888; width:150px; }