/* Also see navigation.js */
/* Warning: careful with padding and margin as they may cause 'dead' link area's */

table.navmenu {
	width:1000px;
	background-color: #DA8FE5;
	z-index:100;   /* make sure the dropdowns cover other text */
}
table.navmenu tr {
		/* nada */
	}
table.navmenu td {
		padding:0px;
		/* background-color: #6E87C1; */
		background-color: #CC0;
		border:0px;
}

ul.nv {
	list-style: none;
	padding: 0;
	margin: 0;
	
}

#nav a {                      /* mainmenu text */
	font-weight: bold; 
	color: #933;
	text-decoration: none; 
	line-height:25px; 		/* was 25 - be sure this fits within the item or you'll have gaps */
}

#nav li li a {                 /* submenus text */
	display: block;
	font-weight: bold;
	color: #933;
	line-height:30px; 
	font-size: 12px;
	vertical-align: middle;
}

#nav li li a:hover {			/* submenus anchor text */
	text-decoration: none;
}

li.nv
{
	/* this is the main menu */
	float: left;
	position: relative;
	cursor: default;
	background-color: #CC0;
	height: 25px;
	/* determines the width and height of the items */
	width: 9%;
	/* border:1px outset #C7D8F5; */
	border: 1px pink;
	vertical-align: bottom;
	padding: 0px;
	text-indent: 7px;
	text-decoration: none;
}

li.nv ul {		                 /* this is the whole dropdown */
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top:0px;	/* no more, or you get a gap between the dropdown and the main menu */
	z-index:98;    /* make sure the dropdown covers other text */
	/* it's possible to use an image as background */
}

li.nv>ul {
	top: auto;
	left: auto;
}

li.nv li.nv
{
	/* individual dropdown item */
	display: block;
	float: none;
	height: 25px;
	background-color: #FFFBAD;
	border:1px outset #FC6;
	padding: 0px;
	z-index:99;  /* make sure the dropdown covers other text */
}

li.nv li.nv:hover {		          /* hovering individual dropdown items */
	background-color: #FC6;
}

li.nv:hover ul, li.over ul {
	display: block;
}