/* Every thing below here relates to the menu appearances (colours etc.) */

.nav ul,.nav li {
	margin: 0;
	padding: 0px;
	list-style: none;
/*	list-style-image: url("../images/Arrow_white.png");*/
}

/*B	changes background colour for top level */

ul.menutree a {
	text-decoration: none;
	background-color: #BDC8DA;
	height: 20px;
	color: #003079;
	background-image: url("../images/Arrow_white.png");
	background-position: left;
	background-repeat: no-repeat;
	padding:0px;
	margin:0px;
}

div#nav1 {
	display:inline;
	width: 900px;
	height: 24px;
	margin-bottom: 25px;
	line-height: 14px;
	margin-bottom:1px;
	position:relative;
	background-color: #BDC8DA;
	
}

ul.menutree ul {
	display: none;
	position: absolute;
}

ul.menutree ul.foldOut {
	display: block;
}

ul.menutree li {
	position: relative;
		
	width: 150px;
}

ul.menutree li.highlight {
	z-index: 1010;
}

div#nav1 li { /* the top level boxes */
	float: left;
	width: 150px;
}

div#nav1 li.highlight {
	background-color: #042147;
}

div#nav1 li a{
	padding-right:20px;
}

div#nav1 a {
	display: block;
	/*color: #FFFFFF; */
	color: #003079;
	font-size: 13px;
	line-height: 20px;
	border: 0px solid;
	text-align: center;
	padding-left: 15px;
/*	description: Links in the top navigation; */
}

div#nav1 a:hover {
	background-color: #788694;
	color: white;
/*	description: Links in top navigation with mouse over them;*/
}

div#nav1 ul.menutree ul { /* this is the width of the 1st drop downs */
	top: 20px;
	left: -2px;
	width: 150px;
}

div#nav1 ul.menutree ul ul {/* and this is the second drop downs */
	top: -1px;
	left: 150px;
	width: 150px;
}

div#nav1 ul ul {
	width: 150px;
	border: 0px solid #042147;
	border-top:1px solid white;
	background-color: #93A3B4;
/*	description: Deeper levels in top navigation; */
}

div#nav1 li li {
	float: none;
	width: auto;
	text-indent: -10px;
	padding-bottom: 0;
	margin-right: 0px;
	padding-right:0px;
}

div#nav1 li li a {
	background-image: none;
	padding-left:5px;
	zoom: 1; /* defeat hasLayout bugs in IE */
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	padding-top: 5px;
	padding-left:20px;
	padding-bottom: 5px;
	height: auto;
	border-bottom: 1px solid white;
	color: #003079;
	
/*	description: Links in deeper levels in top navigation;*/
}

div#nav1 li li a:hover {
	color: white	;
}

div#nav1 li li a.has_children {
	background-image: url("../images/Arrow_white.png");
	background-position: right;
	background-repeat: no-repeat;
}


div#nav2 li.highlight {
	background-color: #999999;
}


div.user {
	float:right;
	color: #003079;
	font-size: 13px;
	background-color: #BDC8DA;
	
	line-height: 20px;
	border: 0px solid;
	text-align: right;
	padding-left: 15px;
	width: 165px;
	z-index: 2;
}
div.user a:hover {
	color: black;
	background-color: #788694;
}