/* HEADER AREA ============================================*/


/*Header image*/

.header{ /*background to masthead */
	width: 100%;
}

.header img {
	width: 960px;
	display: block;
	margin: 0 auto;
}

/*Main menu*/

.nav {
	background-color: #08588c;  /*#1272b2;  #375eb9; #22357c;  #c0d9e5; #4058c6  #5982D1;*/
	max-width: 960px;
	height: 24px;
	margin: 0 auto;
}

.nav ul {
	background-color:  #08588c; /*#1272b2;  #375eb9; #5982D1;*/
	height: 24px;
	margin: 0 auto;
	max-width:960px;
	}
	

.nav li {
	float: left;
	position: relative;
	background-color: #08588c; /*#1272b2;  #375eb9; #5982D1; */
	list-style-type: none;
}

.nav li a {
	display: block;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #ccf1f6; /* #FFFFFF; */
	/* text-transform:uppercase; */
	letter-spacing: 1px;
	line-height: 24px; /*centres text vertically in strip*/
	padding: 0 14px;
}

.nav li a:hover, .nav .dropmenu>li:hover>a { /*selected style when hover */
	background-color: #1b2279; /*dark blue*/
	color: 	#FFFFFF; /*darker white*/
}

.nav li a sup
{
    color:#00FF00;
}

li .logoutTitle
{
    color: 	#FFFFFF; /*darker white*/
}

.dropmenu .selected, a:hover.selected, .dropmenu li:hover a.selected { /*selected tab*/
	background-color: #5ac95d; /*now pale blue green=#6ad86d; was #5ac95d; #c0d9e5; #dcefef; */
	color: #FFFFFF; /* white  #22357c; light blue. was #1b2279;*/
	cursor: default;
	font-weight: 500;
}

/*secondary admin nav menu*/

.nav2 {
	background-color: #5ac95d;  /* #22357c; #375eb9; #c0d9e5;*/
	width: 960px;
	height: 24px;
	margin: 0 auto;
}

.nav2 ul {
	background-color: #5ac95d; /* #22357c; */
	height: 24px;
	width: 960px;
	margin: 0 auto;
	}
	

.nav2 li {
	float: left;
	position: relative;
	background-color: #5ac95d;
	list-style-type: none;
}

.nav2 li a {
	display: block;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: 	#FFFFFF;
	letter-spacing: 1px;
	line-height: 24px; /*centres text vertically in strip*/
	padding: 0 14px;
}

	.nav2 .selected, a:hover.selected, .dropmenu li:hover a.selected { /*selected tab*/
		background-color: #dcefef; /*now pale blue green=#6ad86d; was #5ac95d; #c0d9e5; #dcefef; */
		color: #1b2279; /* white  #22357c; light blue. was #1b2279;*/
		cursor: default;
		font-weight: 500;
	}

/*dropdown menu*/

.nav ul.sublevel {
	float: none;
	background-color: #375eb9; /* #134795; */
	width: auto;
	height: auto;
	position:absolute;
	left: -9000em;
	max-height: 0;
	transition: max-height 0.5s ease-in-out;
	-webkit-transition: max-height 0.5s ease-in-out;
	overflow: hidden;
}

.nav ul.sublevel li {
	float: none;
}
.nav li.right{
	float: right;
	display: block;
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: 	#e2e2e2;
	letter-spacing: 1px;
	line-height: 24px; /*centres text vertically in strip*/
	padding: 0 5px;
}

.dropmenu li:hover ul { /*select dropdown menu ul when li in topmenu is hovered*/
	left:0;
	z-index: 100;
	max-height: 20em;
}

.nav ul.sublevel li a{
	border-bottom:solid 1px white;	
	padding-top: 2px;
	padding-bottom: 2px;
	white-space: nowrap; /*stop text wrapping if too long*/
}

.nav ul.sublevel li:last-child a { /*link in the last list item */
	border-bottom: none;
}

.nav ul.sublevel li a:hover {
	background-color: #1b2279; /*dark blue*/
	color: 	#9f9e9e; /*darker white*/
	cursor: default;
}