 /* WinIE behavior call */
body	{
	behavior:url(/includes/javaScript/csshover.htc);
}
	
body#secondaryLAC	{
	behavior:url(/includes/javaScript/csshover.htc);
}

div#mainNav a	{
	text-decoration: none;
	font-size: .9em;
	font-family: Helvetica;
	}

div#mainNav a:hover	{
	text-decoration: none;
	border-bottom: none;
	}
	
ul	{
	list-style-type: none;
}

div#mainNav ul.level1>li	{
	padding: 0 10px 0 0;
	margin:0;
}

body#secondaryLAC div#mainNav ul.level1 li	{
	padding: 0 10px 0 0;
	margin:0;
}

/*
** Need this as IE does not understand
** ul.level1>li which would be the proper
** code to have above
*/
body#secondaryLAC div#mainNav ul.level1 li li	{
	padding: 0;
	margin:0;
}
	
div#mainNav	{
	float: left;
	width: 848px;
	background: #fffeb9;
	border-bottom: 1px solid #1f4a80;
	height: 19px;
	}
	
div#mainNav ul.level1	{
	margin: 0;
	padding: 0;
	background: #fff;
	}

div#mainNav ul ul	{
	border:  1px solid #ccc;
	border-top: none;
	border-bottom: none;
	}
	
div#mainNav li	{
	position: relative;
	margin: 0;
	float: left;
	/* width: 8em; */
	line-height: 1em;
	z-index: 300;
	}
	
div#mainNav ul li ul li	{
	background-color: #34629c;
	background-image: url(/images/liBGlight.png);
	background-position: top left;
	background-repeat: repeat-x;
	}
	
div#mainNav ul li ul li a	{
	color: #faf7e6;
	font-weight: bold;
	}
	
div#mainNav ul li ul li:hover	{
	background-image: none;
	text-decoration: none;
	}
	
div#mainNav ul li ul li a:hover	{
	color: #000;
	text-decoration: none;
	}
	
div#mainNav li a	{
	display: block;
	padding: .25em 0 .25em .5em;
	}
	
div#mainNav ul li ul li a	{
	display: block;
	padding: .75em 0 .75em .5em;
	}
	
div#mainNav>ul a	{
	width: auto;
	}
	
div#mainNav ul ul	{
	position: absolute;
	width: 16em;
	display: none;
	z-index: 300;
	}
	
div#mainNav ul ul li	{
	border-bottom: 1px solid #ccc;
}
	
div#mainNav ul.level1 li.submenu:hover ul.level2,
div#mainNav ul.level2 li.submenu:hover ul.level3	{
	display: block;
	text-decoration: none;
	top: 19px;
}
	
div#mainNav ul.level2 li.submenu a	{
	background: url(/images/buttons/doublePointWhite2.gif) 95% 50% no-repeat;
	padding-right: 30px;
}

div#mainNav ul.level2 li.submenu ul li a	{
	background: none;
	padding-right: 30px;
}

div#mainNav ul.level2 li.submenu:hover ul.level3,
#secondaryLAC div#mainNav ul.level2 li.submenu:hover ul.level3	{
	top: -1px;
}

a.submenu	{
	background: url(/lacSite/imagesLAC/smallArrow.png) right bottom no-repeat;
}
	
div#mainNav ul.level2	{
	top: 1.4em;
	left: -1px;
}
	
div#mainNav ul.level3	{
	top: -1px;
	left: 16em;
	border-top: 1px solid #ccc;
	}
	
/* Changes to let the top level li width vary */

div#mainNav li li	{
	width: 16em;
	}
	
div#mainNav ul li	{
	padding-left: 2px;
	padding-right: 10px;
	background-image: url(/lacSite/imagesLAC/curve.gif);
	background-position: center right;
	background-repeat: no-repeat;
	}
	
div#mainNav ul li li	{
	padding: 0;
	background-image: none;
	}
	
div#mainNav li.topli	{
	border-top: 1px solid #ccc;
	}
