/*  zqlab.com
	 horizontal drop down menu 101
	*/
	
/* Replace #primarynav with what you named the Block in Drupal */

/* Height of the block 
	Put background image here */
#primarynav .content{
height:31px;
width:99%;
}
/* Do not display Block title */
#primarynav h2{
display:none;
visibility:hidden;
}
/* Vertical positioning of the top level menu within the Block body */
#primarynav ul.menu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 98%; /*For KHTML*/
  list-style: none;
  height: 40px;
  padding-top:8px;
}
/* Dimensions for the top level menu items */
#primarynav ul.menu li {
  margin: 0;
  border: 0 none;
  padding: 0px 10px 0px 10px; /* 10 px space left and right side of menu items */
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: auto;
  width:auto;
  text-align:left;
}
/* Dimensions of the first dropdown menu item
	and where its vertical positioning is.  */
#primarynav ul.menu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 170px;
  list-style: none;
  display: none;		/* Hide state */
  position: absolute;
  top: 24px;  			/* 24 px from the top of the root menu */
  background: #fff;
  left: 0;
}
#primarynav ul.menu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
#primarynav ul.menu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
/* Menu Styling
	top level menu */
#primarynav ul.menu a {
  padding: 0 6px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: none;
  color: #5D2E38;	  /* deep raspberry */
  font: bold 12px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align:center;
}
/* Menu Styling
	Hovering state of the top level menu */
#primarynav ul.menu a:hover,
#primarynav ul.menu li:hover a,
#primarynav ul.menu li.iehover a {
  background-color:#fff;
  color: #5D2E38;	  /* deep raspberry */
  border-bottom:7px solid #fff;
}
/* Menu Styling
	First drop down menu  */
#primarynav ul.menu li:hover li a,
#primarynav ul.menu li.iehover li a {
  float: none;
  background: #fff;
  color: #5D2E38;	  /* deep raspberry */
  border-bottom:#ccc solid 1px;  /* medium grey */
  border-left:#ccc solid 1px;
  border-right:#ccc solid 1px;
  font-variant:normal;
  font: 12px/22px Arial, Helvetica, sans-serif;
  text-align:left;
  padding-left:5px;
  }
/* Menu Styling
	First drop down menu Footer image 
	This adds space at the bottom of the menu for an image */
#primarynav ul.menu li.expanded ul.menu{
background:url('img/menufooter.gif') bottom right no-repeat;
padding-bottom:24px;
height:auto;
}
/* Menu Styling
	Second drop down menu hovering state */
#primarynav ul.menu li:hover li a:hover,
#primarynav ul.menu li:hover li:hover a,
#primarynav ul.menu li.iehover li a:hover,
#primarynav ul.menu li.iehover li.iehover a {
  float: none;
  background: #fff;				/* white text */
  color: #5D2E38;  				/* deep raspberry text */
  border-bottom:#ccc solid 1px; /* medium  grey */
  border-left:#ccc solid 1px;
  border-right:#ccc solid 1px;
  font-variant:normal;
  text-decoration:underline;
  font: 12px/22px Arial, Helvetica, sans-serif;

}
/* Menu Styling
	Third drop down menu */
#primarynav ul.menu li:hover li:hover li a,
#primarynav ul.menu li.iehover li.iehover li a {
  background: #EEE;		/* light  grey */
  color: #5D2E38;	  	/* deep raspberry text */
  text-align:left;
  padding-left:5px;
}

/* Menu Styling
	Third drop down menu hovering state */
#primarynav ul.menu li:hover li:hover li a:hover,
#primarynav ul.menu li:hover li:hover li:hover a,
#primarynav ul.menu li.iehover li.iehover li a:hover,
#primarynav ul.menu li.iehover li.iehover li.iehover a {
  background: #CCC;		/* medium  grey */
  color: #FFF;			/* white text */
}
#primarynav ul.menu ul ul,
#primarynav ul.menu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
#primarynav ul.menu li:hover ul ul,
#primarynav ul.menu li:hover ul ul ul,
#primarynav ul.menu li.iehover ul ul,
#primarynav ul.menu li.iehover ul ul ul {
  display: none;
}
#primarynav ul.menu li:hover ul,
#primarynav ul.menu ul li:hover ul,
#primarynav ul.menu ul ul li:hover ul,
#primarynav ul.menu li.iehover ul,
#primarynav ul.menu ul li.iehover ul,
#primarynav ul.menu ul ul li.iehover ul {
  display: block;
}