/* Hide the DROPDOWN ul */
ul#nordnav ul {
	display:none
}

/* If hovering the TOP list with a underlying ulist */
ul#nordnav li:hover>ul {
	display:block
}

/* The DROPDOWNS */
ul#nordnav ul { 
	position: absolute;
	left:-1px;
	top:98%;
}

/* Both the first ulist (TOP) and the second ulist (DROPDOWN) 
 So, the TOP and DROPDOWN has the same style for the wrapping ulist */
ul#nordnav, ul#nordnav ul {
	margin: 0px;
	list-style: none;
	padding: 0px 2px 2px 0px;
	background-color: #fff;
	background-repeat: repeat;
	border-color: #AAAAAA;
	border-width: 1px;
	border-style: solid;
}

/* This is for IE6 using tables */
ul#nordnav table {
	border-collapse: collapse 
}

/* Style for all unorderd lists */
ul#nordnav {
	display: block;
	float: left;
}

/* For all ulist inside ulists (DROPDOWNS) */
ul#nordnav ul{
	width: 85.05px;
}

/* The actuall list elemtents (TOP NODES) */
ul#nordnav li {
	display: block;
	margin: 2px 0px 0px 2px;
	font-size: 0px; /* For IE6 */
}


/* This removes the dotts FIXME: remove this */
ul#nordnav a:active, ul#nordnav a:focus {
	outline-style: none;
} 

/* FIXME: , ul#nordnav li.dis a:hover, ul#nordnav li.sep a:hover */
/* All the anchor tags */
ul#nordnav a {
	display: block;
	vertical-align: middle;
	background-color: #ffffff;
	border-width: 0px;
	border-color: #6655ff;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 4px;
	_padding-left: 0;
	font: 12px Arial;
	color: #696969;
	text-decoration: none;
	cursor: default;
}

/* The spans (used to wrap the TOP nodes) */
ul#nordnav span {
	overflow: hidden;
}

/* All lists, float left */
ul#nordnav li {
	float: left;
} 

/* All lists inside the ul (DROPDOWNS), this makes the dropdows fill up the second ul's */
ul#nordnav ul li {
	float: none;
}

/* The achor tabes inside the uls (DROPDOWNS) */
ul#nordnav ul a {
	text-align:left;
	white-space:nowrap;
}

ul#nordnav li:hover{
	position:relative;
}

/* This is what happens to the anchors inside the TOP list when a DROPDOWN a is selected
 this doesn't work in IE6 */
ul#nordnav li:hover>a{
	background-color:#262262;
	border-style:none;
	color: #696969;
}

/* This is what happens to the DROPDOWN anchors when they are selected */
ul#nordnav li a:hover{
	position: relative;
	border-style: none;
	background-color: #262262;
	color: #fff;
}

ul#nordnav a:hover ul{
	display:block
}