#nav { height: 48px; }

#menu { text-align: right; }

#header #header-image img { height: 100%; }

#subnav #sub-home {
	margin-right: 265px;		
}

#subnav #sub-home li a {
	width: 7.5em;
	color: black;
	background-color:  #ff6600;
	border-top: #ffa76c 1px solid;
	border-left: #ffa76c 1px solid;
	border-bottom: #b54800 1px solid;
	border-right: #b54800  1px solid;
}

#subnav #sub-home li a:hover {
	color: white;
}


#subnav #sub-data li a {
	width: 5.9em;
	color: black;
	margin-left: 2px;
	background-color: #4382bb;
	border-top: #72a1cc 1px solid;
	border-left: #72a1cc 1px solid;
	border-bottom: #305c85 1px solid;
	border-right: #305c85 1px solid;
}
#subnav #sub-data li a:hover {
	color: white;
}

#subnav #sub-library {
	text-align: center;
	margin-right: 3.5em;
}

#subnav #sub-library li a {
	color: black; 
	width: 7em;
	background-color: #55a9b4;
	border-top: #a7d2d8 1px solid;
	border-left: #a7d2d8 1px solid;
	border-bottom: #3c777f 1px solid;
	border-right: #3c777f 1px solid;
}

#subnav #sub-library li a:hover {
	color: white;
}

#subnav #sub-upload {
	margin-right: 200px;		
}

#subnav #sub-upload li a {
	color: black;
	background-color: #ad499d;
	border-top: #c276b6 1px solid;
	border-left: #c276b6 1px solid;
	border-bottom: #7b346f 1px solid;
	border-right: #7b346f 1px solid;
}

#subnav #sub-upload li a:hover {
	color: white;
}

#subnav #sub-posters {
	text-align: center;
}

#subnav #sub-posters li a {
	width: 7.5em;
	color: black;
	background-color: #408c66;
	border-top: #82b49b 1px solid;
	border-left: #82b49b 1px solid;
	border-bottom: #1b3b2b 1px solid;
	border-right: #1b3b2b 1px solid;
}

#subnav #sub-posters li a:hover {
	color: white;
}

#subnav #sub-siteindex li a {
	color: black;
	background-color: #FF3000;
	border-top: #ff6640 1px solid;
	border-left: #ff6640 1px solid;
	border-bottom: #b52400 1px solid;
	border-right: #b52400 1px solid;
}

#subnav #sub-siteindex li a:hover {
	color: white;
}

#nav a:hover#nav-home {
	color: white; 
	background-color: #ff6600;
	border-top: #ffa76c 1px solid;
	border-left: #ffa76c 1px solid;
	border-bottom: #b54800 1px solid;
	border-right: #b54800 1px solid;
}

#nav a:hover#nav-library {
	background-color: #55a9b4;
	border-top: #a7d2d8 1px solid;
	border-left: #a7d2d8 1px solid;
	border-bottom: #3c777f 1px solid;
	border-right: #3c777f 1px solid;
}

#nav a:hover#nav-data {
	background-color: #4382bb;
	border-top: #72a1cc 1px solid;
	border-left: #72a1cc 1px solid;
	border-bottom: #305c85 1px solid;
	border-right: #305c85 1px solid;
}

#nav a:hover#nav-posters {
	background-color: #408c66;
	border-top: #70a98c 1px solid;
	border-left: #70a98c 1px solid;
	border-bottom: #2d6348 1px solid;
	border-right: #2d6348 1px solid;
}

#nav a:hover#nav-siteindex {
	background-color: #ff3000;
	border-top: #ff6640 1px solid;
	border-left: #ff6640 1px solid;
	border-bottom: #b52400 1px solid;
	border-right: #b52400 1px solid;
}

#nav a:hover#nav-assessment {
	background-color: #ffcc00;
	border-top: #ffd940 1px solid;
	border-left: #ffd940 1px solid;
	border-bottom: #b59100 1px solid;
	border-right: #b59100 1px solid;
}

#nav a:hover#nav-upload {
	background-color: #ad499d;
	border-top: #c276b6 1px solid;
	border-left: #c276b6 1px solid;
	border-bottom: #7b346f 1px solid;
	border-right: #7b346f 1px solid;
}