/*
   file:	menuh.css
   usage:	style sheet for horizontal menu
   project:	DogTrekAlberta.com
   created:	March 29, 2010
   author:	Calvin Chan
   copyright: 	Total Website Solutions Inc
*/

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

#menuh {
  float: 		left;
  width: 		900px;
  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:		900px;
  height:		auto;
  padding-left: 	0;
  margin-left:		0;
  border-width: 	0;
  background-image:	url(../images/menu_bg.gif);
  background-repeat:	repeat-x;
}

#menuh li {
  float: 		left;
  list-style: 		none;
  line-height:		25px;
  width:		120px;
  margin-left:		0;
  color:		#ffffff;
  background-image:	url(../images/menu_button.gif);
  background-repeat:	repeat-x;
}

#menuh a {
  display:		block;
  line-height:		25px;
  color:		#ffffff;
  text-align:		center;
  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;
  width:		120px;
  height:		auto;
  border-width:		0;
  background-image:	url(../images/menu_bg.gif);
  background-repeat:	repeat-x;
}

#menuh li li {
  width:		120px;
  list-style: 		none;
}

#menuh li ul a {
  line-height:		25px;
}

#menuh li ul ul {
  width:		100px;
  list-style: 		none;
  margin-top:		-25px;
  margin-left:		120px;
}

#menuh li ul li {
  list-style: 		none;
  margin-left:		0;
  padding-left:		0;
}

#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;
  color:		#ffffff;
  background:		url(../images/menu_button.gif) repeat-x;
}

#menuh a:hover, 
#menuh a.sfhover {
  color:		#ffff00;
  background:		url(../images/menu_button.gif) repeat-x;
}