@charset "utf-8";
/* CSS Document */

	#divNav {
	margin: 0;
	padding: 0;
	height: 50px;
	width: 800px;
	}

	#nav {
		margin: 0;
		padding: 0;
		position: relative;
		width: 800px;
		}

	#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;
	}

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}
	
	#nav li ul {
		display: none;
	}
	
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	left: 0px;
	padding-top: 1px;
	background: #FFFFFF;
	height: 17px;
	width: 500px;
	}

	#nav li.on ul {
		background: #ffffff;
	}
	#nav li.on:hover ul, #nav li.off:hover ul, #nav li.over ul,  { /*for ie*/
		background: #ffffff;
	}

	#nav li a {
		display: block;
	}

	#nav li.on a {
		color: #ffffff;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #607c8c;
		width: auto;
	}

	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #ffffff;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #607c8c;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}



/*first, put the initial states in place*/

#liRenaissance a {
	background: url(images/UK2008topESP_on.gif);
	display: block;
	position: relative;
	height: 30px;
	width: 191px;
}

#liArtNouveau a {
	background: url(images/UK2008topSV_on.gif);
	display: block;
	position: relative;
	height: 30px;
	width: 135px;
}

#liModern a {
	background: url(images/2008topWS_on.gif);
	display: block;
	position: relative;
	height: 30px;
	width: 88px;
}
#sub a {
	height: 10px;
	width: auto;
	background-color: #FFFFFF;
}
#sub li.on:hover ul a, #sub li.off:hover ul a, #sub li.over ul  a {
	height: 10px;
	width: auto;
	background-color: #ffffff;
}

/*hover states*/
#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
	background: url(images/UK2008topESP_over.gif);
}
#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
	background: url(images/UK2008topSV_over.gif);
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
	background: url(images/2008topWS_over.gif);
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	color: #a8a8a8;
	font-family: "Franklin Gothic Medium", Verdana, "Neo Tech";
	font-size: 11px;
	font-weight: normal;
	background: #FFFFFF;
	height: 17px;
}		

#nav li.on ul a {
	background: #FFFFFF;
}
#nav li.on ul a:hover, #nav li.off ul a:hover {
	background: #FFFFFF;
}