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

/* ----------------------------------------------------------------------------	*/
/* default styling */
.menu,
.menu ul{list-style-type:none; margin:0; padding:0;}
.menu a {text-decoration:none;}
.menu {font-family: arial, sans-serif; font-size:12px; margin:0 auto;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.menu a {background:url(trans.gif); filter: alpha(opacity=90); opacity:0.9;} 

/* style the <b> element so that is does not affect the size of the link */
.menu a b {background:#999; border:1px solid #000; border-color:#ddd #333 #333 #ddd; color:#fff; font-weight:normal; display:block; padding:5px 10px;}
.menu a:hover b {background-color:#aaa; color:#800; cursor:pointer;}
.menu .fly .main b {background:#999 url(../images/arrow.gif) no-repeat 115px 9px;}
.menu .down b {background:#999 url(../images/arrow.gif) no-repeat 115px 9px;}

/* HEIGHT */
.menu ul {top:-24px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/*set the link width here*/
.menu .drop,
.menu a {width:130px;}
.menu ul li {max-width:130px;} /* fix for IE8 */

/* set the left flyout position here */
.menu ul {left:120px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.menu a {margin-right:-129px;}

/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.menu li {float:left; clear:left;} /* fixes several IE related bugs, and allows for clearing */
.menu ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.menu a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.menu a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.menu .drop,
.menu .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.menu ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.menu a:hover,
.menu a:focus,
.menu a:active {margin-right:0; z-index:10; outline:0;}

.menu a:focus b,
.menu a:active b {background:#aaa; color:#800;} /* for tabbing */

/* OPERA fix */
.menu ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/* IE5-7 fixes */
.menu .fly {width:100%;}
a:active {}


/* ----------------------------------------------------------------------------	*/