/*
  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).

*/

/**
* Resets CSS for NiceMenus
*/
ul.nice-menu,
ul.nice-menu a,
ul.nice-menu ul,
ul.nice-menu li,
ul.nice-menu-down,
ul.nice-menu-down ul,
ul.nice-menu-down li,
ul.nice-menu li.menuparent,
ul.nice-menu li.menuparent a {
  border: 0;
  padding:0;
  margin: 0;
  background-color: transparent;
  background-image: none;
}

#block-nice_menus-1 { width: 980px; margin: 0 auto -20px; position: relative; top: -20px; }

ul.nice-menu li,
ul.nice-menu li.menuparent {
  float: left;
  text-align: center;
  background:url(images/nav_bg.png) repeat-x;
  height:45px;
}
ul.nice-menu li:last-child { border-right: none; }
ul.nice-menu li a,
ul.nice-menu li.menuparent a {
  display: block;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 95%;
  color: #FFFFFF;
  text-shadow: .05em .05em #666666;
  font-weight: bold;
  padding: 8px 0;
  position:relative;
  top:8px;
  border-right:1px solid #D6C9A9;
}
ul.nice-menu li.menuparent li a {
  padding-top: 5px;
  font-size:80%;
}
ul.nice-menu li.menuparent li a {border:none;padding: 10px 0;top:0;height: auto;}
ul.nice-menu li.menuparent ul {margin-top:6px;}
ul.nice-menu li.menuparent li {background:none #bdbd64;border-right:none;border-bottom:1px solid #D6C9A9;float:none;min-height:30px;height:auto;}
ul.nice-menu li li:hover {border-right:none;background-color:#8a8a48;}

ul.nice-menu li:hover {background-position:0 -50px;}
ul.nice-menu li.menuparent li a:hover { border: none; }
ul.nice-menu-down {
	float: left;
	position:relative;
	top:20px;
	margin-bottom:-12px;
}

#menu-248 a { width: 105px; }
#menu-249 a { width: 152px; }
#menu-250 a { width: 160px; }
#menu-251 a { width: 177px; }
#menu-252 a { width: 145px; }
#menu-253 a { width: 114px; }
#menu-254 a { width: 120px; border-right: none; }

#menu-248 a:hover,
#menu-249 a:hover, 
#menu-250 a:hover, 
#menu-251 a:hover, 
#menu-252 a:hover, 
#menu-253 a:hover, 
#menu-254 a:hover { }

#menu-257 a,
#menu-258 a {width: 160px; }

#menu-257 a:hover,
#menu-258 a:hover {  }

#menu-458 a, 
#menu-459 a,
#menu-460 a,
#menu-461 a,
#menu-462 a,
#menu-463 a,
#menu-464 a,
#menu-465 a,
#menu-466 a,
#menu-467 a,
#menu-469 a,
#menu-470 a {width: 200px;}