/*	sets margin aroud menu to zero	*/
#navbar .nav, #navbar .nav * {
	margin:0;
	padding:0;
}

/*	formats  tab colour, adds space around element, FLOATS LEFT - could be part of what makes the LIs run inline	*/
#navbar .nav {
	padding-bottom: 2.5em;
/*
	height:20px;
	height:2.5em;
	margin-bottom:1.5em;
	margin-bottom: 0px;
*/
	float: left;
	font-size: 12px; /* a change in size here requires a corresponding change in size to the padding of '.nav a' below */
	line-height:1.0;
	position:relative;
	background-image:url(../images/interface/tab_ul_end.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-right: 1px;
}

/*	positions list to the left, and makes it flow horizontally	*/
#navbar .nav ul {
	background-color: #4086B0; /*IE6 needs this*/
	float: left;
	position:relative;
}

/*	formats top level LI elements, and displays them horizontally. Subsequent layers should inherit these settings 	*/
#navbar .nav li {
	float: left;
	list-style:none;
	z-index:999;
/*	background-color: #fff;	*/
	background-image: url(../images/interface/tab_off_end.gif);
	background-repeat:no-repeat;
}

/*	hides child menus until needed	*/
#navbar .nav li.current ul {
	z-index: 999;
}

/*	when a menu item is hovered over, this will bring the child menu to the top layer	*/
#navbar .nav li.sfHover ul,
#navbar ul.nav li:hover ul {
	z-index: 1000;
}

/*	positions and formats child menus	*/
#navbar .nav li li {
	float: left;
	background-color: #4086B0;
	background-image:url(../images/interface/spacer.gif);
	background-repeat:no-repeat;
}

/*	formats the link	*/
#navbar .nav a {	/* these values will be inherited by submenus unless explicitly removed. */
	display:block;
	float: left;
	padding: 8px 8px 6px 8px;	/*KD*/
	width:84px;
	color: #fff;
	text-decoration:none;
/*
	border: 1px solid lime;
*/
}

/*	hide the child menus off screen until needed	*/
#navbar .nav li ul {
	left:0;
	top:-999em;
	position:absolute;
	width: 940px; /*KD*/
	margin-top: 0; /* not helping */

}

/*	format hovered link	*/
#navbar .nav li:hover,
#navbar .nav li.sfHover,
#navbar .nav li.current,
#navbar .nav a:focus, 
#navbar .nav a:hover, 
#navbar .nav a:active {
	background-image: url(../images/interface/tab_on_end.gif);
/*	background-color: #00FFFF;	*/
}

/*	formats all links	*/
#navbar .nav li.sfHover a,
#navbar .nav li.current a,
#navbar .nav a:focus, 
#navbar .nav a:hover, 
#navbar .nav a:active {
	border-bottom: none;
}

/*	formats font of the 'current' link in a sub menu	*/
#navbar .nav li li.current a {
	font-weight: bold;
}

/*	formats child menu items	*/
#navbar .nav li li:hover,
#navbar .nav li li a:focus, 
#navbar .nav li li a:hover, 
#navbar .nav li li a:active {
	background-image: url(../images/interface/spacer.gif);
	background-color: #6BA6C9;
	font-weight: bold;
}

#navbar .nav li li a {
	width: auto;
	white-space:nowrap;
	border-right: 1px solid #6BA6C9; /* same color as previous section bg */
	padding: 7px 5px 7px 10px;	/*KD*/
	font-size: 12px;
/*
	padding-left: 5px;
	padding-right: 10px;
*/
}

/*		*/
#navbar .nav li:hover ul, /* pure CSS hover is removed below */
body #navbar .nav li.current ul, /* this must be more specific than the .superfish override below */
#navbar ul.nav li.sfHover ul {
	top:25px; /* MAYBE */
/* 	top:2.5em; */
}

/*	hide off screen	*/
#navbar .nav li:hover li ul,
#navbar .nav li.sfHover li ul {
	top:-999em;
}

/*	white space around child element	*/
#navbar .nav li li:hover ul, /* pure CSS hover is removed below */
#navbar ul.nav li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top:-999em;
}