/*
  To help understand the CSS, the HTML looks like this (where x is a number):
  <ul id='nice-menu-x' class='nice-menu'>
    <li><a href='#'>This is a menu item</a></li>
    <li class='menuparent'><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)
*/

/* most people won't want to see the menu's title */
.block-nice_menus h2 {
  display: none;
}

ul.nice-menu,
ul.nice-menu ul {
  width: 100px; /* override this for a different menu width. WARNING: have to change in other places too */
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px #333 solid;
  text-align: center;
}
	

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


ul.nice-menu li {
  position: relative;
  float: left;
  width: 100px; /* Width of Menu Items */
  background: #transparent; /* IE6 Bug */
  font-weight: bold;
}

ul.nice-menu li a {
  display: block;
  text-decoration: none;
  padding: 3px;
  border-bottom: 0;
  font-weight: bold;
}

ul.nice-menu li li {
	width: 100px;
}

ul.nice-menu li li a {
  display: block;
  text-decoration: none;
  padding: 3px;
  background-color: #333;
  font-weight: bold;
  text-align: center;
}

/* Fix IE. Hide from IE Mac \*/
* html ul.nice-menu li { float: left; height: 1%; }
* html ul.nice-menu li a { height: 1%; }
/* End */


ul.nice-menu ul {
  position: absolute;
  display: none;
}


/* Sub Menu Styles */
ul.nice-menu li ul li a { 
  padding: 3px; 
} 

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

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


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

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

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

ul.nice-menu-down li.menuparent {
  border-bottom: 0px #999 solid;
}
ul.nice-menu-down li.menuparent li {
  border-bottom: 0;
}

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

ul.nice-menu-down ul ul {
  left: 109px;
  top: 0;
}

ul.nice-menu-down .active {
	color: white;
}

ul.nice-menu-down li.menuparent { 
  background-color: transparent; 
}

/*
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
ul.nice-menu-down a:hover,
ul.nice-menu-down .active {
  background-color: #666;
}
*/

/* ul.nice-menu-down a:hover, */

ul.nice-menu-down li.over,
ul.nice-menu-down li:hover,
ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.menuparent.active {
  background-color: #333;
}

ul.nice-menu-down li li.menuparent { 
  background-color: #333; 
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over {
  background-color: #333;
}

ul.nice-menu li li .active,
ul.nice-menu li li a:hover {
	background-color: #666 !important;
}