/*  List styling for navigation links/rollovers */
/* I am deeply grateful to Patrick Griffiths and Dan Webb for the Suckerfish Dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ */


/* first level stuff ***********************************************/
#nav, #nav ul { 
	padding: 0;
	margin: 0; /* lining up with logo */
	list-style: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-weight: bold;
	width: 665px;	/* Even multiple of a width times # elements */
					/* specified this so could have a bgcolor bar, which works in IE. */
					/* In Moz this color only goes length of list, regardless of width. */
					/* Apparently, width of UL determines width of sub-uls? Huh. */
	background-color: #5D2C4D; /* Stone's deep eggplant */  
	text-indent: 0; 
	}

#nav li { 
	float: left;
	text-align: center;
	padding-left: -5px; 
	width: auto;  /* width needed or else Opera goes nuts */
	height: 28px; 
	}

#nav a {
	display: block;
	width: 95px;
	height: 28px; 
	background-color: #5D2C4D;  
	font-family: verdana, helvetica, geneva, sans-serif; 
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	padding: 0;
	vertical-align: middle; /* this works in FF. */
	line-height: 2.2; 	/* this is what centers the text in the block in IE6Win; */ 
					 	/* and in others if padding all sides is zero*/
	}
	* html #nav a { 	/* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 97px; 	/* IE5.x/win = width+pad+bord */
		w\idth: 95px; 	/* IE6/win not in quirks; IE5/mac */
	}

#nav a.off {
	background-color: #9E9E8E; 
	color: #5D2C4D;
	}
#nav a.first { 
	text-align: left;
	padding-left: 12px;
	width: 83px;
}


/* second level stuff ***********************************************/
#nav li ul { 
	position: absolute;
	left: -999em; 	/* using left instead of display to hide menus */
					/* because display: none isn't read by screen readers */
					/* height not needed because of #nav li ul a below */
	width: 665px; 	/* needed to get IE6/Win & Opera7/Win to display horizontally; */
					/* same as list above */
	background-color: #9E9E8E;   
	}

#nav li ul.default { 
	left: 0; 	/* make the services list always there */ 
			/* unless other level-2 list displays */
			/* note: even an 'empty' 'spacer' list at level2 will hide the default, */
			/* as long as mouse is over list areas. */
	}

#nav li ul li { 
	display: inline; 
	float: left;
	padding: 0 0 0 0; 
	margin:  0 0 0 0;
	height: 29px;
	width: auto;  
	text-align: left; 
	}
	* html #nav li ul li {	/* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		height: 28px; 		/* IE5.x/win = width+pad+bord */
		he\ight: 29px; 		/* IE6/win not in quirks; IE5/mac */
	}


#nav li ul a { 
	display: block;
	width: 120px; /* must be in pix or will display vert. */
	height: 27px;
	font-size: 10px;
	line-height: 1.1; /* set differently from previous level blocks because more text must fit here */
	padding: 2px 3px 0 10px;
	color: #fff;
	background-color: #9E9E8E; 
	}
	* html #nav li ul a {	/* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 133px; 		/* IE5.x/win = width+pad+bord */
		w\idth: 120px; 		/* IE6/win not in quirks; IE5/mac */
		height: 28px; 		/* IE5.x/win = width+pad+bord */
		he\ight: 27px; 		/* IE6/win not in quirks; IE5/mac */
	}

/* second level offs ('you are here') */
#nav li ul li a.off { 
	}

	#nav li ul li.corp a.off {
		color: #fff;
		background-color: #be9a28;
	}
	#nav li ul li.gsa a.off {
		color: #fff;
		background-color: #548579; /* alternate teal */
	}
	#nav li ul li.fif a.off {
		color: #fff;
		background-color: #738c1f; 
	}
	#nav li ul li.aim a.off {
		color: #fff;
		background-color: #b96500; 
	}
	#nav li ul li.isd a.off {
		color: #fff;
		background-color: #468c53; 
	}
	#nav li ul li.ir a.off {
		background-color: #9F5136; 
		color: #fff;
	}
	#nav li ul li.ww a.off {
		background-color: #3471B3; 
		color: #fff;
	}


/* third level stuff ***********************************************/
#nav li ul li ul { 
	position: absolute;
	top: 29px;
	left: -999em; 	/* using left instead of display to hide menus because */ 
					/* display: none isn't read by screen readers */
	height: auto;
	width: 125px; /* needed not auto to get IE6/Win & Opera7/Win to display horizontally */
	background-color: #fff;
	font-weight: normal;
	z-index: 2; /* this was z-index 1; will making it 2 fix Safari's bug? */
	}
	* html #nav li ul li ul {/* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 130px; 		/* IE5.x/win = width+pad+bord */
		w\idth: 125px; 		/* IE6/win not in quirks; IE5/mac */
	}
	
#nav li ul li ul li { 
	height: auto;
	width: auto; 
	}
	
