/*

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: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.nMenu ul, .nMenu li, .nMenu li a {
	-moz-box-sizing: border-box;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
	
.nMenu a:link, .nMenu a:visited, .nMenu a:hover {
	color: #29295E;}

/*

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
Node - Items without sub menus

*/

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

.nMenu li a:hover {
	background-color: #FFFFFF;}
	


.nMenuRootParent {
	border-right: 1px solid #999999;
	background-color: transparent;
	}

.nMenuRootNode {
	border-right: 1px solid #999999;
	background-color: transparent;
	}

	
.nMenuParent a {
	background-color:#FFFFFF;
	}

.nMenuNode a {
	border: 1px solid #999999;
	border-bottom: 0px;
	background-color: #EEEEEE;}

.nMenuNode li {
	list-decoration: none;}

/* First Level or Menu Bar */

  .nMenu ul  {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
  	position: relative;
	padding: 0px;
	float: left;
	}
 
 .nMenu ul li {
	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-bottom: 1px solid #999999;
	}

.nMenu  ul ul li a {
	width: 150px;
	}
	
.nMenu ul ul a:link, .nMenu ul ul a:visited{
	color: #29295E;
	}
	
.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 */

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

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

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

*html .nMenu ul ul ul {
	margin-left: 167px;
	}

	
/* Hovering */

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

/* Sub-menu hovering */

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