/* ================================================================ 
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/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
#header #menu {
	height:150px;
	margin: 0px 0px 0px 24px;
	position:relative;
	width:206px;
}


#header .menu {
	height:150px;
	margin: 0px 0px 0px 24px;
	position:relative;
	width:206px;
}
#header .menu ul li a, 
#header .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:154px; 
	height:26px; 
	line-height:25px; 
	font-weight: bold; 
	font-size: 10px;
}
#header .menu ul {padding:0; margin:0;list-style-type: none; }
#header .menu ul li {float:left; margin-right:1px; }
#header .menu ul li ul {display: none;}

/* specific to non IE browsers */
#header .menu ul li:hover a,
#header .menu ul li.sfhover a, 
#header .menu ul li.current a {
	color:#97BD0E;
}
#header .menu ul li:hover a#about {  background:url(/_images/bar-about.gif) right center no-repeat;  }
#header .menu ul li:hover a#use {  background:url(/_images/bar-use.gif) right center no-repeat;  }
#header .menu ul li:hover a#type {  background:url(/_images/bar-type.gif) right center no-repeat;  }
#header .menu ul li:hover a#engineers {  background:url(/_images/bar-engineers.gif) right center no-repeat;  }
#header .menu ul li:hover a#facility {  background:url(/_images/bar-facility.gif) right center no-repeat;  }

/* No bar on hover for active menu items */
#header .menu ul li.current:hover a#about, 
#header .menu ul li.current:hover a#use, 
#header .menu ul li.current:hover a#type,
#header .menu ul li.current:hover a#engineers, 
#header .menu ul li.current:hover a#facility {
	background-image: none;
}


#header .menu ul li:hover ul,
#header .menu ul li.sfhover ul {
	background: url(/_images/bracket.gif)  no-repeat; 
	display:block; 
	height: 155px;
	padding: 3px 0px 0px 10px; 
	position:absolute; 
	top:0; left:154px; 
	width:235px; 
}

/* Vertically Center the shorter menus */
#header .menu ul li:hover ul#engineers,
#header .menu ul li.sfhover ul#engineers {
	padding-top: 38px;
}
#header .menu ul li:hover ul#about,
#header .menu ul li.sfhover ul#about {
	padding-top: 20px;
}
#header .menu ul li:hover ul#facility,
#header .menu ul li.sfhover ul#facility {
	padding-top: 48px;
}

#header .menu ul li:hover ul li a.hide { color:#fff;}
#header .menu ul li:hover ul li:hover a.hide {width:150px;}

/* Don't flyout the subnav when you're on that page */
#header .menu ul li.current:hover ul { display: none; }

#header .menu ul li:hover ul li ul {
	display: none;
}

#header .menu ul li:hover ul li a,
#header .menu ul li.sfhover ul li a {
	display:block; 
	color:#fff; 
	font-size: 9px; 
	font-weight: normal; 
	width:225px; 
	height: 31px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}

#header .menu ul li:hover ul li a:hover { 
	color:#fff; text-decoration: underline;
}

/* THIRD LEVEL */
#header .menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:151px; 
	top:0; 
	color:#fff;
}
#header .menu ul li:hover ul li:hover ul li a {
	display:block; 
	width:200px; 
	background-color:#dfc184; 
	color:#fff;
}
#header .menu ul li:hover ul li:hover ul li a:hover {
	background:#bd8d5e; 
	color:#fff;
}

#subnav ul {
	margin-bottom: 0;
}

#header .menu ul li ul li a:link,
#header .menu ul li ul li a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}