/**
  * logged in user navigation
**/
div#userNavigation {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
div#userNavigation ul {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 100%;
}
div#userNavigation ul li {
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
}
div#userNavigation ul li a {
	padding: 5px 6px;
	margin: 0;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #000000;
}
div#userNavigation ul li a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

#userNav ul {
	margin:0;
}


div#headerWrapper {
	padding: 5px 0;
}
div#mainNav {
	background-color: #D25D17;
	font-size: 138.5%;
	line-height: 100%;
}
div#mainNav ul {

}
div#mainNav ul li {
	/* display: inline; */
	position: relative;
	float:left;
	width:auto;
}
div#mainNav ul li a {
	color: #FFF;
	text-transform: lowercase;
	
	opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);	
	
}
div#mainNav ul li a:hover {
	
	opacity: 0.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
	filter: alpha(opacity=90);	
	
	
}
div#mainNav ul li a {
	padding: 6px 12px;     /** 19px on the live site **/
	display: block;
	text-decoration: none;
	float: left;
}


/*** annoying coloured bits ***/
div#mainNav ul li.one a,   div#mainNav ul li.one,   div#mainNav ul li.one ul,   .bcolorone { background-color: #95231B; } 
div#mainNav ul.topLevel li.one,   div#mainNav ul li.one ul li a,   .colorone,   .colorone_nr, .normal     { color: #95231B; }

div#mainNav ul li.two a,   div#mainNav ul li.two,   div#mainNav ul li.two ul,   .bcolorone { background-color: #004064; } 
div#mainNav ul.topLevel li.two,   div#mainNav ul li.two ul li a,   .colortwo,   .colortwo_nr     { color: #004064; }

div#mainNav ul li.three a, div#mainNav ul li.three, div#mainNav ul li.three ul, .bcolorone { background-color: #B28342; } 
div#mainNav ul.topLevel li.three, div#mainNav ul li.three ul li a, .colorthree, .colorthree_nr   { color: #B28342; }

div#mainNav ul li.four a,  div#mainNav ul li.four,  div#mainNav ul li.four ul,  .bcolorone { background-color: #44A12B; } 
div#mainNav ul.topLevel li.four,  div#mainNav ul li.four ul li a,  .colorfour,  .colorfour_nr    { color: #44A12B; }

div#mainNav ul li.five a,  div#mainNav ul li.five,  div#mainNav ul li.five ul,  .bcolorone { background-color: #E29100; } 
div#mainNav ul.topLevel li.five,  div#mainNav ul li.five ul li a,  .colorfive,  .colorfive_nr    { color: #E29100; }

div#mainNav ul li.six a,   div#mainNav ul li.six,   div#mainNav ul li.six ul,   .bcolorone { background-color: #3A78B8; } 
div#mainNav ul.topLevel li.six,   div#mainNav ul li.six ul li a,   .colorsix,   .colorsix_nr     { color: #3A78B8; }

div#mainNav ul li.seven a, div#mainNav ul li.seven, div#mainNav ul li.seven ul, .bcolorone { background-color: #406228; } 
div#mainNav ul.topLevel li.seven, div#mainNav ul li.seven ul li a, .colorseven, .colorseven_nr   { color: #406228; }

div#mainNav ul li.eight a, div#mainNav ul li.eight, div#mainNav ul li.eight ul, .bcolorone { background-color: #007C8E; } 
div#mainNav ul.topLevel li.eight, div#mainNav ul li.eight ul li a, .coloreight, .coloreight_nr   { color: #007C8E; }

div#mainNav ul li.nine a, div#mainNav ul li.nine, div#mainNav ul li.nine ul, .bcolorone { background-color: #D25D17; } 
div#mainNav ul.topLevel li.nine, div#mainNav ul li.nine ul li a, .colornine, .colornine_nr   { color: #D25D17; }


/* <sarcasm> Thanks IE, you position things so well. </sarcasm> */
div#mainNav ul li.one   {z-index: 9;}
div#mainNav ul li.two   {z-index: 8;}
div#mainNav ul li.three {z-index: 7;}
div#mainNav ul li.four  {z-index: 6;}
div#mainNav ul li.five  {z-index: 5;}
div#mainNav ul li.six   {z-index: 4;}
div#mainNav ul li.seven {z-index: 2;}
div#mainNav ul li.eight {z-index: 2;}
div#mainNav ul li.nine {z-index: 2;}



div#extraNav ul li.one a  { color: #95231B; }
div#extraNav ul li.two a  { color: #004064; }
div#extraNav ul li.five a { color: #E29100; }
div#extraNav ul li.three a  { color: #406228; }

div#extraNav {
	background-color: #FFFFFF;
	padding: 0.5em 0 0.6em 0;
	font-size: 138.5%;
}
div#extraNav ul li {
	line-height: 120%;
}
div#extraNav ul li a {
	text-decoration: none;
}


/******** DROP DOWN MENU ********/
div#mainNav ul.secondLevel {
	display:block;
	position:absolute;
	top:-3000px;
	left:-3000px;
}

div#mainNav ul li:hover ul.secondLevel {
	display: inline-block;
	position:absolute;
	top:29px;
	left:0px;
	width:200px;
	overflow: hidden;
	z-index: 9999 !important;
}
div#mainNav ul.topLevel li.last:hover ul.secondLevel {
	right:-4px !important;
	left: auto;
}
div#mainNav ul li ul.secondLevel {
	background-color: inherit !important;
	padding: 1px;
}

div#mainNav ul.topLevel li ul.secondLevel li {
	background-color: #FFFFFF !important;
	
	opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);

} 
div#mainNav ul.topLevel li ul.secondLevel li:hover {
	
	opacity: 0.30;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
}

div#mainNav ul.topLevel li ul.secondLevel li a {
	background-color: transparent !important;	
}

div#mainNav ul.topLevel li ul.secondLevel li a {
	font-size: 77%;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
div#mainNav ul.topLevel li ul.secondLevel li {
	display: block;
	width: 100%;
}
div#mainNav ul.topLevel li ul.secondLevel li a {
	float: none !important;
}