/* ================================================================

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



/* calculate the overall width/height of the top level list items and center them */

.menu {width:910px; height:40px; margin:0 auto; background: #106628;}

/* set up defaults */

.nav,
.nav ul {margin:0; padding:0;list-style:none;}
.nav a {text-decoration:none;}
.nav {width:170px; float:left; margin-right:-1px;}

/* set up the widths */

.nav .drop {width:170px;}
.nav a {width:170px; margin-right:-99px; margin-bottom:-1px;} /* margin is 1px less than the width */
.nav ul li {max-width:170px;}



/* style the links using the b elements */

.nav b {display:block; font:normal 16px 'Segoe UI', sans-serif; padding:6px 8px; border:0px solid #fff; cursor:pointer;}
.nav b.top {height:26px; line-height:26px;}

/* style the list colors */

.nav a {background:#106628; color:#fff;}
.nav ul a {background:#106628; color:#fff;}
.nav ul ul a {background:#106628; color:#fff;}
.nav ul ul ul a {background:#106628; color:#fff;}

/* style the hover, active and focus colors */

.nav a:hover,
.nav a:focus,
.nav a:active {background:#106628; color:#000;}

/* style the path on hover in all browsers except IE5.5 and 6 */

.nav li:hover > a {background:#106628; color:#fff;}

/* style the positions of the ul and also when the text spans two and three lines */

.nav {height:40px;}
.nav .drop {height:40px;}
.nav ul {position:relative; left:0; top:0; z-index:100;} /* the dropdown */
.nav ul ul {left:95px; top:-26px;} /* the right flyouts */
.nav ul ul.two {top:-39px;}
.nav ul ul.three {top:-52px;}
.nav li.left ul ul {left:auto; right:95px;} /* and the left flyouts */

/* do not change anything below this line */

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

.nav li,
.nav ul {float:left;}
.nav ul li {clear:left;}
.nav a {position:relative; display:block; z-index:10;}
.nav a.sub-link {float:left; margin-top:10000px;}
.nav .drop,
.nav .fly {margin-top:-10000px;}
.nav ul {margin-bottom:-5000px;}



/* the bit that does all the work */

.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0;}



/*IE5-7 fixes*/

.nav .fly {width:100%;}
a:active {}

/*OPERA fix*/

.nav ul:hover {clear:left;}