#top-header {
	position: relative;
	background: url("http://www.hrc.utexas.edu/images/layout/backgrounds/header.gif") repeat-x;
	background-color: #f0efea;
	height: 115px;
	margin: 0px 0px 0px 0px;
	z-index: 3;
}

#navigation {
	position: relative;
	margin: 13px 0px 0px -11px;
	width: 670px;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #666;
		z-index: 3;
}

#navigation li {
	position: relative;
	float: left;
	background: url("http://www.hrc.utexas.edu/images/layout/backgrounds/separator.gif") right 4px no-repeat;
	padding: 0 12px 0 12px;
	height: 32px;
	list-style-type: none;
}

#navigation li.first,
#navigation li:first-child {
	padding-left: 0;
}

#navigation li.last {
	padding-right: 0;
	background: none;
}

#navigation a {
	text-decoration: none;
	color: #ac1a2f;
	display: block;
	text-indent: -9876px;
}

#navigation a:hover,
#navigation a:active {
	color: #000;
}

#navigation .subnavigation {
	position: absolute;
	top: 31px;
	left: -10px;
	width: 170px;
	font: normal 11px Arial, sans-serif;
	color: #fff;
	background: #ac1a2f;
	border: 1px solid #c46a6f;
	border-top: 0;
	padding: 10px 10px 1px 10px;
	display: none;
}

#navigation .subnavigation li { 
	float: none;
	display: block;
	background: none;
	padding: 0 0 10px 0;
	height: auto;
}

#navigation .subnavigation li.first {
	padding-left: 0;
}

#navigation .subnavigation li.last {
	padding-right: 0;
	background: none;
}

#navigation .subnavigation a {
	text-decoration: none;
	color: #fff;
	display: block;
	text-indent: 0;
	background-image: url("http://www.hrc.utexas.edu/images/layout/backgrounds/separator2.gif") !important; /* <- alone on purpose */
	background-position: 0 4px !important;
	background-repeat: no-repeat !important;
	padding-left: 13px;
	width: 157px;
	height: auto;
}

#navigation .subnavigation a:hover,
#navigation .subnavigation a:active {
	color: #400004;
	background-position: 0 -196px !important;
	font-weight: bold;
}

#navigation .subnavigation a.active {
	color: #400004;
	background-position: 0 -196px !important;
	font-weight: bold;
}

#navigation .subnavigation a.special {
	font-style: italic;
}

#altnavigation {
	position: absolute;
	top: 85px;
	right: 0;
	font: normal 11px Helvetica, Arial, sans-serif;
	color: #666;
	height: 15px;
	width: 190px;
}

#altnavigation li {
	float: right;
	background: url("/images/layout/backgrounds/separator.gif") right 3px no-repeat;
	padding: 0 8px 0 3px;
}

#altnavigation li.first {
	padding-left: 0;
}

#altnavigation li.last,
#altnavigation li:first-child {
	padding-right: 0;
	background: none;
}

#altnavigation a {
	text-decoration: none;
	color: #ac1a2f;
	display: block;
	text-indent: -9876px;
}

#altnavigation a:hover,
#altnavigation a:active {
	color: #000;
}


#nav-collections a,
#nav-research a,
#nav-exhibitions a,
#nav-events a,
#nav-about a,
#nav-visit a,
#nav-share a,
#nav-multimedia a {
	background-image: url("http://www.hrc.utexas.edu/images/layout/navigation/sprite2.gif");
	background-repeat: no-repeat;
}
#nav-give a {
	background-image: url("http://www.hrc.utexas.edu/images/layout/navigation/sprite7.gif");
	background-repeat: no-repeat;
}

#nav-collections a { width: 68px; height: 13px; background-position: -7px -62px; }
#nav-collections a.active, #nav-collections.hover a { background-position: -7px -88px; }
#nav-collections.hover ul { display: block !important; }

#nav-research a { width: 58px; height: 13px; background-position: -7px -370px; }
#nav-research a.active, #nav-research.hover a { background-position: -7px -396px; }
#nav-research.hover ul { display: block !important; }

#nav-exhibitions a { width: 66px; height: 13px; background-position: -7px -214px; }
#nav-exhibitions a.active, #nav-exhibitions.hover a { background-position: -7px -240px; }
#nav-exhibitions.hover ul { display: block !important; }

#nav-events a { width: 41px; height: 13px; background-position: -7px -162px; }
#nav-events a.active, #nav-events.hover a { background-position: -7px -188px; }
#nav-events.hover ul { display: block !important; }

#nav-about a { width: 39px; height: 13px; background-position: -7px -10px; }
#nav-about a.active, #nav-about.hover a { background-position: -7px -36px; }
#nav-about.hover ul { display: block !important; }

#nav-visit a { width: 29px; height: 13px; background-position: -7px -470px; }
#nav-visit a.active, #nav-visit.hover a { background-position: -7px -496px; }
#nav-visit.hover ul { display: block !important; }

#nav-give a { width: 62px; height: 13px; background-position: -7px -519px; }
#nav-give a.active, #nav-give.hover a { background-position: -7px -545px; }
#nav-give.hover ul { display: block !important; }

#nav-share a { width: 36px; height: 11px; margin-right: -6px; background-position: -7px -522px; }
#nav-share a.active, #nav-share a:hover { background-position: -7px -546px; }

#nav-multimedia a { width: 56px; height: 11px; background-position: -7px -617px; }
#nav-multimedia a.active, #nav-multimedia a:hover { background-position: -7px -641px; }

#nav-blog a { width: 22px; height: 12px; background-position: -7px 0px; }
#nav-blog a.active, #nav-blog a:hover { background-position: -7px -23px; }