/* CSS Document */

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



.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 */






ul.IR li {
  position: relative;
  /*overflow: hidden;
  commented out for this example */
  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;
  commented out for this example */
  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 */
.nav li, .nav li em { height: 39px; }


* 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, .link7 em, .link8 em{
  background: url("../images/menu2_hamilton.jpg") no-repeat;
  cursor: pointer;
}




.link1  { left: 0; }
.link1, .link1 em { width: 75px }
.link1 em {
  background-position: 0 0;
}
.link1:hover em {
  background-position: 0 -39px;
}

.link2  { left: 0px; }
.link2, .link2 em { width: 82px; }
.link2 em {
  background-position: -75px 0;
}
.link2:hover em {
  background-position: -75px -39px;
}

.link3  { left: 0px; }
.link3, .link3 em { width: 96px; }
.link3 em {
  background-position: -156px 0;
}
.link3:hover em {
  background-position: -156px -39px;
}

.link4  { left: 0px; }
.link4, .link4 em { width: 65px; }
.link4 em {
  background-position: -255px 0;
}
.link4:hover em {
  background-position: -255px -39px;
}

.link5  { left: 0px; }
.link5, .link5 em { width: 65px; }
.link5 em {
  background-position: -320px 0;
}
.link5:hover em {
  background-position: -320px -39px;
}

.link6  { left: 0px; }
.link6, .link6 em { width: 102px; }
.link6 em {
  background-position: -385px 0;
}
.link6:hover em {
  background-position: -385px -39px;
}


.link7  { left: 0px; }
.link7, .link7 em { width: 92px; }
.link7 em {
  background-position: -487px 0;
}
.link7:hover em {
  background-position: -487px -39px;
}





/* suckerfish styles */

.nav a { display: block; }
/* The Holly Hack */
* html .nav a { height: 1%; }

.nav li ul {
  position: absolute; 
  z-index: 10; /* show the dropdowns above the images */
  top: 40px; /* position the dropdowns a set distance from the top of the image */
  left: -999em;
  list-style: none;
  border: 1px solid #FFFFFF;
  padding-left: 0px;
}

.nav li:hover ul {
	display: block; 
	left: 0em; 
}


.nav li li { 
  height: auto;
  width: 160px;
  padding-bottom: 0; /* reset the height set on the IR list items */
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  border-bottom: 0px solid #4F5D18;
  text-align: left;
}





.nav li ul a {
  padding: .8em;
  color: #5E6928;
  text-decoration: none;
  background: #9ED3F1;
}
.nav li ul a:hover {
  color: #F4FFBD;
  background: #227EB1;
}