/* CSS Document */   /**/
* { margin: 0; padding: 0; }
	body { 	
		margin: 1em;	
		/* font: 83%/140% Verdana,Arial,Helvetica,sans-serif; */
		/*behavior: url(csshover2.htc);*/
	}
	
	a { text-decoration: none; font-weight: bold; }
	a:hover { text-decoration: underline; }
	.nav a:hover { text-decoration: none; }
	small { line-height: 120%; }

	li {list-style-type: none;} 
	
	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clear { display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clear { height: 1%; }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* 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;
		margin: 0;
		padding: 0;
		z-index: 20;
	}
	/* image replacement general properties for menu 2 */
	ul.IR2 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;
		margin: 0;
		padding: 0;
		z-index: 10;
	}
	
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
	}		
	.IR2 em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 10;
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
		z-index: 1;
  }
	/* For IE5.x mac only */
	* html>body	.IR2 { 
		position: static;
		overflow: visible;
		font-size: 10px;
		z-index: 10;
  }

	* html>body .IR em  { position: static; }
	
	/* image replacement specific properties */
	.nav { list-style: none; margin: 0; padding: 0;}
	.nav li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em {
	width: 212px;
	height: 35px;
}
	* html>body .IR2 em  { position: static; }
	
	/* image replacement specific properties */
	.nav2 { list-style: none; margin: 0; padding: 0;}
	.nav2 li { float: left; padding-bottom: 10px; } /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav2 li, .nav2 li em {
	width: 150px;
	height: 46px;
}

	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em { 
		background: url("../images/LinksTop.jpg") no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	
	}
	.link1 { left: 0; }
	.link1 em { background-position: 0 0; }
	.link1:hover em { background-position: 0 -35px; }
	
	.link2 { left: 0px; }
	.link2 em { background-position: -212px 0; }
	.link2:hover em { background-position: -212px -35px; }
	
	.link3 { left: 0px; }
	.link3 em { background-position: -426px 0; }
	.link3:hover em { background-position: -426px -35px; }
	
	.link4 { left: 0px; }
	.link4 em { background-position: -638px 0; }
	.link4:hover em { background-position: -638px -35px; }
	
	* html>body ul.nav2 li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	.link5 em, .link6 em, .link7 em, .link8 em { 
		background: url("../images/LinksTop2.jpg") no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	
	}
	.link5 { left: 0px; width="137" }
	.link5 em { background-position: 0 0; width="137" }
	.link5:hover em { background-position: 0 -46px; }
	
	.link6 { left: 0px; width="124" }
	.link6 em { background-position: -261px 0; width="124" }
	.link6:hover em { background-position: -261px -46px; }
	
	.link7 { left: 0px; width="161" }
	.link7 em { background-position: -428px 0; width="161" }
	.link7:hover em { background-position: -428px -46px; }
	
	.link8 { left: 0px; width="231" }
	.link8 em { background-position: -653px 0 width="231"; }
	.link8:hover em { background-position: -653px -46px; }

/* TEST OF WIDTHS OF MENU2 */
	.link5width { width="137" }
	.link6width { width="124" }
	.link7width { width="161" }
	.link8width { width="231" }
/* END TEST OF WIDTHS OF MENU2 */
	
	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; }
	* html .nav a { height: 1%; }
	
	.nav li ul {
		position: absolute;
		z-index: 20; /* show the dropdowns above the images */
		top: 35px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		/* border: 1px solid #003366; */
	}
	
	.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;
		font-size: 110%;
		border-bottom: 1px solid #FFFFFF;
	}
	
	.nav li ul a {
		padding: 0.25em;
		color: #003366;
		background: #c6dfeb;
	}
	.nav li ul a:hover {
		color: #FFFFFF;
		background: #003366;
	}

	/* suckerfish styles */
	.nav2 a { display: block; font-weight: normal; }
	* html .nav2 a { height: 1%; }
	
	.nav2 li ul {
		position: absolute;
		z-index: 100000; /* show the dropdowns above the images */
		top: 46px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		/* border: 1px solid #003366; */
	}
	
	.nav2 li:hover ul { left: auto; }
	
	.nav2 li li {
		height: auto; /* reset the height and padding set on the IR list items */
		padding-bottom: 0;
		font-size: 110%;
		border-bottom: 1px solid #FFFFFF;
	}
	
	.nav2 li ul a {
		padding: 0.25em;
		color: #003366;
		background: #c6dfeb;
	}
	.nav2 li ul a:hover {
		color: #FFFFFF;
		background: #003366;
	}