body{behavior: url(hover.htc);}

#navnav, #navnav ul {
	list-style: none;
	line-height: 1;
	padding:0;
	margin:0 0 0 0;

}


.nlProductsServices em, .nlGetToKnowUs em, .nlNews em, .nlCareers em, .nlLocations em{
	display:block;
	height:40px;
	border: solid 1px transparent;


}

li.nlProductsServices{width:188px;margin-right:4px;
}
.nlProductsServices em{ 
	width: 186px;
	background:url(../images/MainNavigation/Navproducts.gif) no-repeat top #FFF;
	border:none;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
}


li.nlGetToKnowUs{width:153px;margin-right:4px;}
.nlGetToKnowUs em{
	width: 151px;
	background:url(../images/MainNavigation/NavGettoknowus.gif) no-repeat top #FFF;
	border:none;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
	}

li.nlNews{width:83px;margin-right:5px;}
.nlNews em{
	width: 81px;
	background:url(../images/MainNavigation/NavNews.gif) no-repeat top #FFF;
	border:none;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;

	}
li.nlCareers{width:93px;margin-right:5px;}
.nlCareers em {
	width: 93px;
	background:url(../images/MainNavigation/NavCareers.gif) no-repeat top #FFF;
	border:none;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;
	}

li.nlLocations, li.nlCareers{width:95px;}
.nlLocations em{
	width: 93px;
	background:url(../images/MainNavigation/NavLocations.gif) no-repeat top #FFF;
	border:none;
	border-top:solid 1px #FFF;
	border-left:solid 1px #FFF;

	}

.nlProductsServices:hover em, .nlGetToKnowUs:hover em, .nlNews:hover em, .nlCareers:hover em, .nlLocations:hover em{ 
	color:#333;
	border:1px solid #E5E5E5;
	border-bottom:1px solid #FFF;
	z-index:20;
	background-position:bottom;
	background-color:#FFF;
	display:block;
	cursor:pointer;


}


html>body#ProductsServices .nlProductsServices:hover em, html>body#ProductsServices .nlProductsServices em{
	background:url(../images/MainNavigation/Navproducts.gif) no-repeat bottom #FFF;
	border:1px solid #E5E5E5;
	border-bottom:1px solid transparent;
	cursor:pointer;
	}
html>body#GetToKnowUs .nlGetToKnowUs:hover em, html>body#GetToKnowUs .nlGetToKnowUs em{
	background:url(../images/MainNavigation/NavGettoknowus.gif) no-repeat bottom #FFF;
	border:1px solid #E5E5E5;
	border-bottom:1px solid transparent;
	cursor:pointer;
	}
html>body#News .nlNews:hover em, html>body#News .nlNews em{
	background:url(../images/MainNavigation/NavNews.gif) no-repeat bottom #FFF;
	border:1px solid #E5E5E5;
	border-bottom:1px solid transparent;
	cursor:pointer;
	}
html>body#Careers .nlCareers:hover em, html>body#Careers .nlCareers em{
	background:url(../images/MainNavigation/NavCareers.gif) no-repeat bottom #FFF;
	border:1px solid #E5E5E5;
	border-bottom:1px solid transparent;
	cursor:pointer;
	}
html>body#Locations .nlLocations:hover em, html>body#Locations .nlLocations em{
	background:url(../images/MainNavigation/NavLocations.gif) no-repeat bottom #FFF;
	border:1px solid #E5E5E5;
	border-bottom:1px solid transparent;
	cursor:pointer;
	}

.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;

	}
	
	/* image replacement general properties */
ul.IR li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	   But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
		font-size: 0.9em;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; }
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */

	/* suckerfish styles */
	
	* html .nav a { height: 1%; }
	
	.nav li ul {
		z-index: 10; /* show the dropdowns above the images */
		top: 40px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		width: 186px;
		background:#FFF;
		border:1px solid #E5E5E5;
		list-style: none;
		position:absolute;
		}
		

	.nav li:hover ul { left: auto; }
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		clear:both;
		}
	
	
.nav li li a:link, .nav li li a:visited {
	display: block;
	padding:8px 0px 8px 8px;
	margin:5px 10px 5px 5px;
	color: #4F6F8d;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
 	width:167px;
	}
	
.nav li li a:hover{
	color:#333;
	background-color:#edf2f5;
	}

ul#locationDropDown {
	width:148px;
	right:0px;	
	}


li#locationDropDownMaryland a {
	background:url(../images/MainNavigation/NavMaryland.gif) no-repeat #FFF;
	margin:10px;
	width:118px;
	height:75px;
	}

li#locationDropDownMaryland a:hover {
	background:url(../images/MainNavigation/NavMaryland.gif) no-repeat #edf2f5;
	}

li#locationDropDownArkansas a {
	background:url(../images/MainNavigation/NavArkansas.gif) no-repeat #FFF;
	margin:0 10px 10px 10px;
	width:118px;
	height:75px;
	}

li#locationDropDownArkansas a:hover {
	background:url(../images/MainNavigation/NavArkansas.gif) no-repeat #edf2f5;
	}


*:first-child+html ul#ProductsServicesDropDown {
	width:186px;
	right:0px;	
	}

*:first-child+html ul#GetToKnowUsDropDown {
	width:189px;
	right:-38px;	
	}

*:first-child+html ul#CareersDropDown {
	width:186px;
	right:-93px;	
	}

* html ul#ProductsServicesDropDown {
	width:186px;
	right:-4px;
	}

* html ul#GetToKnowUsDropDown {
	width:189px;
	right:-40px;	
	}

* html ul#CareersDropDown {
	width:186px;
	right:-98px;	
	}

/* Drop "UP" menu created May 29, 2009 for associates only link in footer */
#associates { 
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
	position:relative;
	width:95px;
	}
	
	#associates li { 
		display:inline;
		}
		
		#associates li ul {
			position:absolute;
			display:block;
			bottom:0px;
			left:-9999px;
			border:1px solid #93aac0;
			background:#eae9dc;
			padding:3px 5px;
			}
			
			#associates li:hover ul { left:-7px; }
			*:first-child+html #associates li:hover ul { left:-46px; }
			* html #associates li:hover ul { left:-46px; }
			
			#associates li ul li { 
				display:block; 
				width:95px;
				}
			
			#associates li ul a {
				color:#4f6f8d;
				}
			#associates li ul a:hover {
				color:#000;
				}