.nav a:hover { text-decoration: none; }
	h4.tested { margin-top: 2em; }
	small { line-height: 120%; }
	
	.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;
	}
			
	.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: 0px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them 
	.nav li, .nav li em { width: 97px; height: 41px; }*/
	
	.nav li.home,
	.nav li.home em { width: 97px; height: 41px;  }
	
	.nav li.services,
	.nav li.services em { width: 108px; height: 41px;}
	
	.nav li.overview,
	.nav li.overview em { width: 114px; height: 41px; }
	
	.nav li.news,
	.nav li.news em { width: 135px; height: 41px; }
	
	.nav li.resources,
	.nav li.resources em { width: 121px; height: 41px; }
	
	.nav li.faq,
	.nav li.faq em { width: 88px; height: 41px; }
	
	.nav li.contact,
	.nav li.contact em { width: 107px; height: 41px; }
	
	* html>body ul.nav li em { margin-bottom: -41px; } /* for ie5.x/mac only */
	
	
	.home em, .services em, .overview em, .news em, .resources em, .faq em, .contact em{ 
		background: url(images/nav.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	
	
	.home { left: 0; }
	.home em { background-position: 0 0; }
	body#home-page .home em, .home:hover em { background-position: 0 -41px; }
	.services { left: 0px; }
	.services em { background-position: -97px 0; }
	body#services-page .services em, .services:hover em { background-position: -97px -41px; }
	.overview { left: 0px; }
	.overview em { background-position: -205px 0; }
	body#overview-page .overview em, .overview:hover em { background-position: -205px -41px; }
	.news { left: 0px; }
	.news em { background-position: -319px 0; }
	body#news-page .news em, .news:hover em { background-position: -319px -41px; }
	.resources { left: 0px; }
	.resources em { background-position: -454px 0; }
	body#resources-page .resources em, .resources:hover em { background-position: -454px -41px; }
	.faq { left: 0px; }
	.faq em { background-position: -575px 0; }
	body#faq-page .faq em,.faq:hover em { background-position: -575px -41px; }
	.contact { left: 0px; }
	.contact em { background-position: -663px 0; }
	body#contact-page .contact em,.contact:hover em { background-position: -663px -41px; }
	
	 
	
	/* 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: 41px; /* position the dropdowns a set distance from the top of the image */
		left: -999em;
		list-style: none;
		/*border: 1px solid #ffffff;*/
	}
	
	.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: 100%;
	}
	
	.nav li ul a {
		padding: 3px 0px 3px 26px;
		color: #3f405f;
		background: #e1deed;
		width:160px;
	}
	.nav li ul a:hover {
		color: #3f405f;
		background: #f5fff4;
		width:160px;
	}