/* Navigation Menu */

.navlist {
	margin: 0 0 1em 0;
}

.navlist ul li {
	margin-bottom: 0;
}

.navlist .navaidspacer {
	background-color: transparent;
}

.navaidspacer1, .navaidspacer2, .navaidspacer3, .navaidspacer4, .navaidspacer5 {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 75%;
	height: 24px;
}
.navaidspacer1 {
	background-image: url(http://www.iov.co.uk/iov_media/1.jpg);
}
.navaidspacer2 {
	background-image: url(http://www.iov.co.uk/iov_media/2.jpg);
}
.navaidspacer3 {
	background-image: url(http://www.iov.co.uk/iov_media/3.jpg);
}
.navaidspacer4 {
	background-image: url(http://www.iov.co.uk/iov_media/4.jpg);
}
.navaidspacer5 {
	background-image: url(http://www.iov.co.uk/iov_media/5.jpg);
}

	.navlist ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		
	.navlist a {
		display: block;
		padding: 2px 2px 2px 2px;
		width: 164px;
		border-bottom: 1px solid #e8cf50;
	}
		
	.navlist a:link, .navlist a:visited {
		/* 1st level unselected */
		color: #222;
		background-color: #ffc;
		text-decoration: none;
	}

	.navlist a.nap:link, .navlist a.nap:visited {
		/* All parents */
		color: #a89f10;
		background-color: #ffc;
	}

	.navlist a.nas:link, .navlist a.nas:visited {
		/* All selected */
		color: #222;
		background-color: #fc0;
	}
	
	.navlist a:hover, .navlist a:active,
	.navlist a.nap:hover, .navlist a.nap:active,
	.navlist a.nas:hover, .navlist a.nas:active {
		/* 1st level hovered */
		color: #222; /* 1 */
		background-color: #e8cf50; /* 1 */
		text-decoration: none;
	}
		
		.navlist ul ul a {
			display: block;
			padding: 2px 2px 2px 6px;
			width: 160px;
		}
		
		.navlist ul ul a:link, .navlist ul ul a:visited {
			/* 2nd level unselected */
			color: #ffc;
			background-color: #696;
			text-decoration: none;
		}
		
		.navlist ul ul a:hover, .navlist ul ul a:active {
			/* 2nd level hovered */
			color: #222; /* same as 1 */
			background-color: #e8cf50; /* same as 1 */
			text-decoration: none;
		}

			.navlist ul ul ul a {
				display: block;
				padding: 2px 2px 2px 10px;
				width: 156px;
			}
		
			.navlist ul ul ul a:link, .navlist ul ul ul a:visited {
				/* 3rd level unselected */
				color: #222;
				background-color: #eee;
				text-decoration: none;
			}
		
			.navlist ul ul ul a:hover, .navlist ul ul ul a:active {
				/* 3rd level hovered */
				color: #222; /* same as 1 */
				background-color: #e8cf50; /* same as 1 */
				text-decoration: none;
			}

				.navlist ul ul ul ul a {
					display: block;
					padding: 2px 2px 2px 14px;
					width: 152px;
				}
			
				.navlist ul ul ul ul a:link, .navlist ul ul ul ul a:visited {
					/* 4th level unselected */
					color: #222;
					background-color: #ffc;
					text-decoration: none;
				}
			
				.navlist ul ul ul ul a:hover, .navlist ul ul ul ul a:active {
					/* 4th level hovered */
					color: #222; /* same as 1 */
					background-color: #e8cf50; /* same as 1 */
					text-decoration: none;
				}

/* end Navigation Menu */