/* sliding doors */


html {
        margin: 0;
        padding: 0;
}

 pre,
blockquote, ul, ol, dl, address {
        margin: 0 0;
        padding: 0;
}
	
	body { 	
		/*behavior: url(hover.htc);
	    text-align: -moz-center;*/
	
		}
	
	.nav a { text-decoration: none; font-weight: bold; color:#666666; }
	.nav a:hover { text-decoration: underline; }
	.nav a:hover { text-decoration: none;
	color:#FFFFFF }
	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;
	background-image: url(../../images/navigation2.jpg);
	}
	
	/* 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;
	margin-left:15px;
		
	
	 }
	.nav li { float: left; padding-bottom: 0px; margin-left:6px; } /* add a little bottom padding to make sure the 
																			  sub menus don't disappear before selecting them */
	 .nav li, .nav li em {
	width: 150px;
	height: 35px;

}
	.link1 a em {width:112px;}
	.link2 a em {width:197px;}
	.link3 a em {width:152px;}
	.link4 a em {width:124px;}
	.link5 a em {width:92px;}
	.link6 a em {width:81px;}
	
	
	li.link1 {width:112px;}
	li.link2 {width:197px;}
	li.link3 {width:152px;}
	li.link4 {width:124px;}
	li.link5 {width:92px;}
	li.link6 {width:81px;}
	
	
	* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */
	
	.link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em { 
		background: url(../../images/navigation2.jpg) no-repeat; 
		cursor: pointer;
		/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	.link1 { left: 0px; }
	.link1 em { background-position: 0px 0px; }
	.link1:hover em { background-position: -0px -33px; }
		.link1:active em { background-position: -0px -66px; }
	.link2 { left: 0px; }
	.link2 em { background-position: -112px 0px; }
	.link2:hover em { background-position: -112px -33px; }
		.link2:active em { background-position: -112px -66px; }
	.link3 { left:0px; }
	.link3 em { background-position: -317px 0; }
	.link3:hover em { background-position: -317px -33px; }
		.link3:active em { background-position: -317px -66px; }
	.link4 { left: 0px; }
	.link4 em { background-position: -474px 0; }
	.link4:hover em { background-position: -474px -33px; }
		.link4:active em { background-position: -474px -66px; }
	.link5 { left: 0px; }
	.link5 em { background-position: -605px 0; }
	.link5:hover em { background-position: -605px -33px; }
		.link5:active em { background-position: -605px -66px; }
	.link6 { left: 0px; }
	.link6 em { background-position: -698px 0; }
	.link6:hover em { background-position: -698px -33.3px; }
		.link6:active em { background-position: -698px -66px; }




	
	/* suckerfish styles - to add dropdown */