/* $Id: nice_menus_default.css,v 1.1.2.1 2007/08/15 15:42:12 thehunmonkgroup 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 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
*/

#block-nice_menus-1 div
{
  
}

ul.nice-menu ul li.collapsed,
ul.nice-menu ul li.leaf
{
	background:#E2E5EA;
}

nice-menu,
nice-menu ul,
nice-menu ul ul
{
  list-style: none;
}

ul.nice-menu,
ul.nice-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

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

ul.nice-menu li li {
  background-color: #e2e5ea;
}
ul.nice-menu a {
  padding: 0.3em 15px 0.3em 5px;
}

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

ul.nice-menu ul li{
  width: 12.5em;
}

/* 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. */
ul.nice-menu-right, ul.nice-menu-left,
ul.nice-menu-right li, ul.nice-menu-left li{
  width: 12.5em;
}

/* stuff for VERTICAL menus where submenus pop RIGHT (default) */

ul.nice-menu-right ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right ul ul {
  width: 12.5em;
  left: 12.5em;
  top: -1px;
}

ul.nice-menu-right li.menuparent
{
  background: url(arrow-right.png) 135px 7px no-repeat;
}

ul.nice-menu-right li li.menuparent{
  background: #e2e5ea url(arrow-right.png) 135px 7px no-repeat;
}

ul.nice-menu-right li.collapsed:hover,
ul.nice-menu-right li.leaf:hover,
ul.nice-menu-right li.menuparent:hover,
ul.nice-menu-right li.over,
ul.nice-menu-right li li.menuparent:hover,
ul.nice-menu-right li li.over{
  background: #B9C7D7 url(arrow-right.png) 135px 7px no-repeat;
}

/* stuff for VERTICAL menus where submenus pop LEFT */

ul.nice-menu-left li ul{
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li ul li ul {
  width: 12.5em;
  left: -12.65em;
  top: -1px;
}

ul.nice-menu-left li.menuparent,
ul.nice-menu-left li li.menuparent{
  background: #e2e5ea url(arrow-left.png) left center no-repeat;
}

ul.nice-menu-right li.collapsed:hover,
ul.nice-menu-right li.leaf:hover,
ul.nice-menu-right li:hover
{
  background: #B9C7D7 left center no-repeat;
}

ul.nice-menu-left li.menuparent:hover,
ul.nice-menu-left li.over,
ul.nice-menu-left li li.menuparent:hover,
ul.nice-menu-left li li.over{
  background: #B9C7D7 left center no-repeat;
}

ul.nice-menu-left a, ul.nice-menu-left ul a {
  padding-left: 14px;
}

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

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

ul.nice-menu-down li {
}

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

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

ul.nice-menu-down ul li {
  clear: both;
}

ul.nice-menu-down li ul li ul,
#nav ul.nice-menu-down li ul li ul { /* for Garland header */
  left: 12.5em;
  top: 1px;
}

ul.nice-menu-down .menuparent a {
  padding-right: 15px;
}

ul.nice-menu-down li.menuparent {
  background: url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li.menuparent:hover,
ul.nice-menu-down li.over,
/* Repeat for Garland header */
#nav ul.nice-menu-down li.menuparent:hover,
#nav ul.nice-menu-down li.over {
  background: #B9C7D7 url(arrow-down.png) right center no-repeat;
}

ul.nice-menu-down li li.menuparent {
  background: url(arrow-right.png) 135px 7px no-repeat;
}

ul.nice-menu-down li li.menuparent:hover,
ul.nice-menu-down li li.over,
/* Repeat for Garland header */
#nav ul.nice-menu-down li li.menuparent:hover,
#nav ul.nice-menu-down li li.over {
  background: #B9C7D7 url(arrow-right.png) 135px 7px no-repeat;
}

/* Additional overrides to deal with Garland theme */
ul.nice-menu li {
  margin: 0;
  padding-left: 0;
  background-image: none;
}

#nav ul.nice-menu li li {
top: -3px;
}

#nav ul.nice-menu li {
  margin: 0;
  padding: 0;
  line-height: normal;
  background: none;
}

#nav ul.nice-menu li li {
  background: #d2e6f3;
}

#nav ul.nice-menu-down li.menuparent{
  background: url(arrow-down.png) right center no-repeat;
}

#nav ul.nice-menu-down li li.menuparent{
  background: url(arrow-right.png) 135px 7px no-repeat;
}

#nav ul.nice-menu-down li li.menuparent{
  background: #d2e6f3 url(arrow-right.png) 135px 7px no-repeat;
}

#nav ul.nice-menu li li {
  border-bottom: 1px solid #e2e5ea;
  border-left: 1px solid #e2e5ea;
  border-right: 1px solid #e2e5ea;
  width: 12.5em;
}

ul.nice-menu li ul {
  width: 12.5em;
}

#nav {
    position: absolute;
	top: 14px;
	left: 15px;
	z-index: 1;
}