#nav li ul li ul li a {
	color: #fff;
	height: auto;
	border-bottom: 1px solid #fff;
	padding: 4px 3px 4px 9px; 
	width: 119px; 
	line-height: 1.2;
	}
	* html #nav li ul li ul li a { /* Tan Hack for IE browsers; only matters if there are borders and/or padding) */
		width: 133px; 	/* IE5.x/win = width+pad+bord */
		w\idth: 119px; 	/* IE6/win not in quirks; IE5/mac */
	}
	#nav li ul li ul li a sup {
	color: #fff;
	}
	#nav li ul li ul li.l3-top a {
		border-top: 1px solid #000;
		}

	#nav li ul li ul.fif li a {
		background-color: #738c1f; /* was 92af2a */
		border-left: 1px solid #738c1f;
		border-right: 1px solid #738c1f;
	} 
	#nav li ul li ul.fif li.last a { border-bottom: 1px solid #738c1f; }
	
	#nav li ul li ul.aim li a {
		background-color: #b96500;
		border-left: 1px solid #b96500;
		border-right: 1px solid #b96500;
	}
	#nav li ul li ul.aim li.last a { border-bottom: 1px solid #b96500; }

	#nav li ul li ul.isd li a {
		background-color: #468c53;
		border-left: 1px solid #468c53;
		border-right: 1px solid #468c53;
	}
	#nav li ul li ul.isd li.last a { border-bottom: 1px solid #468c53; }
	#nav li ul li ul.isd li.idd a { 
		font-style: italic; 
		background-color: #fff;
		color: #468c53;
		}

	#nav li ul li ul.ir li a {
		background-color: #9F5136;
		border-left: 1px solid #9F5136;
		border-right: 1px solid #9F5136;
	}
	#nav li ul li ul.ir li.last a { border-bottom: 1px solid #9F5136; }

	#nav li ul li ul.ww li a {
		background-color: #3471B3;
		border-left: 1px solid #3471B3;
		border-right: 1px solid #3471B3;
	}
	#nav li ul li ul.ww li.last a { border-bottom: 1px solid #3471B3; }

	#nav li ul li ul.gsa li a {
		background-color: #548579; /* alternate teal */
		border-left: 1px solid #548579;
		border-right: 1px solid #548579;
	} 
	#nav li ul li ul.gsa li.last a { border-bottom: 1px solid #548579; }
	
		
/* where to display the lists while being hovered  ***********************************************/		
#nav li:hover ul ul, #nav li:hover ul ul ul, 
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul,
#nav li.sfhover ul, #nav li li.sfhover ul,  #nav li li li.sfhover ul 
{
	left: 0;
	z-index: 1;
	}
	#nav li li:hover ul.fif, #nav li li.sfhover ul.fif {
		left: 0;
	}
	#nav li li:hover ul.aim, #nav li li.sfhover ul.aim {
		left: 133px;
	}
	#nav li li:hover ul.isd, #nav li li.sfhover ul.isd {
		left: 266px;
	}
	#nav li li:hover ul.ir, #nav li li.sfhover ul.ir {
		left: 399px;
	}
	#nav li li:hover ul.ww, #nav li li.sfhover ul.ww {
		left: 532px;
	}

#nav li ul:hover li.spacer, #nav li ul.spacer li:hover { /* hide any empty second-level list */
/* display:none  works in FF 9, not OK in FF 1PR  */
	}
	

/* color the hovered links ***************************************/	
#nav a:hover {
	color: #612C51; 
	background-color: #fff; 
	}
	#nav .fif  a:hover {
		background-color: #fff;
		color: #738c1f;
/*		border-bottom: 1px solid #92af2a; */
	}
	#nav .aim  a:hover {
		background-color: #fff;
		color: #b96500;
/*		border-bottom: 1px solid #b96500; */
	}
	#nav .isd  a:hover {
		background-color: #fff;
		color: #468c53;  
/*		border-bottom: 1px solid #468c53; */
	}
			#nav li ul li ul.isd li.idd a:hover {
	/*		color: #fff;
			background-color: #468c53;  */
			text-decoration: underline;
		}

	#nav .ir a:hover, #nav .ir a:hover sup {
		background-color: #fff;
		color: #9F5136;
/* 		border-bottom: 1px solid #9F5136; */
	}
	#nav .ww a:hover, #nav .ww a:hover sup {
		background-color: #fff;
		color: #3471B3;
/*		border-bottom: 1px solid #3471B3; */
	}
	#nav .gsa  a:hover {
		background-color: #fff;
		color: #548579;
	}
	
/* but don't color a link that's 'off' */
#nav a.off:hover {
	background-color: #9E9E8E; 
	color: #5D2C4D;
	}	

	
/* submenu  & crumb trails in the sidebar stuff *************************/
ul#submenu {
	margin: 3px 5px 3px 5px; 
	padding: 0; 
	list-style-type: none; 
	font-size: 11px;
	line-height: 1.5;
	}
	ul#submenu a {
		color: #fff;
		font-family: verdana, helvetica, geneva, sans-serif; 
		font-size: 11px;
		display: block;
		width: 100px;
		/* padding-right: 15px; */
	}
	ul#submenu a.here, ul#submenu a:hover.here {
		background: transparent url("../images/tri-right-white.gif") right center no-repeat;
		text-decoration: none;
		}
	ul#submenu a:hover {
		background: transparent url("../images/tri-right-whiteout.gif") right center no-repeat;
		text-decoration: underline;
		}	
/*	ul#submenu a:visited {
		color: #cecebe;
	}		 */

ul#submenu ul li { /* second levels in submenus? */
	margin: 0 0 5px -25px; 
	padding: 0; 
	list-style-type: none; 
	font-size: 10px;
	line-height: 1.25;
	}
	ul#submenu ul li a {
		color: #fff;
		font-family: verdana, helvetica, geneva, sans-serif; 
		font-size: 10px;
		display: block;
		width: 120px;
	}
	
/* 	
	
#crumbs {
	background-color: #9E9E8E;
	list-style-type: none;
	}
#crumbs li {
	display: inline;
	}

*/