/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* The original version has been changed for VRI as indicated in comments below, to enhance accessibility */

/* If you need to change the colours of the menu panel, you just change it here: 
	There are just 2 sets of colours here;
	anything with "hover" in it is the highlighted item; the other colours are non-highlighted item.
    color:#000 is black text; color:#fff is white text  background-color: is background*/ 

#flyout A		{
					}  
#flyout {float:left; padding:0; margin:0px 0 0 0; list-style:none; position:relative; width:130px;}
/*note: for non-transparent background change it to background : #fff*/ 
#flyout ul {padding:0; margin:0; list-style:none; width:138px; height:auto; background: url(../graphics/trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;} 
#flyout li {float:left; margin-bottom:1px; padding-top:0%; padding-bottom:0%;}

/*-- I removed height from attributes of li a so it wraps; also changed line height and font size to relative sizes; changed indent to left-padding*/
/*-- Note for some reason it is ignoring whatever I put in font weight */
#flyout li a {display:block; float:left; width:130px; background:#FFA02F; color:#222222; font-family:arial; sans-serif; font-size:1em;  text-decoration:none; padding-top:4px; padding-bottom:4px; padding-left:4px; padding-right:4px;}
#flyout li a.fly {background:#FFA02F url(../graphics/right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#780032; color:#fff;}
#flyout li:hover > a {background-color:#780032; color:#fff;}

/*added by janet to highlight the top-level menu item in focus, for (limited!!) keyboard navigation */
#flyout li:focus {position:relative;}
#flyout li a:focus {position:relative; background-color:#780032; color:#fff;}
#flyout li:focus > a {background-color:#780032; color:#fff;}
#flyout li:active {position:relative;}
#flyout li a:active {position:relative; background-color:#780032; color:#fff;}
#flyout li:active > a {background-color:#780032; color:#fff;}

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


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

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

#flyout ul li:focus > a {background-color:#780032; color:#fff;}
#flyout ul li:active > a {background-color:#780032; color:#fff;}