/* $Id: nice_menus_default.css,v 1.6 2007/10/29 16:38:28 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: normal;
  z-index: 10;
}
ul.nice-menu,
ul.nice-menu ul { list-style: none; padding: 0; margin: 0; border-width: 0; }
ul.nice-menu li { color: #fff; float: left; background-color: #4d6f4e;
  /* Additional overrides to deal with Garland theme. */
  margin: 0 5px; padding-left: 0; background-image: url(menu-normal.jpg); letter-spacing: 1px; border-left: 1px solid #3a403e; border-bottom: 1px solid #3a4a3e; border-right: 1px solid #3a533e; border-top-style: none; border-top-width: 0; }
/* Overrides for Garland header. */
#header-region ul.nice-menu li { background-image: none; background-position: 0 0; margin: 0;
  /* Padding rules are needed to deal with Garland's header line-height. */
  padding-top: 0.2em; }
ul.nice-menu a { color: #fff; height: 20px; overflow: hidden; margin-right: 5px; margin-left: 5px; padding-top: 5px; padding-right: 5px; padding-left: 5px; }
ul.nice-menu li.active-trail { background-color: #f00; background-image: url(menu-active.jpg); background-repeat: repeat-x; }
ul.nice-menu li ul li, ul.nice-menu li ul li.active-trail { background-color: #dadccf; }
ul.nice-menu li ul li:active, ul.nice-menu li ul li:hover { border: solid 1px white; }
ul.nice-menu ul li { color: #3a2424; background-color: #ccc; height: 20px; overflow: hidden; border-color: #444 #171717 #282828 #161616; border-style: solid; border-width: 1px; }
ul.nice-menu li ul li a { color: #3a2424; font-size: 10px; font-family: Helvetica, Arial, sans-serif; font-stretch: narrower; background-image: url(menu_sub.jpg); background-repeat: repeat-x; text-decoration: none; text-indent: 0; word-spacing: -2px; height: 19px; margin: 0; padding: 0.2em 5px; }
ul.nice-menu li ul li a.active { height: 19px; border-color: white; }
ul.nice-menu ul, /* Repeat for Garland header. */ #header-region ul.nice-menu ul { top: 38px; width: 1000px; overflow: visible; clip: auto; float: right; min-width: 1000px; }
ul.nice-menu li.menu-path-node-10 ul { top: 38px; left: -230px; width: 1300px; min-width: 1000px; float: right; overflow: visible; clip: auto; }
ul.nice-menu li.menu-path-node-14 ul { top: 38px; left: -230px; width: 1300px; min-width: 1000px; float: right; overflow: visible; clip: auto; }
ul.nice-menu li.menu-path-node-334 ul { top: 38px; left: -200px; width: 1300px; min-width: 1000px; float: right; overflow: visible; clip: auto; }
ul.nice-menu li.menu-path-interviews ul { left: -210px; min-width: 1000px; }
/* Override for Garland header. */
/**********************************
 HORIZONTAL (down/horizontal) menus
**********************************/
/* HORIZONTAL menus where submenus pop DOWN in a stacked list. */
ul.nice-menu-down {
   float: left;
   border: 0;
   }
ul.nice-menu-down li li.over,
 #header-region ul.nice-menu-down li li.menuparent:hover,
 #header-region ul.nice-menu-down li li.over {  }
/* HORIZONTAL menus where submenus pop in HORIZONTAL layers. */
ul.nice-menu-horizontal {
  /* Width of the 2nd level menu horizontal line. If you have more items
     in the menu, you may need to change this value so they all fit in one
     horizontal line. */
  width: 920px; }
ul.nice-menu-horizontal li {  }
ul.nice-menu-horizontal ul { width: 63em; 
  /* Width of the 2nd level menu horizontal line, as above. */
  
}
ul.nice-menu-horizontal li.active-trail {  }
ul.nice-menu-horizontal ul ul {
  /* Width of the 3nd level menu horizontal line, as above. */
  
}
ul.nice-menu-horizontal li.menuparent,
ul.nice-menu-horizontal li li.menuparent {  }
ul.nice-menu-horizontal li.menuparent:hover,
ul.nice-menu-horizontal li.over,
ul.nice-menu-horizontal li li.menuparent:hover,
ul.nice-menu-horizontal li li.over {  }
ul.nice-menu li.active-trail ul li
/*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,*/
/* Repeat all this stuff just for Garland headers. 
#header-region ul.nice-menu li:hover ul,
#header-region ul.nice-menu li.menuparent li:hover ul,
#header-region ul.nice-menu li.menuparent li.menuparent li:hover ul,
#header-region ul.nice-menu li.over ul,
#header-region ul.nice-menu li.menuparent li.over ul,
#header-region ul.nice-menu li.menuparent li.menuparent li.over ul*/ {
  visibility: visible;
}