/* 	Position the menu 1 px below the blue horizontal gradient bar and create a
	series of menu wrappers to center the menu in the workspace.  The menu class
	dimensons the menu wrapper to the full width of the browser, the outer class 
	shifts the center of the elements to left margin, and the inner class shifts 
	the element back to the right thus centering the menu.  */

.menu {
	float:				left;
	width:				100%;
	height:				32px; 
	position: 			absolute;
	position:			fixed;
	top: 				90px;
	left:				-1px; 
	z-index:			100;
	font-family:		calibri, sans-serif;
	font-weight:		bold;
	font-size:			18px;	
	text-align:			center;
}

.outer {
	clear:				left;
	float:				right;
	list-style:			none;
	margin:				0;
	padding:			0;
	position:			relative;
	right:				50%;
	text-align:			center;
}

.inner {
   display:				block;
   float:				left;
   list-style:			none;
   margin:				0;
   padding:				0;
   position:			relative;
   left:				50%;
}

/*	Prepare canvas by removing default styles and float list elements to create horizontal orientation */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu li {float:left;width:150px;position:relative;}

/*	Define text and background styles for menu sections

/* 	Main menu - white text on dark blue, white border on right and bottom */
.menu a, .menu a:visited {background:#1A1A70; color:#FFFFFF;display:block;text-decoration:none; 
	border:solid 1px #FFFFFF; line-height:30px;}

/* 	Drop menu - white text on royal blue, white border */
.menu ul ul a, .menu ul ul a:visited {background:#12449E; line-height:1em; padding:5px 10px;}

/* 	Highlight a section of the drop menu if a fly-out is available - white text on medium blue, white border */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#316793;}

/* 	Fly-out menu - white text on light blue, black border */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#87A3E9;}

/* 	Define text and background colors for hover actions - black text on green*/

/* 	Top level and drop menu */
.menu :hover > a, .menu ul ul :hover > a {color:#000000; background:#90B54D;}

/* 	Fly-out Menu */
.menu ul ul ul a:hover {background:#90B54D;}

/* 	Set relative offset for fly-out menus, negative value for a left fly-out */
.menu ul ul ul{left:150px;top:0px;}
.menu ul ul ul.left {left:-135px;top:0px;}

/* 	Set hide / unhide actions for drop-down and fly-out menus */

.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #FFFFFF;}
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}