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

* #navnav {position:relative; z-index:30;}

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

.nlHome em, .nlStudies em, .nlStore em, .nlEvents em, .nlTraining em{
	display:block;
	height:35px;
	cursor:pointer;
}

li.nlHome{width:93px;
}
.nlHome em{ 
	display: block;
	width: 93px;
	height:35px;
	padding-top:0;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	background:url(../Images/mainNav/home_UP.gif) no-repeat;
	font-family: trebuchet ms,verdana,arial,sans-serif;
	font-size:11px;
}


li.nlStudies{width:93px;}
.nlStudies em{
	display: block;
	width: 93px;
	height:35px;
	padding-top:0;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	background:url(../Images/mainNav/studies_UP.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}

li.nlStore{width:93px;}
.nlStore em{
	display: block;
	width: 93px;
	height:35px;
	padding-top:0;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	background:url(../Images/mainNav/store_UP.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

	}
li.nlEvents{width:93px;}
.nlEvents em {
	display: block;
	width: 93px;
	height:35px;
	padding-top:0;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	background:url(../Images/mainNav/seminars_UP.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	}

li.nlTraining, li.nlEvents{width:93px;}
.nlTraining em{
	display: block;
	width: 93px;
	height:35px;
	padding-top:0;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	background:url(../Images/mainNav/training_UP.gif) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;

	}

.nlHome:hover em { 
	background:url(../Images/mainNav/home_DOWN.gif) no-repeat;
	color:#0066A6;
	}
	
.nlStudies:hover em { 
	background:url(../Images/mainNav/studies_DOWN.gif) no-repeat;
	color:#0066A6;
	}
	
.nlStore:hover em { 
	background:url(../Images/mainNav/store_DOWN.gif) no-repeat;
	color:#0066A6;
	}
	
.nlEvents:hover em { 
	background:url(../Images/mainNav/seminars_DOWN.gif) no-repeat;
	color:#0066A6;
	}
	
.nlTraining:hover em{ 
	background:url(../Images/mainNav/training_DOWN.gif) no-repeat;
	color:#0066A6;
	}
	
html>body#Home .nlHome:hover em, html>body#Home .nlHome em{
	background:url(../Images/mainNav/home_DOWN.gif) no-repeat;
	cursor:pointer;
	}
html>body#Studies .nlStudies:hover em, html>body#Studies .nlStudies em{
	background:url(../Images/mainNav/studies_DOWN.gif) no-repeat;
	cursor:pointer;
	}
html>body#Store .nlStore:hover em, html>body#Store .nlStore em{
	background:url(../Images/mainNav/store_DOWN.gif) no-repeat;
	cursor:pointer;
	}
html>body#Events .nlEvents:hover em, html>body#Events .nlEvents em{
	background:url(../Images/mainNav/seminars_DOWN.gif) no-repeat;
	cursor:pointer;
	}
html>body#Training .nlTraining:hover em, html>body#Training .nlTraining em{
	background:url(../Images/mainNav/training_DOWN.gif) no-repeat;
	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: 35px; /* position the dropdowns a set distance from the top of the image */
		border-width:1px;
		position:absolute;
		left: -999em;
		height: auto;
		width: 186px;
		font-weight: normal;
		margin: 0;
		background:url(../Images/mainNav/gradbgTB.gif) repeat-x top #a0cde7;
		padding-bottom:20px;
		border: solid 1px #FFF;
		}		

	.nav li:hover ul {left:0; display:block; }
	
	*:first-child+html .nav li:hover ul {left:0;}
	*html .nav li:hover ul {left:0;}
	
	.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:12px 0px 0px 20px;
	margin:1px 5px 1px 0px;
	color: #025388;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
 	width:167px;
	height:25px;
	}
	
.nav li li a:hover{
	color:#FFF;
	background:url(../Images/mainNav/nvbg2.gif) no-repeat center 6px;

	}