/* Left Navigation structure (repeats for s1, s2, s3)
h3
ul
	li
		a
	li
		a
		ul
			li
				a
			li
				a
	li
		a
-------------------------- */

/* Basic nav structure */



#navigation { padding-top: 0em; width: auto; min-width: 46em; }
#navigation ul { margin: 0; text-align: center;}
#navigation li { margin: 0; }
#navlist { padding: 0.1em; padding-top: 0em; margin-left: 0; font: .75em Verdana, sans-serif; }
#navlist li { list-style: none; margin: 0; display: inline;}
#navlist li a { padding-top: 0.2em; padding-bottom: 0.2em; border: 1px solid white; border-bottom-color: #990000; background: #990000; text-decoration: none; font-weight: bold;}
#navlist li a:link { color: WHITE; }
#navlist li a:visited { color: WHITE; }
#navlist li a:hover { color: #990000; background: WHITE; border-color: #990000;}
#navlist li a#current { color: #990000; background: WHITE; border-color: #990000; }
#navlist li a { width: 12em; margin-bottom: 0; margin-right: 1px; display: block; float: left;}





#nav h3 {
	font-size: 100%;
	background: #666699;
	margin: 0;
	padding: 2px 0 2px 3px;
	color: #fff;
	}
	
#nav ul{
	margin: 0 0 3px 0;
	padding: 0;
	}
	
#nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	}
	
#nav ul li a, #nav ul li em {
	display: block;
	margin: 0;
	padding: 1px 0 2px 3px;
	text-decoration: none;
	font-style: normal;
	}

/* Sub level */
	
	#nav ul li ul {
		margin: 0;
		}
		
	#nav ul li ul li a, #nav ul li ul li em {
		padding-left: 10px;
		background: url(../img/nav_bullet.gif) no-repeat 4px 8px;
		}

/* Nav colour palette - SECTION 1 */
	
ul.s1 a, ul.s1 em {
	background: WHITE;
	color: #333;

	}
	
ul.s1 a:hover {
	background: BLACK;
	color: WHITE;
	}
	
/* Sub level */
		
	ul.s1 li ul li a, ul.s1 li a.open {
		background-color: #e0ecec !important;
		border-bottom: 1px solid #a6caca;
		border-left: 1px solid #a6caca;
		}
		
	ul.s1 li ul li a:hover {
		background-color: #eff5f5 !important;
		}
		
	ul.s1 a.selected, ul.s1 li ul li a.selected, ul.s1 em, ul.s1 li ul li em {
		background: #408c8c url(../img/nav_bullet_fff.gif) no-repeat 4px 8px !important;
		color: #fff;
		border-bottom: 1px solid #004c4c;
		border-left: 1px solid #004c4c;
		}
		
	ul.s1 a.selected:hover, ul.s1 li ul li a.selected:hover {
		background-color: #7fb2b2 !important;
		}

/* Sub Level ends */

ul.s1 a.selected, ul.s1 em {
	background-image: none !important;
	}
	
/* Nav colour palette - SECTION 2 */
	
ul.s2 a, ul.s2 em {
	background: #408c8c;
	color: #fff;
	border: 1px solid #004c4c;
	border-top: 1px solid #7fb2b2;
	}

ul.s2 a:hover {
	background: #7fb2b2 !important;
	color: #fff;
	}
		
/* Sub level */
		
	ul.s2 li ul li a, ul.s2 li a.open {
		background-color: #AFA28D !important;
		border-bottom: 1px solid #807259;
		border-left: 1px solid #807259;
		}
		
	ul.s2 li ul li a:hover {
		background: #BFB5A4 url(../img/nav_bullet_fff.gif) no-repeat 4px 8px !important;
		}
	
	ul.s2 a.selected, ul.s2 li ul li a.selected, ul.s2 em, ul.s2 li ul li em {
		background: #006666 url(../img/nav_bullet_fff.gif) no-repeat 4px 8px !important;
		color: #fff;
		border-bottom: 1px solid #002222;
		border-left: 1px solid #002222;
		}
			
	ul.s2 a.selected:hover, ul.s2 li ul li a.selected:hover {
		background-color: #8a8ab1 !important;
		}

/* Sub Level ends */

ul.s2 a.selected, ul.s2 em {
	background-image: none !important;
	}

/* Nav colour palette - SECTION 3 */
	
ul.s3 a, ul.s3 em {
	background: #006666;
	color: #fff;
	border: 1px solid #002222;
	border-top: 1px solid #7fb2b2;
	}

ul.s3 a:hover {
	background: #408c8c !important;
	color: #fff;
	}
		
/* Sub level */
		
	ul.s3 li ul li a, ul.s3 li a.open {
		background-color: #928167 !important;
		border-bottom: 1px solid #5C5241;
		border-left: 1px solid #5C5241;
		}
		
	ul.s3 li ul li a:hover {
		background: #9F8F77 url(../img/nav_bullet_fff.gif) no-repeat 4px 8px !important;
		}
		
	ul.s3 a.selected, ul.s3 li ul li a.selected, ul.s3 em, ul.s3 li ul li em {
		background: #24243d url(../img/nav_bullet_fff.gif) no-repeat 4px 8px !important;
		color: #fff;
		border-bottom: 1px solid #1a1a26;
		border-left: 1px solid #1a1a26;
		}
		
	ul.s3 a.selected:hover, ul.s3 li ul li a.selected:hover {
		background-color: #666699 !important;
		}
	
/* Sub Level ends */

ul.s3 a.selected, ul.s3 em {
	background-image: none !important;
	}










