/* $Id: nice_menus_default.css,v 1.1.2.5 2007/10/29 16:35:34 add1sun Exp $ */
/*
  This is the default layout template for nice menus, and will provide
  a starting point for the look of your menus. To customize, it's
  recommended to create a custom CSS file using this file as a template,
  then configure the module to use your custom CSS file
  (this is done in the global settings tab of the theme administration.)

  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 and the handbook page (http://drupal.org/node/185543)
  for some CSS customization examples.
*/

/******************************
 Global CSS for ALL menu types
******************************/

.block-nice-menus {
  line-height: inherit;
}

#page-navigation ul.nice-menu,
#page-navigation ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 101;
}

#page-navigation ul.nice-menu {
  width: 100%;
  border: 0px solid #77b3db;
  border-top-width: 1px;
  background: url("../graphics/menu-bg.png");
  position: absolute;
  top: -28px;
}

#page-navigation div.contextual-links-wrapper {
  top: -28px;
}

/* Layout fix for IE6 -- drop the menu down 1 pixel */
/*
* html #page-navigation ul.nice-menu { bottom: -1px; }
*/

#page-navigation ul.nice-menu li {
  float: left;
  
  display: inline;
  margin-left: 20px; /* Create the margin between each top-level menu item. */
}


#page-navigation ul.nice-menu a {
  float: left;
  padding: 0 12px 0px 10px;
  color: #ffffff;
  font: bold 1.15em/27px Arial, sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}


/*
 * FORMATTING FOR SUBMENU ITEMS
 */

#page-navigation ul.nice-menu ul {
  top: 27px;
  left: 0px;
  border: 2px solid #77b3db;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#page-navigation ul.nice-menu ul li {
  clear: both;
  margin-left: 0px; /* Remove the margin created between each top-level menu item. */
  background: #7dbdea;
}

/* Submenu items -- fonts and item width. */
#page-navigation ul.nice-menu ul li a {
  text-transform: none;
  font: bold 1.1em/24px Arial, sans-serif;
  width: 148px; /* Use this to specify the width of submenu items. */
}

/* Second and third level menus. */
#page-navigation ul.nice-menu li ul li ul {
  left: 170px; /* Positioning for submenu items. */
  top: -2px;
}


/*
 * ARROWS FOR MENU PARENT ITEMS
 */

#page-navigation ul.nice-menu li li.menuparent {
  background-image: url("../graphics/arrow2.gif");
  background-position: 95% center;
  background-repeat: no-repeat;
}

/* IE6 regular items. */
* html #page-navigation ul.nice-menu ul li.menuparent ul li a,
* html #page-navigation ul.nice-menu ul li.menuparent ul li.menuparent ul li a {
  background-image: none;
}

/* IE6 menuparent items. */
* html #page-navigation ul.nice-menu ul li.menuparent a,
* html #page-navigation ul.nice-menu ul li ul li.menuparent a,
* html #page-navigation ul.nice-menu ul li ul li ul li.menuparent a,
* html #page-navigation ul.nice-menu ul li ul li ul li ul li.menuparent a {
  background-image: url("../graphics/arrow2.gif");
  background-position: 95% center;
  background-repeat: no-repeat;
}


/*
 * HOVER EFFECTS
 */

#page-navigation ul.nice-menu li:hover,
* html #page-navigation ul.nice-menu li a:hover {
  background-color: #5b96c0;
}