.container {width:775px; height:30px; margin:0 auto; background:#232176; text-align: center;}
/* ================================================================ 
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:757px; height:30px; margin:0 auto; text-align: left;}

/* set up defaults */
.nav,
.nav ul {margin:0; padding:0;list-style:none;}
.nav a {text-decoration:none;}
.nav {width:109px; float:left; margin-right:-1px;}

/* set up the widths */
.nav .drop { width:109px; }
.nav a { width: 109px; margin-right: -108px; margin-bottom: -1px; } /* margin is 1px less than the width */
.nav ul li { max-width: 109px; }

/* style the links using the b elements */
.nav b {
	display: block;
	font: normal 11px verdana, sans-serif;
	padding: 6px 8px;
	border: 1px solid #4d85c5;
	cursor: pointer;
}
.nav b.top {
	height: 18px;
	line-height: 18px;
	border-top: none;
	border-bottom: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}
.nav a.sub-link b {	background: url(/includes/navigation/arrow.gif) no-repeat right bottom; }

/* style the list colors */
.nav a { color:#fff; background: url(/includes/navigation/nav_bkgd.gif) repeat-x #252477; }
.nav ul a { background: #252477; }
.nav ul ul a { background: #1c1b59; }
.nav ul ul ul a { background: #12123b; }

/* style the hover, active and focus colors */
.nav a:hover,
.nav a:focus,
.nav a:active { background: #eda724; color: #252477; }

/* style the path on hover in all browsers except IE5.5 and 6 */
.nav li:hover > a { background: #eda724; color: #252477; }

/* style the positions of the ul and also when the text spans two and three lines */
.nav { height: 30px; }
.nav .drop { height: 40px; }

.nav ul { position: relative; left: 0; top: 0; z-index: 100; } /* the dropdown */
.nav ul ul { left: 105px; 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: 105px; } /* 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; }