﻿	

	/* NAVIGATION STYLES */	
	div#nav {
		clear: both;
		float: left;
		width: 164px;
		margin-right: 5px;
	}
	
	/* skip nav */
	div#nav span.skipjump {
		display: none;
	}
	div#nav .skip-links {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#nav .skip-links li { display: inline; }
	div#nav .skip-links a {
		position: absolute;
		top: 0;
		left: -99999px;
	}
	div#nav .skip-links a:active, div#nav .skip-links a:focus {
		left: 0;
		background: #003768;
		color: #fff;
		padding: 5px;
		float: left;
		font-size: 1.1em;
	}
	
	/* closed item */
	div#nav ul#mainnav {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	div#nav ul#mainnav li {
		width: 157px;
		min-height: 24px;
		background: url(/upload/images/nav/menuitem_bg.gif) no-repeat top right;
		margin-bottom: 6px;
		border-left: 7px solid #7D6A55;
	}
	div#nav ul#mainnav li li {
		width: auto;
		min-height: 0;
		background: none;
		margin-bottom: 0;
		border-left: 0;
	}
	/* box model hack for IE5.x */
	* html div#nav ul#mainnav li
	{
	  	width: 164px;
	  	w\idth: 157px;
	}
	
	/* closed link */
	div#nav ul#mainnav li a,
	div#nav ul#mainnav li a:link,
	div#nav ul#mainnav li a:visited,
	div#nav ul#mainnav li a:hover,
	div#nav ul#mainnav li a:active {
		display: block;
		text-decoration: none;
		font-size: 1.1em;
		padding: 5px 30px 5px 15px;
		height: 14px;
	}
	div#nav ul#mainnav li a:hover{
		text-decoration: underline;
	}
	div#nav ul#mainnav li li a,
	div#nav ul#mainnav li li a:link,
	div#nav ul#mainnav li li a:visited,
	div#nav ul#mainnav li li a:hover,
	div#nav ul#mainnav li li a:active 	
	{
	    font-size: 1em;
	    padding: 0;
	    height: auto;
	}
	
	/* section colours for top level navigation */
	div#nav ul#mainnav li.global { border-left: 7px solid #7D6A55; }
	div#nav ul#mainnav li.public { border-left: 7px solid #008039; }
	div#nav ul#mainnav li.organisations { border-left: 7px solid #FFE153; }
	div#nav ul#mainnav li.whatwecover { border-left: 7px solid #D70077; }
	div#nav ul#mainnav li.tools { border-left: 7px solid #C41230; }
	div#nav ul#mainnav li.complaints { border-left: 7px solid #F99D31; }
	div#nav ul#mainnav li.aboutus { border-left: 7px solid #003768; }
	div#nav ul#mainnav li.campaign { border-left: 7px solid #7D6A55; }
	div#nav ul#mainnav li.careers { border-left: 7px solid #4E8ABE; }
	div#nav ul#mainnav li.media { border-left: 7px solid #791D7E; }
	
		/* hovers */
	
	div#nav ul#mainnav li.microsite a:hover{
		text-decoration: underline;
	    background: url(/upload/images/nav/menuitem_bg_hover_grey.gif) no-repeat top right;
		background-color: #7D6A55;
	}
	
	
	div#nav ul#mainnav li.public a:hover{
		text-decoration: underline;
		background: url(/upload/images/nav/new_menuitem_public.png) no-repeat top right;
		color:#FFFFFF;
	}
	
	div#nav ul#mainnav li.organisations a:hover{
		text-decoration: underline;
		background: url(/upload/images/nav/new_menuitem_organisations.png) no-repeat top right;
	}
	
	div#nav ul#mainnav li.whatwecover a:hover{
		text-decoration: underline;
		background: url(/upload/images/nav/new_menuitem_whatwecover.png) no-repeat top right;
		color:#FFFFFF;
	}
	
	div#nav ul#mainnav li.aboutus a:hover{
		background: url(/upload/images/nav/new_menuitem_aboutus.png) no-repeat top right;
		text-decoration: underline;
		color:#FFFFFF;
	}
	
	div#nav ul#mainnav li.media a:hover{
		background: url(/upload/images/nav/new_menuitem_media.png) no-repeat top right;
		text-decoration: underline;
		color:#FFFFFF;
	}
	
	div#nav ul#mainnav li.tools a:hover{
		text-decoration: underline;
	    background: url(/upload/images/nav/new_menuitem_tools.png) no-repeat top right;
		color:#FFFFFF;
	}	
	
	div#nav ul#mainnav li.complaints a:hover{
		background: url(/upload/images/nav/new_menuitem_complaints.png) no-repeat top right;
		text-decoration: underline;
		color:#FFFFFF;
	}

	div#nav ul#mainnav li.careers a:hover{
		background: url(/upload/images/nav/new_menuitem_careers.png) no-repeat top right;
		text-decoration: underline;
		color:#FFFFFF;
	}	
	div#nav ul#mainnav li.campaign a:hover{
		background: url(/upload/images/nav/menuitem_bg_hover_purple.gif) no-repeat top right;
		text-decoration: underline;
		color:#FFFFFF;
	}
	

	
	/* open items */
	div#nav ul#mainnav li.open {
		width: 164px;
		border-left: 0;
		min-height: 24px;
		margin-bottom: 6px;
	}
	div#nav ul#mainnav li.open li.open {
		width: auto;
		min-height: 0;
		margin-bottom: 0;
	}
	
	/* links coloured white */
	div#nav ul#mainnav li.open a,
	div#nav ul#mainnav li.open a:link,
	div#nav ul#mainnav li.open a:visited,
	div#nav ul#mainnav li.open a:hover,
	div#nav ul#mainnav li.open a:active {
		font-weight: bold;
		display: block;
		color: white;
		text-decoration: none;
		font-size: 1.1em;
		padding: 4px 30px 5px 9px;
	}
	div#nav ul#mainnav li.open li a,
	div#nav ul#mainnav li.open li a:link,
	div#nav ul#mainnav li.open li a:visited,
	div#nav ul#mainnav li.open li a:hover,
	div#nav ul#mainnav li.open li a:active 
	{
	    font-weight: normal;
	    font-size: 1em;
	    padding: 0;
	}
	div#nav ul#mainnav li.open a:hover {
		text-decoration: underline;
	}
	
	/* recolour all top level links blue */
	div#nav ul#mainnav li.open ul li a,
	div#nav ul#mainnav li.open ul li a:link,
	div#nav ul#mainnav li.open ul li a:visited,
	div#nav ul#mainnav li.open ul li a:hover,
	div#nav ul#mainnav li.open ul li a:active {
		color: #003768;
	}
	/* except second level white */
	div#nav ul#mainnav li.open ul.open li a,
	div#nav ul#mainnav li.open ul.open li a:link,
	div#nav ul#mainnav li.open ul.open li a:visited,
	div#nav ul#mainnav li.open ul.open li a:hover,
	div#nav ul#mainnav li.open ul.open li a:active {
		color: white;
	}
	/* public and organisations blue everywhere */
	div#nav ul#mainnav li.open.openorganisations a,
	div#nav ul#mainnav li.open.openorganisations a:link,
	div#nav ul#mainnav li.open.openorganisations a:visited,
	div#nav ul#mainnav li.open.openorganisations a:hover,
	div#nav ul#mainnav li.open.openorganisations a:active
	div#nav ul#mainnav li.open.opencomplaints a,
	div#nav ul#mainnav li.open.opencomplaints a:link,
	div#nav ul#mainnav li.open.opencomplaints a:visited,
	div#nav ul#mainnav li.open.opencomplaints a:hover,
	div#nav ul#mainnav li.open.opencomplaints a:active,	
	div#nav ul#mainnav li.open.openorganisations ul.open li a,
	div#nav ul#mainnav li.open.openorganisations ul.open li a:link,
	div#nav ul#mainnav li.open.openorganisations ul.open li a:visited,
	div#nav ul#mainnav li.open.openorganisations ul.open li a:hover,
	div#nav ul#mainnav li.open.openorganisations ul.open li a:active
	div#nav ul#mainnav li.open.opencomplaints ul.open li a,
	div#nav ul#mainnav li.open.opencomplaints ul.open li a:link,
	div#nav ul#mainnav li.open.opencomplaints ul.open li a:visited,
	div#nav ul#mainnav li.open.opencomplaints ul.open li a:hover,
	div#nav ul#mainnav li.open.opencomplaints ul.open li a:active {	
		color: #003768;
	}
	
	/* open background colours - lighter tint on div bg*/
	div#nav ul#mainnav li.open.openglobal {
		background: url(/upload/images/nav/new_downarrow_global.png) no-repeat top right;
		background-color: #DEDAD4;
	}
	div#nav ul#mainnav li.open.opencampaign {
		background: url(/upload/images/nav/new_downarrow_global.png) no-repeat top right;
		background-color: #DEDAD4;
	}
	div#nav ul#mainnav li.open.opencareers {
		background: url(/upload/images/nav/new_downarrow_careers.png) no-repeat top right;
		background-color: #D3E2EF;
	}
	
	div#nav ul#mainnav li.open.openpublic {
		background: url(/upload/images/nav/new_downarrow_public.png) no-repeat top right;
		background-color: #BFDFCD;
	}
	div#nav ul#mainnav li.open.openorganisations {
		background: url(/upload/images/nav/new_downarrow_organisations.png) no-repeat top right;
		background-color: #FFF7D4;
	}
	div#nav ul#mainnav li.open.openwhatwecover {
		background: url(/upload/images/nav/new_downarrow_whatwecover.png) no-repeat top right;
		background-color: #F5BFDD;
	}
	div#nav ul#mainnav li.open.openaboutus {
		background: url(/upload/images/nav/new_downarrow_aboutus.png) no-repeat top right;
		background-color: #BFCDD9;
	}
	div#nav ul#mainnav li.open.openmedia {
		background: url(/upload/images/nav/new_downarrow_media.png) no-repeat top right;
		background-color: #DDC6DF;
	}
	div#nav ul#mainnav li.open.opentools {
		background: url(/upload/images/nav/new_downarrow_tools.png) no-repeat top right;
		background-color: #F0C4CB;
	}
	div#nav ul#mainnav li.open.opencomplaints {
		background: url(/upload/images/nav/new_downarrow_complaints.png) no-repeat top right;
		background-color: #FDE6CB;
	}	
	
	
	/* bold on link */
	div#nav ul#mainnav li.open li a.on,
	div#nav ul#mainnav li.open li a.on:link,
	div#nav ul#mainnav li.open li a.on:visited,
	div#nav ul#mainnav li.open li a.on:hover,
	div#nav ul#mainnav li.open li a.on:active, 
	div#nav div#sitetoolsnav li a.on,
	div#nav div#sitetoolsnav li a.on:link,
	div#nav div#sitetoolsnav li a.on:visited,
	div#nav div#sitetoolsnav li a.on:hover,
	div#nav div#sitetoolsnav li a.on:active {
		font-weight: bold;
	}

	/* 2nd level nav */	
	div#nav ul#mainnav li.open ul {
		list-style: none;
		margin: 0px 0 0 0;
		padding: 2px 0 6px 0px;
	}

	/* dashes are blue by default */
	div#nav ul#mainnav li.open ul li {
		margin: 0 0 3px 0;
		padding: 3px 3px 0 15px;
		background: url(/upload/images/nav/subnav_dash.gif) no-repeat 8px 3px;
	}
	/* recolour white for opened menu */
	div#nav ul#mainnav li.open ul.open li {
		background: url(/upload/images/nav/subnav_dash_white.gif) no-repeat 8px 3px;
	}
	/* except blue for public and organisations always */
	div#nav ul#mainnav li.open.openorganisations ul.open li,
	div#nav ul#mainnav li.open.opencomplaints ul.open li {
		background: url(/upload/images/nav/subnav_dash.gif) no-repeat 8px 3px;
	}
	/* blue for all sub sub menus */
	div#nav ul#mainnav li.open ul.open li.open {
		background-image: url(/upload/images/nav/subnav_dash.gif);
		background-position: 8px 3px;
		background-repeat: no-repeat;
	}
	div#nav ul#mainnav li.open ul.open li.open ul li.lv3 { background-image: none !important; }

	/* link style on sub menu */
	div#nav ul#mainnav li.open ul li a,
	div#nav ul#mainnav li.open ul li a:link,
	div#nav ul#mainnav li.open ul li a:visited,
	div#nav ul#mainnav li.open ul li a:hover,
	div#nav ul#mainnav li.open ul li a:active {
		font-weight: normal;
		display: inline;
		font-size: 1em;
		margin: 0;
		padding: 0;
	}

	/* sub-sub nav */
	div#nav ul#mainnav li.open ul li ul {
		list-style: none;
		background: none;
		padding: 0 0 3px 0;
		margin: 3px 0;
	}
	div#nav ul#mainnav li.open ul li ul li ul { padding-left: 10px; }
	
	div#nav ul#mainnav li.open ul.open li ul li,
	div#nav ul#mainnav li.open ul li ul li {
		background: none;
		padding: 0;
		margin: 2px 0;
	}
	/* links in sub sub always blue */
	div#nav ul#mainnav li.open ul li ul li a,
	div#nav ul#mainnav li.open ul li ul li a:link,
	div#nav ul#mainnav li.open ul li ul li a:visited,
	div#nav ul#mainnav li.open ul li ul li a:hover,
	div#nav ul#mainnav li.open ul li ul li a:active,
	div#nav ul#mainnav li.open ul li.open a,
	div#nav ul#mainnav li.open ul li.open a:link,
	div#nav ul#mainnav li.open ul li.open a:visited,
	div#nav ul#mainnav li.open ul li.open a:hover,
	div#nav ul#mainnav li.open ul li.open a:active {
		color: #072885;
	}
	
	/* if sub sub nav - non open menus are dark colour */
	div#nav ul#mainnav li.open.openglobal ul.open { background-color: #7D6A55; }
	div#nav ul#mainnav li.open.openpublic ul.open { background-color: #008039; }
	div#nav ul#mainnav li.open.openorganisations ul.open { background-color: #FFE153; }
	div#nav ul#mainnav li.open.openwhatwecover ul.open { background-color: #D70077; }
	div#nav ul#mainnav li.open.opentools ul.open { background-color: #C41230; }
	div#nav ul#mainnav li.open.opencomplaints ul.open { background-color: #F99D31; }
	div#nav ul#mainnav li.open.openaboutus ul.open { background-color: #003768; }
	div#nav ul#mainnav li.open.opencampaign ul.open { background-color: #7D6A55; }
    div#nav ul#mainnav li.open.openmedia ul.open { background-color: #791D7E; }
	
	/* but open sub sub menu is tint */
	div#nav ul#mainnav li.open.openglobal ul li.open,
	div#nav ul#mainnav li.open.openglobal ul li.open ul {
		background-color: #BDBDBD;
	}
	div#nav ul#mainnav li.open.opencampaign ul li.open,
	div#nav ul#mainnav li.open.opencampaign ul li.open ul {
		background-color: #BDBDBD;
	}
	
	div#nav ul#mainnav li.open.openpublic ul li.open,
	div#nav ul#mainnav li.open.openpublic ul li.open ul {
		background-color: #BFDFCD;
	}
	div#nav ul#mainnav li.open.openorganisations ul li.open,
	div#nav ul#mainnav li.open.openorganisations ul li.open ul {
		background-color: #FFF7D4;
	}
	div#nav ul#mainnav li.open.openwhatwecover ul li.open,
	div#nav ul#mainnav li.open.openwhatwecover ul li.open ul {
		background-color: #F5BFDD;
	}
	div#nav ul#mainnav li.open.opentools ul li.open,
	div#nav ul#mainnav li.open.opentools ul li.open ul {
		background-color: #F0C4CB;
	}
	div#nav ul#mainnav li.open.opencomplaints ul li.open,
	div#nav ul#mainnav li.open.opencomplaints ul li.open ul {
		background-color: #FDE6CB;
	}	
	div#nav ul#mainnav li.open.openaboutus ul li.open,
	div#nav ul#mainnav li.open.openaboutus ul li.open ul {
		background-color: #BFCDD9;
	}
	div#nav ul#mainnav li.open.openmedia ul li.open,
	div#nav ul#mainnav li.open.openmedia ul li.open ul {
		background-color: #DDC6DF;
	}
	
	/* SITE TOOLS NAV */
	div#nav div#sitetoolsnav ul {
		margin: 10px 0 10px 3px;
		padding: 0;
		list-style: none;
	}

	div#nav div#sitetoolsnav ul li {
		margin: 0;
		padding: 2px 0 2px 10px;
		background: url(/upload/images/nav/small_right_arrow.gif) no-repeat left;
	}
