#flyout {float:left; padding:0; margin:2px 0 0 0; list-style:none; width:140px; border-top:0px solid #888;}

#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:170px; height:24px; border-bottom:0px solid #888;}

#flyout li#contact {margin:0;}

#flyout li a {display:block; width:170px; height:24px; color:#555; font-family:arial, sans-serif; font-size:12px; line-height:23px; text-decoration:none; padding-left:30px; border-left:0px solid #888;}

#flyout li#home a { url(http://aircrewremembered.com/flyout_three/home.gif) no-repeat 5px center;}

#flyout li#single a {url(../flyout_three/document.gif) no-repeat 5px center;}

#flyout li a.fly {url(../flyout_three/folder.gif) no-repeat 5px center;}

#flyout li a.fly b {display:block; width:160px; height:24px; background:url(../flyout_three/arrow.gif) no-repeat right center; cursor:pointer;}
/* controls arrow placement */

#flyout li#support a { url(../flyout_three/support.gif) no-repeat 5px center;}

#flyout li#contact a { url(../flyout_three/contact.gif) no-repeat 5px center;}

#flyout li:hover {position:relative;}

#flyout li a:hover {white-space:nowrap; color:#2e37c5; position:relative;}

#flyout li:hover > a {color:#4e6ad5;}
/* hover menu text colour main menu */

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

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

#flyout :hover ul {left:200px; top:-1px; width:170px; height:auto; border-top:0px solid #888;}

#flyout :hover ul li {width:150px;}

#flyout :hover ul ul {left:-9999px;}

#flyout :hover ul :hover ul {left:230px; top:-1px;}

/* #flyout :hover ul li a {background:#e7e9f2; opacity:0.80; url(../flyout_three/document.gif) no-repeat 1px center; width:150px; border-radius:3px;}
/* background colour flyout boxes */

#flyout :hover ul li a {background: #ebe9f9; /* Old browsers */
background: -moz-linear-gradient(left, #ebe9f9 0%, #d8d0ef 50%, #cec7ec 51%, #c1bfea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebe9f9), color-stop(50%,#d8d0ef), color-stop(51%,#cec7ec), color-stop(100%,#c1bfea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* IE10+ */
background: linear-gradient(to right, #ebe9f9 0%,#d8d0ef 50%,#cec7ec 51%,#c1bfea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea',GradientType=1 ); /* IE6-9 */;opacity:0.8; url(../flyout_three/document.gif) no-repeat 1px center; width:150px; border-radius:3px;}
/* background colour flyout boxes */

#flyout :hover ul li a b {width:119px; background:none;}
#flyout :hover ul li a.fly {background:#888 url(../flyout_three/folder.gif) no-repeat 5px center;}
#flyout :hover ul li a.fly b {background:url(../flyout_three/arrow.gif) no-repeat right center;}
#flyout :hover ul li a:hover.fly {background:#888 url(../flyout_three/open.gif) no-repeat 5px center;}
#flyout :hover ul :hover > a.fly {background:#888 url(../flyout_three/open.gif) no-repeat 5px center;}

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

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