/* $Id: nice_menus.css,v 1.14.2.7 2007/07/03 16:39:06 add1sun Exp $ */
/*
  To help understand the CSS, the HTML looks like this (where x is a number; TYPE is down/left/right; PATH is the menu path such as node/343; MID is the menu id such as 33):
  <ul id='nice-menu-x' class='nice-menu nice-menu-TYPE'>
    <li id='menu-MID' class='menu-path-PATH'><a href='#'>This is a menu item</a></li>
    <li class='menuparent menu-path-PATH'><a href='#'>A submenu</a>
      <ul...><li...>...</li>
      </ul>
    </li>
    ...
  </ul>

  If you have more than one nice-menu and want to target a particular one, use its id (e.g. ul.#nice-menu-2)

  See README.txt for some CSS customization examples!

  First we're going to define CSS for all menus, then we'll define based on the type of menu
*/

/* below should fix menu being a few pixels away in some themes, and menus disappearing behind other stuff */

/*
#menu-109 a:active, #menu-109 ul li a:active { background-position: 0 -43px !important; }
#menu-108 { background-image: url(/images/nav/home.gif); background-repeat: no-repeat; background-position: left top; width: 81px; height: 43px; float: left; }
#menu-109 { background-image: url(/images/nav/whole-grains-101.gif); background-repeat: no-repeat; background-position: left top; width: 161px; height: 43px; float: left; }
#menu-110 { background-image: url(/images/nav/whole-grain-stamp.gif); background-repeat: no-repeat; background-position: left top; width: 164px; height: 43px; float: left; }
#menu-111 { background-image: url(/images/nav/find-whole-grains.gif); background-repeat: no-repeat; background-position: left top; width: 159px; height: 43px; float: left; }
#menu-112 { background-image: url(/images/nav/recipes.gif); background-repeat: no-repeat; background-position: left top; width: 85px; height: 43px; float: left; }
#menu-113 { background-image: url(/images/nav/resources.gif); background-repeat: no-repeat; background-position: left top; width: 104px; height: 43px; float: left; }
#menu-114 { background-image: url(/images/nav/newsroom.gif); background-repeat: no-repeat; background-position: left top; width: 109px; height: 43px; float: left; }
#menu-115 { background-image: url(/images/nav/get-involved.gif); background-repeat: no-repeat; background-position: left top; width: 128px; height: 43px; float: left; }
*/

#nav ul a:link, #nav ul a:visited { font-weight: normal; text-decoration: none; display: block; }
/* //ck - begin */
/*#nav ul a:hover { font-weight: bold; background-position: 0 -43px; }*/
#nav ul a:hover {  background-position: 0 -43px; }
#nav ul li ul li a:hover { background-color: #c37a13; color: #fff;}
/* //ck - end */
/*
#menu-90 a:active, #menu-109 ul li a:active { background-position: 0 -43px !important; }
#menu-97 { background-image: url(/images/nav/home.gif); background-repeat: no-repeat; background-position: left top; width: 81px; height: 43px; float: left; }
#menu-90 { background-image: url(/images/nav/whole-grains-101.gif); background-repeat: no-repeat; background-position: left top; width: 161px; height: 43px; float: left; }
#menu-89 { background-image: url(/images/nav/whole-grain-stamp.gif); background-repeat: no-repeat; background-position: left top; width: 164px; height: 43px; float: left; }
#menu-87 { background-image: url(/images/nav/find-whole-grains.gif); background-repeat: no-repeat; background-position: left top; width: 159px; height: 43px; float: left; }
#menu-98 { background-image: url(/images/nav/recipes.gif); background-repeat: no-repeat; background-position: left top; width: 85px; height: 43px; float: left; }
#menu-99 { background-image: url(/images/nav/resources.gif); background-repeat: no-repeat; background-position: left top; width: 104px; height: 43px; float: left; }
#menu-100 { background-image: url(/images/nav/newsroom.gif); background-repeat: no-repeat; background-position: left top; width: 109px; height: 43px; float: left; }
#menu-101 { background-image: url(/images/nav/get-involved.gif); background-repeat: no-repeat; background-position: left top; width: 128px; height: 43px; float: left; }
*/
/* begin css to hide menu links */
/* //ck - begin */
/*
ul.nice-menu li a { color: black !important; font-size: 1px; font-size: 0px; font-stretch: ultra-condensed; text-decoration: none; height: 40px; display: block; }
ul.nice-menu li ul li a { color: black; height: auto !important; display: block !important; font-size: 90%; }
*/
ul.nice-menu li a { font-size: 1px; font-size: 0px; font-stretch: ultra-condensed; text-decoration: none; height: 40px; display: block; }
ul.nice-menu li ul li a {  height: auto !important; display: block !important; font-size: 90%; }
/* //ck - end */
/* end css to hide menu links */

