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

.nav a:hover { text-decoration: none; }

/* 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; width: 569px; border: 0px solid #F00; padding: 0; margin: 0; float: right; }
.nav li { float: left; } /* add a little bottom padding to make sure the 
																		  sub menus don't disappear before selecting them */
.nav li, .nav li em { width: auto; height: 44px; }
.nav li.link1, .nav li.link1 em, .nav li.link1on, .nav li.link1on em  {
	width: 53px;
}
.nav li.link2, .nav li.link2 em, .nav li.link2on, .nav li.link2on em {
	width: 77px;
}
.nav li.link3, .nav li.link3 em, .nav li.link3on, .nav li.link3on em {
	width: 109px;
}
.nav li.link4, .nav li.link4 em, .nav li.link4on, .nav li.link4on em {
	width: 94px;
}
.nav li.link5, .nav li.link5 em, .nav li.link5on, .nav li.link5on em {
	width: 123px;
}
.nav li.link6, .nav li.link6 em, .nav li.link6on, .nav li.link6on em {
	width: 113px;
}
* html>body ul.nav li em { margin-bottom: 0px; } /* for ie5.x/mac only */

.link1 em { 
	background: url(../images/menu-home-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link1on em  {
	background: url(../images/menu-home-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link2 em { 
	background: url(../images/menu-cmr42-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link2on em  {
	background: url(../images/menu-cmr42-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link3 em { 
	background: url(../images/menu-about-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link3on em  {
	background: url(../images/menu-about-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link4 em { 
	background: url(../images/menu-contact-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link4on em  {
	background: url(../images/menu-contact-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link5 em { 
	background: url(../images/menu-downloads-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link5on em  {
	background: url(../images/menu-downloads-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link6 em { 
	background: url(../images/menu-education-off.jpg) no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link6on em  {
	background: url(../images/menu-education-over.jpg) no-repeat;
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
}
.link1, .link1on { width: 53px; }
.link1 em, .link1on em { background-position: 0 0; }
.link1:hover em, .link1on:hover em { background: url(../images/menu-home-over.jpg) no-repeat; }
.link2, .link2on { width: 77px; }
.link2 em, .link2on em { background-position: 0 0; }
.link2:hover em, .link2on:hover em { background: url(../images/menu-cmr42-over.jpg) no-repeat;) }
.link3, .link3on { width: 109px; }
.link3 em, .link3on em { background-position: 0 0; }
.link3:hover em, .link3on:hover em { background: url(../images/menu-about-over.jpg) no-repeat;) }
.link4, .link4on { width: 94px; }
.link4 em, .link4on em { background-position: 0 0; }
.link4:hover em, .link4on:hover em { background: url(../images/menu-contact-over.jpg) no-repeat;) }
.link5, .link5on { width: 123px; }
.link5 em, .link5on em { background-position: 0 0; }
.link5:hover em, .link5on:hover em { background: url(../images/menu-downloads-over.jpg) no-repeat;) }
.link6 em, .link6on em { background-position: 0 0; }
.link6:hover em, .link6on:hover em { background: url(../images/menu-education-over.jpg) no-repeat;) }

/* suckerfish styles */
.nav a { display: block; font-weight: normal; }
* html .nav a { height: 1%; }

.nav li ul {
	position: absolute;
	z-index: 10; /* show the dropdowns above the images */
	top: 44px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	border: 0px solid #FFCC00;
	margin-left:0;
	padding: 8px 0 14px;
	width: 188px;
	background: url(../images/menu-flyout-bg-b.png) no-repeat bottom left;
	text-align: left;
}

.nav li:hover ul { left: -6px; }

.nav li li {
	height: auto; /* reset the height and padding set on the IR list items */
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 13px;
	border: 0px solid #F00;
}

.nav li ul a {
	margin: 0 6px;
	padding: 5px 10px;
	color : #76b12d;
	width: auto;
}
.nav li ul a:hover {
	background: #ebf3d8;
}