/*----feature navigation----*/

ul#featurenav {
	margin: 0;
	padding: 0;
	color: #000;
	width: 580px;
	height: 1000px;
	list-style: none;
	display: inline;
	overflow: hidden;
}

#featurenav li {
	width: 580px;
	padding: 0;
	display: inline;
  	list-style: none;
	}

#featurenav a {
	float: left;
	padding: 200px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:200px; /* for IE5/Win only */
	}
	
#featurenav a:hover {
	background-position: 0 -200px;
	}

#featurenav a:active, #featurenavnav a.selected {
	background-position: 0 -200px;
	}

#feature1 a {
	padding: 280px 0 0 0;
	height: 0px !important; 
	height /**/:280px; /* for IE5/Win only */
	width: 580px;
	margin-bottom: 10px;
	background: url(https://thecore.uchicago.edu/Winter2017/images/toc-class-2020-hindsight.png) top left no-repeat;
	}

#feature1 a:hover {
	background-position: 0 -280px;
	}

#feature1 a:active, #featurenavnav a.selected {
	background-position: 0 -280px;
	}

#feature2 a  {
	padding: 280px 0 0 0;
	height: 0px !important; 
	height /**/:280px; /* for IE5/Win only */
	width: 580px;
	margin-bottom: 10px;
	background: url(https://thecore.uchicago.edu/Winter2017/images/toc-squishy-hugs.png) top left no-repeat;
	}
	#feature2 a:hover {
	background-position: 0 -280px;
	}

#feature2 a:active, #featurenavnav a.selected {
	background-position: 0 -280px;
	}