/* CSS Document */

#flyout {
float:left; 
padding:0; 
margin:1px 0 0 0; 
list-style:none; 
position:relative; 
width:100px;
}
/*container for the flyout menu*/
#flyout ul {
padding:0; 
margin:0; 
list-style:none; 
width:100px; 
height:auto; 
background: #fff; 
position:absolute; 
left:-9999px; 
top:0;
}

#flyout table {
border-collapse:collapse; 
width:0; height:0; 
margin:-1px -10px;
}

#flyout li {
float:left; 
margin-bottom:0px;
}

#flyout li a { /*Menu width*/
display:block; 
float:left; 
width:210px; 
height:24px; 
background-image:url(../images/linkbkg.gif); 
border: 1px solid #1750B9;
color:#000; 
line-height:24px; 
font-family:arial, sans-serif; 
font-size:12px; 
text-decoration:none; 
text-indent:10px;
}

#flyout li a.fly {
background-image:url(../images/linkbkg.gif);
}

#flyout li:hover {
position:relative;
}

#flyout li a:hover {
position:relative; 
background-image:url(../images/linkbkghover.gif);
color:#000;
}

#flyout li:hover > a {
background-image:url(../images/linkbkghover.gif);
color:#000;
}

#flyout ul li a {
background-image:url(../images/linkbkg.gif);
}

#flyout ul li a.fly {
background-image:#aaa url(../images/right-arrow.gif) no-repeat right center;
}

#flyout ul ul li a {
background:#ccc;
}

#flyout ul ul li a.fly {
background:#ccc url(../images/right-arrow.gif) no-repeat right center;
}
#flyout ul ul ul li a {
background:#ddd;
}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {
background-color:#c40; color:#fff;
}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {
left:200px;
}

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

#flyout ul li:hover > a {
background-color:#e60; 
color:#000;
}

#flyout ul ul li:hover > a {
background-color:#e60; 
color:#fff;
}