/* Styles not rendering correctly in NS4.x are kept in a sepearte css
	   NS 4.x doesn't reconginze the @import feature so it's an easy way to 
	   break sytles apart. There are 2 main class files that need to be kept 
	   in sync with changes (.navItem, .navItemIndent and all their counter parts).
	   *** UPDATE IMPORT URL / IT's DIFFERENT FOR ILA CORP AND ANO! ***
	*/
	@import url("/css/menu_include.css");

	#ilaNavigation, .ilaNavigation {	/* handles the wrapper <div> for the navigation */
		background-color: #CFDFEE;
		color: #0055A5;
		width: 150px;
		height: auto;
		left: 1px;
		top: 98px;
		vertical-align: top;
	}

	.navMenu {	/* dropdown box under nav titles that contains the navItems (links) */
		background-color: #EFEFEF;
		width: 100%;
		padding-top: 2px;
		margin-left: 4px;
	}

	.navMenuSub {	/* used only for second level nav's - not currently in use */
 		border: solid 1px #EFEFEF;
		margin: 0px 0px 0px 6px;
		background-color: #EFEFEF;
	}

	.navMenuSub .navItem, 
	.navMenuSub .navMenuSub .navItem, 
	.navMenuSub .navMenuSub .navMenuSub .navItem  {	/* indents nested navItems */
		padding-left: 10px; 
	}

	.navTitle {		/* default look top level navigation text */
		font: bold 11px Verdana, Arial, sans-serif; 
		color: #0055A5;
		text-decoration: none;
		cursor: auto;
		border: solid 1px #CFDFEE;
		line-height: 12px; 
		width: 100%;
		margin-top: 1px; 
		padding: 1px 0px 1px 2px;
		white-space: nowrap;
	}

	.navTitle a:link, .navTitle a:visited {	/* default look top level nav title/links */
		color: #0055A5;
		text-decoration: none;
		cursor: auto;
	}

	.navTitle a:hover, .navTitle a:active, 
	.activeTitle a:hover, .activeTitle a:active,
	.hoverOver a:hover, .hoverOver a:active {	/* mouseover affect top level nav title/links */
		color: #31204A;
		background-color: #0080C0;
		text-decoration: none;
	}

	.activeTitle, .hoverOver { /* mouseover affect for titles/applied in menu.js onmouseover event */
		border: solid 1px #31204A;
		color: #0055A5;
		background-color: #0080C0;
		font: bold 11px Verdana, Arial, sans-serif; 
		text-decoration: none;
		cursor: auto;
		line-height: 12px; 
		width: 100%;
		margin-top: 1px; 
		padding: 1px 0px 1px 2px;
		white-space: nowrap;
	}

	.activeTitle a:link, .activeTitle a:visited,
	.hoverOver a:link, .hoverOver a:visited { /* default title look/applied in menu.js onmouseout event */
		text-decoration: none;
		color: #31204A; 
	}

	.navTitleSub1 {	/* handles subtitles within a navMenu area */
		font: normal 10px Verdana, Arial, sans-serif; 
		color: #0055A5;
		text-decoration: none;
		cursor: auto;
		padding: 0px 0px 0px 5px;
	}

	.navTitleSub1 a:link, .navTitleSub1 a:visited {	/* default look for subtitles within a navMenu area */
		color: #0055A5;
		text-decoration: none;
		cursor: auto;
	}

	.navTitleSub1 a:hover, .navTitleSub1 a:active {	/* mouseover affect for subtitles within navMenu area */
		color: #31204A;
		text-decoration: underline;
	}

	.navItem {	/* default text within navMenu area -- navItems are usually links */
		color: #0055A5;
		font: bold 11px Verdana;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 8px;
	}

	.navItem:link, .navItem:visited,
	.navItemIndent:link, .navItemIndent:visited { /* default links within navMenu area -- navItems are usually links */
		font: normal 11px Verdana;
		color: #31204A;
		text-decoration: none;
	}

	.navItem:hover, .navItem:active,
	.navItemIndent:hover, .navItemIndent:active {	/* mouseover affect links within navMenu area -- navItems are usually links */
		font: normal 11px Verdana; 
		color: #0055A5;
		text-decoration: underline;
	}
	
	.navItemIndent {	/* indent (to make room for arrows) within a navMenu area */
		color: #0055A5;
		font: bold 11px Verdana; 
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 15px;
	}

	.nodec { text-decoration: none; } /* use: for elements within a hyperlink (pdf image) so it's not underlined */
	.navitemspacer { padding-bottom: 5px; }	/* alwasy used at bottom of navItem lists to creat a buffer from the next menu */
	/* assign to links that are in the navItem list but aren't seen -- typically used for 
	links within the  page body so the menu.js still displays the appropriate section */
	.navItemHidden { display: none; }