/*
   file: menuh.css
   project: eppapool.com
   usage: style sheet for horizontal menu
   created: October 12, 2009
   author: Calvin Chan
   copyright: Total Website Solutions Inc
*/

/*******************************/
/*** --- Horizontal Menu --- ***/
/*******************************/

/*
preferred colors

#006400   darkgreen
#43cd80   seagreen

other colors used
#4b0082   indigo
#912cee   purple
#ffff00   yellow
#ffffff   white
#000000   black

*/

#menuh {
  float: 		left;
  width: 		520px;
  list-style: 		none;
  line-height: 		1;
  padding: 		0;
  border-width: 	0;
  margin: 		0 0 0 0;
  font-weight: 		900;
  font-size:		11px;
  font-family:		arial, helvetica, sans-serif;
}

#menuh ul {
  list-style: 		none;
  line-height: 		1;
  width:		520px;
  height:		auto;
  padding-left: 	0;
  margin-left:		0;
  border-width: 	0;
}

#menuh li {
  float: 		left;
  list-style: 		none;
  width:		90px;
  padding-top:		6px;
  padding-bottom:	6px;
  padding-left:		10px;
  margin-left:		0;
  background-color:	#006400;
  border-right:		solid 1px #43cd80;
}

#menuh a {
  display:		block;
  color:		#ffffff;
  text-decoration:	none;
}

#menuh a.top_parent, 
#menuh li.top_parent {
  background-image:	url(../images/navdown_white.gif);
  background-position:	center right;
  background-repeat:	no-repeat;
}

#menuh a.parent, 
#menuh li.parent {
  background-image:	url(../images/nav_white.gif);
  background-position:	center right;
  background-repeat:	no-repeat;
}

#menuh li ul {
  position:		absolute;
  display:		block;
  list-style: 		none;
  left:			-999em;
  height:		auto;
  width:		90px;
  border-width:		1px;
  margin-top:		6px;
  margin-left:		-11px;
}

#menuh li li {
  width:		90px;
  padding-left:		10px;
  list-style: 		none;
  border-bottom:	solid 1px #43cd80;
}

#menuh li ul a {
  width:		90px;
  padding-left:		0;
}

#menuh li ul ul {
  width:		90px;
  list-style: 		none;
  margin-top:		-17px;
  margin-left:		90px;
}

#menuh li ul li {
  list-style: 		none;
  margin-left:		0;
  padding-left:		10px;
  border-top:		solid 1px #43cd80;
  border-left:		solid 1px #43cd80;
  border-right:		solid 1px #43cd80;
  border-bottom:	solid 1px #43cd80;
  border-collapse:	collapse;
}

#menuh li:hover ul ul, 
#menuh li:hover ul ul ul, 
#menuh li.sfhover ul ul, 
#menuh li.sfhover ul ul ul {
  left:			-999em;
}

#menuh li:hover ul, 
#menuh li li:hover ul, 
#menuh li li li:hover ul, 
#menuh li.sfhover ul, 
#menuh li li.sfhover ul, 
#menuh li li li.sfhover ul {
  left:			auto;
}

#menuh li:hover, 
#menuh li.sfhover {
  position:		static; /* IE specific: hide when mouse move out */
  color:		#adadad;
  background-color:	#43cd80;
}

#menuh a:hover, 
#menuh a.sfhover {
  color:		#ffff00;
  background-color:	#43cd80;
}