#nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin:0;
	text-decoration: none;
}
#nav li ul li{
	/*Sub Navigation font size 12 bold*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin:0;
	background-color: #2e5689;
	/*leave this border in - change colour if need to - otherwise strange things with IE7 and Mozilla occur in background*/
	border: 1px solid #ffffff;
	width: 214px;
	}

#nav li {
	/*float the main list items */
	margin:0;
	margin-bottom: 2px;
	float:left;
	position:relative;
	display:block;
	width: 168px;
	text-align: right;
	vertical-align:middle;
	list-style:none;
	border: 1px solid #2e5689;
}
#nav li.off ul, #nav li.on ul {
	/*put the subnavs in and hide them all Mozilla */
	display:none;
	position:absolute;
	width:198px;
	top:-30px;
	left:128px;
	}
/*#nav li a:hover {*/
	/*main menu hover over item*/
/*	background-color: #2e5689; */
/*	color:#4d5c31; */
/*}*/

/*#nav ul li a:hover {*/
	/*hover over submenu item*/
	/*background-color:#2e5689;*/
	/*color: #4d5c31;*/
/*}*/

#nav li a{
	/*format for main menu*/
	padding: 2px 2px 2px 20px;
	display:block;
	border: 1px solid #2e5689;
	text-align:right;
	background-color: #ffffff;
	color: #2e5689;
	text-decoration: none;
	height:20px;
 }
#nav li ul li a{
	/*format for sub menu  IE 6 references this*/
	display:block;
	padding: 2px 2px 2px 10px ;
	background-color: #2e5689;
	color: #ffffff;
	text-decoration: none;
	height:20px;
 }
html > body #nav li ul li a{
	/*format for sub menu  IE 7 and NOT IE references this*/
	display:block;
	background-color: #2e5689;
	color: #ffffff;
	text-decoration: none;
	height:auto;
	border: 1px solid #ffffff;
 }
a:hover {
    background-color: #006666;
	color: #669900;
}

#nav li.on ul a, #nav li.off ul a {
	/*cancel inherit of border on subnav of active topic Mozilla references this */
	border:1px solid #4d5c31;
	color:#ffffff;
	width:198px;
	}
#nav li.on ul {
	/*display active subnav list*/
	display:block;
	position:absolute;
	left:128px;
	top: -30px;
	z-index:20;
	width: 198px;
	}
#nav li.off:hover ul, #nav li.over ul {
	/*Internet Explorer display the other topics when thier parent is hovered */
	display:block;
	width:198px;
	z-index:20;
	top: -30px;

	}
#nav li.off a:hover, #nav li.off:hover a, #nav li:hover a, #nav li.over a{
	/*colour on mouse over of main text AND sub menu text*/
	color: #ffffff;
	background-color: #2e5689;

	}		
/*#nav li ul li a:hover { */
	/*colour on mouse over of sub menu text */
/*	color: #4d5c31; */
/*	}*/