/*

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 ul, .nMenu li, .nMenu li a {
	vertical-align:bottom;
	-moz-box-sizing: border-box;
	font: 11px "Trebuchet MS",Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	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

*/

.nMenuRootParent {
	background-color: #2B630A;
	border-bottom: 0px solid #ffffff;
	border-right: 1px solid #ffffff;
	}

.nMenuRootNode {
	background-color:#2B630A;
	border-bottom: 0px solid #CCC;
	border-right: 1px solid #ffffff;
	}

	
.nMenuParent a {
	background-color:#7BA920;
	border-left: solid #ffffff 1px;
	border-right: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
	}

.nMenuNode a {
	background-color:#7BA920;
	background-image: none;
	border-left: solid #ffffff 1px;
	border-right: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
	}

.nMenuNode li {
	list-decoration: none;
	}

/* First Level or Menu Bar */

 .nMenu ul li {
	border-top: 0px solid #CCC;
	border-left: 0px solid #ffffff;
	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: #EEE;
	width: 200px;
	border-top: solid #ffffff 1px;
	}

.nMenu  ul ul li a {
	width: 200px;
	}

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

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

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

.nMenu ul ul ul {
	margin-left: 199px;
	margin-top: -26px;
	}

.nMenu li a {
	display: block;
	padding: 4px 8px 4px 8px;
	text-decoration: none;
	}
	
/* Hovering */

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

/* Sub-menu hovering */

.nMenu ul ul li a:hover {
	background: #9DC100;
	text-decoration: none;
	}