/* ================================================================ 
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.
=================================================================== */
/* Engineering explained */

/* reset menu */

#menu, 
#menu li, 
#menu ul ul,
#menu li li,
#menu li li li,
#menu li li li li,
#menu li li li li li
 { margin:0px; padding:0;}
 
#menu {margin: 76px 0 0 0;}

#menu li a:hover {
text-decoration:none;
}

#menu li {
border-bottom: none;
}

#flyout {float:left; padding:0; margin:0; list-style:none; position:relative; display:inline;} 
#flyout ul {padding:5px 0; margin:0; list-style:none; width:164px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0; background-color:#0193D1;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin:0 0 0 6px; display:inline;}/* display:inline needed for IE6 double margin on float */
#flyout li a {display:block; float:left; color:#000;  width:150px; font-family:arial, sans-serif; font-size:12px; text-decoration:none; text-indent:0px; padding:2px 7px 3px 6px; margin:0 0 0 0;border-bottom: 1px solid #7ACFF4;}
#flyout li li a {width:158px;}
#flyout li a.fly {background:#0193D1 url(right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;background-color:#3DBFF6;}
#flyout li a:hover {position:relative; background-color:#3DBFF6; color:#000;}
#flyout li:hover > a {background-color:#3DBFF6; color:#000;}

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

a.current { background-color:transparent; font-weight:bold;}
a.current a { font-weight:normal;}

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

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

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

#flyout ul li {background:#0193D1 url(edge.gif) repeat-y left top;}