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



.linkB1 em, .linkB2 em, .linkB3 em, .linkB4 em, .linkB5 em, .linkB6 em{
  background: url("images/linksB.jpg") no-repeat;
  cursor: pointer;
}



.linkB1  { left: 0; }
.linkB1, .linkB1 em { width: 64px }
.linkB1 em {
  background-position: 0 0;
}
.linkB1:hover em {
  background-position: 0 -43px;
}


.linkB2  { left: 20px;; }
.linkB2, .linkB2 em { width: 101px }
.linkB2 em {
  background-position: -101px 0;
}
.linkB2:hover em {
  background-position: -101px -43px;
}

.linkB3  { left: 40px; }
.linkB3, .linkB3 em { width: 60px; }
.linkB3 em {
  background-position: -244px 0;
}
.linkB3:hover em {
  background-position: -244px -43px;
}

.linkB4  { left: 60px; }
.linkB4, .linkB4 em { width: 90px; }
.linkB4 em {
  background-position: -345px 0;
}
.linkB4:hover em {
  background-position: -345px -43px;
}

.linkB5  { left: 70px; }
.linkB5, .linkB5 em { width: 70px; }
.linkB5 em {
  background-position: -464px 0;
}
.linkB5:hover em {
  background-position: -464px -43px;
}

.linkB6  { left: 100px; }
.linkB6, .linkB6 em { width: 70px; }
.linkB6 em {
  background-position: -581px 0;
}
.linkB6:hover em {
  background-position: -581px -43px;
}



/* 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: 42px; /* 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;
  font-weight: 500;
  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;
}