/*this is the css for the vertical version*/
		.vertical ul{
			list-style-type: none;
			padding: 0px;
			border-top: 1px solid #afadbb;
			width: 204px;
		}
		.vertical li a{
			display: block;
			width: 200px;
			text-decoration: none;
			height: 1em;
			padding: .1em 1px;
			border: 1px solid #afadbb;
			border-top: none;
		}
		.vertical li{
			/*Needed for IE. Don't ask me why, It was a lucky guess.*/
			display: inline;
		}
		.vertical li ul{
			position: absolute;
			margin-top: -1.3em;
			margin-left: 200px;
		}
		
/*this is the css for the horizontal version*/
.horizontal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: none;
	padding: 0;
	margin: 0;
	/*position:relative;
	left:50%;
	float:left;
	clear:both;*/
	text-align:left;
	z-index: 3;
	/*width: 660px;*/
	width: 790px; }
.horizontal ul.firstul {
	/*float:left;
	padding:0;
	position:relative;
	left:-50%;*/
	text-align:left;
	margin:0;
	/*width: 655px;*/
	width: 785px; }
.horizontal ul{
	list-style-type: none;
	border-left: 1px solid #000000/*#afadbb*/;
	display: block;
	height: 20px;/*2.2em;*/
	padding: 0;
	margin: 0.5em 0;
	font-weight: bold;
	font-size: 1em;/*0.9em;*/
	border-color: #000000;
}
.horizontal li{
	float: left;
	display: inline;
}
.horizontal li a, .horizontal li a:link, .horizontal li a:visited, .horizontal li a:active {
	text-decoration: none;
	/*height: 1.2em;*/
	float: left;
	display: block;
	/*width: 120px;*/
	width: 145px;
	padding: .5em 5px;
	border: 1px solid #000000/*#afadbb*/;
	border-left: none;
	border-top: none;
	border-bottom: none;
	background-color: #606060;
	color: #ffffff;
	border-color: #000000/*#afadbb*/;
	text-decoration: none;
	
	min-height:1.2em;
	height:auto !important;
	height:1.2em; }
	
/***************    COLOURS FOR ROLLOVERS    *****************/
.toplevel {font-size:14px; text-align:center; }
.horizontal li.firstlevel1 a, .horizontal li.firstlevel1 a:link, .horizontal li.firstlevel1 a:visited, .horizontal li.firstlevel1 a:active {
	background-color: #315294; background-color: #120268; font-size:14px; text-align:left;}
.horizontal li.firstlevel2 a, .horizontal li.firstlevel2 a:link, .horizontal li.firstlevel2 a:visited, .horizontal li.firstlevel2 a:active {
	background-color: #fe523c; background-color: #120268; font-size:14px; text-align:left;}
.horizontal li.firstlevel3 a, .horizontal li.firstlevel3 a:link, .horizontal li.firstlevel3 a:visited, .horizontal li.firstlevel3 a:active {
	background-color: #ffcc00; background-color: #120268; font-size:14px; text-align:left;
	/*color: #000000;*/ }
.horizontal li.firstlevel4 a, .horizontal li.firstlevel4 a:link, .horizontal li.firstlevel4 a:visited, .horizontal li.firstlevel4 a:active {
	background-color: #287035; background-color: #120268; font-size:14px; text-align:left;}
.horizontal li.firstlevel5 a, .horizontal li.firstlevel5 a:link, .horizontal li.firstlevel5 a:visited, .horizontal li.firstlevel5 a:active {
	background-color: #e77328; background-color: #120268; font-size:14px; text-align:left;}
.horizontal li a:hover {
	background-color: #101010;
	color: #ffffff;
	text-decoration: none; }
.horizontal li.firstlevel1 a:hover {
	background-color: #77859f; background-color: #77859f;}
.horizontal li.firstlevel2 a:hover {
	background-color: #ef8577; background-color: #77859f; }
.horizontal li.firstlevel3 a:hover {
	background-color: #ffe26c; background-color: #77859f;
	/*color: #000000*/ }
.horizontal li.firstlevel4 a:hover {
	background-color: #6b8f72; background-color: #77859f;}
.horizontal li.firstlevel5 a:hover {
	background-color: #df9c6f; background-color: #77859f;}
.horizontal li li a, .horizontal li li a:link, .horizontal li li a:visited, .horizontal li li a:active {
	padding: .1em 5px;
	border-top: none;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.horizontal li ul {
	position: absolute; 
	margin-top: 2.1em;/*3.3em;*/
	margin-left: -1px;
	width: 167px;
	border: none;
	display: block;
	height: 1.4em;/*5.4em;*/
	border-top: 1px solid #000000/*#afadbb*/;
	font-weight: normal;
	font-size: /*1em;*/1.25em;
}
.horizontal li li ul{
	position: absolute;
	margin-top: .1em;/*0.75em;*/
	margin-left: 167px;/*155px;125px*/
}
.horizontal li ul li a, .horizontal li ul li a:link, .horizontal li ul li a:visited, .horizontal li ul li a:active {
	width: 155px;
	height: 1.2em;
	border-top: 1px solid #CCCCCC/*#afadbb*/; /*change border on drop downs to a lighter colour*/
}
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;  
		}
		.arrow a:hover span{
		padding-left: 2em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}

/* Drop down arrows */
a.fly {
	background-image: url('fly_w.gif');
	background-repeat: no-repeat;
	background-position: right center; }
/*li.firstlevel3 a.fly {
	background-image: url('fly.gif'); }*/
a.drop {
	background-image: url('drop_w.gif');
	background-repeat: no-repeat;
	background-position: right center; }
/*li.firstlevel3 a.drop {
	background-image: url('drop.gif'); }*/
	
/*.horizontal {
	border: 1px solid #000000; }
.horizontal ul.firstul {
	border: 1px solid #0000ff; }*/