/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Edited for AccessFirefox.org by Ken Saunders
Big thanks to Stu Nicholls for this JS free menu
=================================================================== */
#menu {
height: 230px; 
width: 250px; 
margin-top: -10px;
position: relative;
background-color: #FFFFFF;
Z-index: 1


}


#menu ul {
margin: 0px 0px 0px 5px ; 
padding: 0px; 
list-style: none; 
white-space: nowrap; 
text-align: left; 
background-color: #FFFFFF;

}

#menu li {
margin: 0; 
list-style: none;

}

#menu li {
display: inline-block; 
display: inline;

}

#menu ul ul {
position: absolute; 
left: -9999px;

}

#menu ul#toplevel {
position: absolute; 
left: 0; 
top: 0;

}

#menu a {
display: block; 
font: 1.1em arial, sans-serif; 
color: #0045D0; 
line-height: 40px; 
text-decoration: none;
padding: 8px 10px 8px 15px;


} 

#menu ul:hover hr {
opacity: 0

}

#menu hr {
width: 200px;
margin-top: -10px;
margin-left: 6px;
border-bottom: 1px solid rgba(112, 128, 144, 0.1);
opacity: 0.5;

}


#menu ul li:hover > ul {
left: 96%; 
margin-top: -56px; 
padding: 0px 32px 0px 12px;
background-color: #FAF8FC;
box-shadow: inset -6px 0px 9px 0px rgba(82, 93, 104, 1), 4px 0px 0px 4px rgba(255, 255, 255, 1), 0px 5px 0px 0px rgba(0, 0, 0, 0), 0px -5px 0px 0px rgba(0, 0, 0, 0), 5px 0px 0px 1px rgba(0, 0, 0, 0);
border-top: 2px solid rgba(82, 93, 104, 0.6);
border-bottom: 2px solid rgba(82, 93, 104, 0.6);
border-left: 0px solid rgba(82, 93, 104, 0.6);
border-right: 2px solid rgba(82, 93, 104, 0.6);
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
line-height: 36px; 

}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
left: 100%;

}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
left: -9999px;

}

#menu li a:hover {

} 

#menu li:hover > a {
text-decoration: underline;
color: #007600;
background-color: transparent;


}

#menu li a.fly {
background: url() no-repeat right top;

}

#menu li a.fly:hover {
background: url() no-repeat right top;

} 

#menu li:hover > a.fly {
background: url() no-repeat right top;
background: #FAF8FC;
color: #0045D0;
text-decoration: none;
box-shadow: inset 2px 0px 9px 0px #525D68, 0px 0px 0px 4px rgba(255, 255, 255, 1), 0px 5px 0px 0px rgba(0, 0, 0, 0), 0px -5px 0px 0px rgba(0, 0, 0, 0), -5px 0px 0px 1px rgba(0, 0, 0, 0);
border-top: 2px solid rgba(82, 93, 104, 0.6);
border-bottom: 2px rgba(82, 93, 104, 0.6);
border-left: 2px solid rgba(82, 93, 104, 0.6);
border-right: 0px solid rgba(82, 93, 104, 0.6);
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
line-height: 38px; 
}

#menu table {
position: absolute; 
left: 99%; 
height: 0; 
width: 0; 
border-collapse: collapse; 
margin-top: -7px; 
margin-left:-1px;

}