/* CSS Document */

body { behavior: url(hover.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: 44px; }


* html>body ul.nav li em { margin-bottom: -24px; } /* for ie5.x/mac only */



.link1 em, .link2 em, .link3 em, .link4 em, .link5 em{
  background: url("images/links.jpg") no-repeat;
  cursor: pointer;
}




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

.link2  { left: 20px; }
.link2, .link2 em { width: 60px; }
.link2 em {
  background-position: -150px 0;
}
.link2:hover em {
  background-position: -150px -44px;
}

.link3  { left: 40px; }
.link3, .link3 em { width: 90px; }
.link3 em {
  background-position: -248px 0;
}
.link3:hover em {
  background-position: -248px -44px;
}

.link4  { left: 50px; }
.link4, .link4 em { width: 80px; }
.link4 em {
  background-position: -370px 0;
}
.link4:hover em {
  background-position: -370px -44px;
}

.link5  { left: 80px; }
.link5, .link5 em { width: 70px; }
.link5 em {
  background-position: -485px 0;
}
.link5:hover em {
  background-position: -485px -44px;
}



/* 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: 43px; /* position the dropdowns a set distance from the top of the image */
  left: -999em;
  list-style: none;
  border: 1px solid #5E6A2A;
  padding-left: 0px;
}

.nav li:hover ul { left: auto; }


.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;
}





.nav li ul a {
  padding: .8em;
  color: #5E6928;
  text-decoration: none;
  background: #CAE364;
}
.nav li ul a:hover {
  color: #F4FFBD;
  background: #78882C;
}