.block-nice_menus { line-height: normal;
  /*font-size: normal;*/
  /*position: relative;*/
  z-index: 10; }

ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 5;

}

ul.nice-menu li {
  border-top: 0;
  position: relative;
  float: left;
  background-color: #fed564;
}

ul.nice-menu ul,
#header-region ul.nice-menu ul { /* for Garland header */
  position: absolute;
  top: 1.8em;
  left: -1px;
  border: 0;
  margin-right: 0;
  display: none;
}

ul.nice-menu li.over ul{
  display: block;
}

ul.nice-menu ul li { 
	text-align: left; 
	width: 12.5em; 
	display: block;  
}

ul.nice-menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Show submenus when over their parents */
ul.nice-menu li:hover ul, ul.nice-menu li.menuparent li:hover ul, ul.nice-menu li.menuparent li.menuparent li:hover ul, ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul, ul.nice-menu li.over ul, ul.nice-menu li.menuparent li.over ul, ul.nice-menu li.menuparent li.menuparent li.over ul, ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul { display: block !important; }

/* Hide sub-menus initially */
ul.nice-menu li:hover ul ul, ul.nice-menu li:hover ul ul ul, ul.nice-menu li:hover li:hover ul ul, ul.nice-menu li:hover li:hover ul ul ul, ul.nice-menu li:hover li:hover li:hover ul ul, ul.nice-menu li:hover li:hover li:hover ul ul ul, ul.nice-menu li.over ul ul, ul.nice-menu li.over ul ul ul, ul.nice-menu li.over li.over ul ul, ul.nice-menu li.over li.over ul ul ul, ul.nice-menu li.over li.over li.over ul ul, ul.nice-menu li.over li.over li.over ul ul ul  {
  display: none;
}

/* Now stuff specific to the menu type (down, left or right menu pop) */

/* All VERTICAL (left/right) menus */

/* This is the default width of vertical menus. You can override these in your own stylesheet. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li{
  width: 12.5em;
}

/* stuff for HORIZONTAL menus where submenus pop DOWN */

ul.nice-menu-down {
  float: left;
  border: 0;
}



*html ul.nice-menu-down ul {
  left: 0;
  margin-top: 0px; 
}
ul.nice-menu-down ul {
  left: 0;
  margin-top: 20px; 
}

ul.nice-menu-down li li {
border-top: 0;
}

ul.nice-menu-down li li a { 
	color: #50310e; 
	font-size: 90%; 
	font-weight: normal; 
	background-color: #fed564; 
	text-decoration: none; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 15px; 
	border-bottom: 1px dotted #591224; 
}
ul.nice-menu-down .menuparent a{
  padding-right: 15px;

}

ul.nice-menu-down li:hover, ul.nice-menu-down li.menuparent:hover {
   background-position: 0 -43px !important;  
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header */
#header-region ul.nice-menu-down li.menuparent:hover,
#header-region ul.nice-menu-down li.over {
}

ul.nice-menu-down li li.menuparent {

}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header */
#header-region ul.nice-menu-down li li.menuparent:hover,
#header-region ul.nice-menu-down li li.over {



}

ul.nice-menu-down ul li {
  clear: both;
}
/* [IE6] Invisible iframe to fix z-index bug when menu hovers over <select> fields*/
ul.nice-menu li.menuparent ul,
#header-region ul.nice-menu li.menuparent ul { /* for Garland header */
	overflow: visible !important;
	/* overflow: hidden; */
}
ul.nice-menu li.menuparent ul iframe,
#header-region ul.nice-menu li.menuparent ul iframe { /* for Garland header */
	display: none;
	display/**/:block;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:400px;
	height:400px;
}