/*

nMenu version 0.1
by Alex Schleifer / Netymology

Works in Mozilla/Firefox & Internet Explorer 6 quite nicely. IE loading a lags a bit
(due to IE7 library) but performance is fine. Feel free to modify, cut and past or
even randomly jumble up this code. And, er, keep on doing whatever you're doing as
long as it's good stuff.

Based on the Pure CSS Menu concept by Dean Edwards and using his excellent IE7 library
Please see: http://dean.edwards.name/IE7/compatibility/Pure%20CSS%20Menus.html

Bugs / to do:
- Slight positioning problem forces using minus margins. This is not good.
- Hover states for the menu parents loses the little bullet.
- "ul li:hover > ul" doesn't have a class assigned and could conflict with other stuff.
- Need to simplify the structure to allow easier modification.
- Minor positioning problems

*/

/* IE7: force "layout" for menu items */

/* General Settings - the box sizing thing is to make Mozilla act like IE with padding/margin */

.nMenu {
	float: left;
	text-align: left;
	margin: 4px 0px 0px 0px;
	border-left: solid #252525 1px;
	border-right: solid #808080 1px;
	} 
	
.nMenu ul, .nMenu li, .nMenu li a {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 7px;
	padding: 0;
	margin: 0;
	}
	
.nMenu a:link, .nMenu a:visited, .nMenu a:hover {
	color: #ffffff;}

/*

Levels are edited here, removing one will recurse to the previous
Root Parent - First level of the menu
Root Node - First level without any sub items
Parent - Menu items with sub more sub menus
Root - Items without sub menus

*/

.nMenu li a {
	display: block;
	padding: 4px 9px 4px 9px;
	text-decoration: none;}
	


.nMenuRootParent {
	background-color: transparent;
	}

.nMenuRootNode {
	background-color: transparent;
	}

	
.nMenuParent a {
	background-color:#232323;
	border-left: solid #808080 1px ;
	border-right: solid #808080 1px ;
	border-bottom: solid #808080 1px ;
	}

.nMenuNode a {
	background-color:#232323;
	border-left: solid #808080 1px ;
	border-right: solid #808080 1px ;
	border-bottom: solid #808080 1px ;
	}

.nMenuNode li {
	list-style-type: none;
	}

/* First Level or Menu Bar */

  .nMenu ul  {
	border-left: solid #808080 1px;
	border-right: solid #252525 1px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
  	position: relative;
	padding: 0px;
	float: left;
	}
 
 .nMenu ul li {
	border: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
  	position: relative;
	padding: 0;
	white-space: nowrap;
	float: left;
	}

/* Sub Levels - Here we hide the sub-menus and give them a width */

.nMenu ul ul {
	display: none;
	float: none;
	margin-left: -1px;
	background: transparent;
	width: 150px;
	border: solid #ffffff 0px;
	}
	
*html .nMenu ul ul {
	width: 168px;
	}

.nMenu  ul ul li a {
	width: 150px;
	}
	
*html .nMenu  ul ul li a {
	width: 168px;
	}
	
.nMenu ul ul a:link, .nMenu ul ul a:visited{
	color: #cccccc;
	}
	
.nMenu li li a {
	display: block;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	line-height: normal;}

/* This is what makes the sub-menu appear */

ul li:hover > ul {
	display: block;
	position: absolute;
}

/* Sub-sub levels - to control grandchild menus */

.nMenu ul ul ul {
	margin-left: 167px;
	margin-top: -23px;
	}

	
/* Hovering */

.nMenu ul li a:hover {
	text-decoration: none;
	}

/* Sub-menu hovering */

.nMenu ul ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #FFC000;
	}