/* $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.
*/
/******************************
CSS for Admin Bar
******************************/
		#admin-bar ul.nice-menu{
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			height: 30px;
		}

		#admin-bar ul.nice-menu li {
		  float: left;
		  border-left: 1px solid #666;
		  border-right: 1px solid #000;
		}

		#admin-bar ul.nice-menu a {
		  display: block;
		  color: white;
		  font-size: 12px;
		  height: 22px;
		  padding: 4px 5px;
		  float: left;
		}
		#admin-bar ul.nice-menu a:hover {
			/*opacity: 1.0;*/
			background: #202020;
			text-decoration: none;
		}
		#admin-bar ul.nice-menu .hover{
			background: #202020;
		}

		#admin-bar ul.nice-menu ul
		{
		  list-style: none;
		  padding: 0;
		  margin: 0;
		  float: left;
		  
		  top: 30px;
		  left: -1px;
		  border: 0;
		  /*border-top: 1px solid #ccc;8*/
		  background: #202020;
		  margin-right: 0;
		  padding-bottom: 10px;
		}

		#admin-bar ul.nice-menu ul li {
		  width: 200px;
		}

		#admin-bar ul.nice-menu ul li a {
			width: 180px;
			height: 16px;
			padding: 2px 5px;
		}
		#admin-bar ul.nice-menu ul li a:hover {
			/*opacity: 1.0;*/
			background: #333;
		}

		/******************************
		 HORIZONTAL (down) menus
		******************************/

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

		#admin-bar ul.nice-menu-down li {
		  /*border-top: 1px solid #333;*/
		}

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

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

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

		#admin-bar ul.nice-menu-down li ul li ul
		{
		  left: 12.5em;
		  top: -1px;
		}

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

		#admin-bar ul.nice-menu-down li.menuparent
		{
		  /*background: #eee url(arrow-down.png) right center no-repeat;*/
		}

		#admin-bar ul.nice-menu-down li.menuparent:hover,
		#admin-bar ul.nice-menu-down li.over
		{
		 /* background: #ccc url(arrow-down.png) right center no-repeat;*/
		}

		#admin-bar ul.nice-menu-down li li.menuparent
		{
		  /*background: #eee url(arrow-right.png) right center no-repeat;*/
		}

		#admin-bar ul.nice-menu-down li li.menuparent:hover,
		#admin-bar ul.nice-menu-down li li.over
		{
		  /*background: #ccc url(arrow-right.png) right center no-repeat;*/
		}		
		
		

/******************************
CSS for Primary Links Bar
******************************/
		#primary-links ul.nice-menu{
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			height: 30px;
		}
		#primary-links ul.nice-menu li {
		  display: block;
		  float: left;
		  padding: 0 1px 0 0;
		  background: url(../images/nav-break.png) top right no-repeat;
		  text-transform: uppercase;
		}
		#primary-links ul.nice-menu li a {
		  display: block;
		  color: #EAEAED;
		  font-size: 13px;
		  font-weight: bold;
		  padding: 7px 13px 0 10px;
		  height: 23px;
		  float: left;
		}
		#primary-links ul.nice-menu li a:hover {
			background-color: #353752;
			text-decoration: none;
		}
		#primary-links ul.nice-menu li .hover{
			background-color: #353752;
		}
		
		/*Home*/
		#nav #primary-links ul li.menu-path-front{
			width: 50px;
		}
		#nav #primary-links ul li.menu-path-front a{
			width: 50px;
			padding: 6px 0 0 0;
			text-indent: -10000px;
		}
		#nav #primary-links ul li.menu-path-front a{
			background: url(../images/home.png) 80% 50% no-repeat;
		}
		#nav #primary-links ul li.menu-path-front a:hover{
			background: #353752 url(../images/home.png) 80% 50%  no-repeat;
		}


		#primary-links ul.nice-menu ul
		{
		  top: 30px;
		  left: -1px;
		  border: 2px solid #5E607B;
		  border-top: none;
		  /*border-top: 1px solid #ccc;8*/
		  background: #353752;
		  margin-right: 0;
		  padding: 4px 0 10px 0;
		}

		#primary-links ul.nice-menu ul li {
		  width: 220px;
		   background-image: none;
		}

		#primary-links ul.nice-menu ul li a {
			width: 180px;
			height: 16px;
			padding: 6px 15px 6px 25px;
			font-size: 13px;
			font-weight: normal;
			text-transform: none;
			border-top: 1px solid #4A4C67;
		}
		#primary-links ul.nice-menu ul li a:hover {
			background: #454762;
		}

		/******************************
		 HORIZONTAL (down) menus
		******************************/

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

		#primary-links ul.nice-menu-down li {
		  /*border-top: 1px solid #333;*/
		}

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

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

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

		#primary-links ul.nice-menu-down li ul li ul
		{
		  left: 220px;
		  top: -1px;
		}

		#primary-links ul.nice-menu-down .menuparent a {
		  /*padding-right: 15px;*/
		}

		#primary-links ul.nice-menu-down li.menuparent
		{
		  /*background: #eee url(arrow-down.png) right center no-repeat;*/
		}

		#primary-links ul.nice-menu-down li.menuparent:hover,
		#primary-links ul.nice-menu-down li.over
		{
		 /* background: #ccc url(arrow-down.png) right center no-repeat;*/
		}

		#primary-links ul.nice-menu-down li li.menuparent
		{
		  /*background: #eee url(arrow-right.png) right center no-repeat;*/
		}

		#primary-links ul.nice-menu-down li li.menuparent:hover,
		#primary-links ul.nice-menu-down li li.over
		{
		  /*background: #ccc url(arrow-right.png) right center no-repeat;*/
		}
		
		/** States Links **/
		#nav #primary-links ul li.menu-path-states ul{
			left: -330px;
			width: 660px;
		}
		#nav #primary-links ul li.menu-path-states ul li{
			width: auto;
			display: block;
			float: left;
			clear: none;
			padding: 0 2px;
		}
		#nav #primary-links ul li.menu-path-states ul li a{
			height: 12px;
			padding: 6px 10px 6px 10px;
			line-height: 1em;
			font-size: 0.95em;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-0 {
			width: 70px;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-1 {
			width: 60px;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-2 {
			width: 90px;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-3 {
			width: 100px;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-4 {
			width: 90px;
		}
		#nav #primary-links ul li.menu-path-states ul li a.col-5 {
			width: 100px;
		}
		
		#nav #primary-links ul li.menu-path-states ul li a.no-link{
			height: 12px;
			visibility:hidden; padding: 7px 12px 6px 12px;
			line-height: 1em;
			font-size: 0.95em;
		}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-0 {width: 70px;}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-1 {width: 60px;}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-2 {width: 90px;}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-3 {width: 100px;}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-4 {width: 90px;}
		#nav #primary-links ul li.menu-path-states ul li.no-link.col-5 {width: 100px;}