/* $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

******************************/


ul.nice-menu,
ul.nice-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight:bold;
  font-size:13px;


  /*border: 1px solid #ccc;*/
}


ul.nice-menu li {
  float: left;
  margin: 0;
  padding-left: 0px;


}
	
ul.nice-menu li li {

}

ul.nice-menu a {
    line-height:25px;
    margin:3px 20px 0px 0;
	padding:0 0 5px 0;  	
	display: block;
	font-weight:bold;
	font-size:13px;
	color:#fff;

}
ul.nice-menu li ul{
	  background:#000;
	  z-index:9999999;

	  }

ul.nice-menu-left li  {
   list-style:none;
	padding:0px;
	margin:0;
	float:none;
	
}

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:url(arrow-left.png) left center no-repeat;
}



ul.nice-menu-left li a:hover
{
	background:url(arrow.gif) 0px 4px no-repeat;
	color:#FFFFFF
}


ul.nice-menu-left a, ul.nice-menu-left li a {
    font-size:11px;
    color:#6f6b67;
	display:block;
	padding:8px 15px;
	margin:0 5px;
	text-transform: uppercase;
	width:175px;
	border-bottom:1px dotted #9f9b96;
	font-weight:bold;
	line-height:normal;

}



/******************************

 HORIZONTAL (down) menus

******************************/



ul.nice-menu-down {
	margin: 0 auto;

}
ul#nice-menu-2{
width:980px;
margin-top:-45px;
padding-left:40px;
}

ul.nice-menu-down li {
	font-family: "Trebuchet MS", Arial;
	z-index:9999999;

}


ul.nice-menu-down ul li {
	width:185px;
	clear: both;
	z-index:9999999;

}

ul.nice-menu-down li li a{
	margin:0;
	padding:3px 10px 3px 15px;
	color: #FFF; 
	height: auto; 
	display: block; 
	border-bottom:1px solid  #ccc;
	font-weight:normal;}
	

#header-region ul.nice-menu-down li ul li ul {
  left: 12.5em;
  top: -1px;

}

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

ul.nice-menu-down li a:hover{
color:#cc6633
}

ul.nice-menu-down li li a:hover {
color:#cc6633
}

ul.nice-menu-down ul {

  top: 2em;
  left: 10px;
  border: none;
  margin-right: 0;
    border: 1px solid #ccc;
	font-family: "Trebuchet MS", Arial;
	left: 0;
	margin-top:5px;
	text-align:center;
}

ul.nice-menu ul ul{
margin-left:185px;
margin-top:-27px;
}