/***************************/
/********* main nav *******/
/**************************/

	#top-nav {
		position: relative;
		height: 27px;
		width: 291px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		/*z-index: 1000;*/
	}


	#top-nav a {
		text-decoration: none;
	}

	#top-nav li.top { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}


	
	#top-nav li a {
		color: #224d6f;
		display: block;
		/*width: 93px;*/
		padding: 0;
	}

	#top-nav li.on a {
		color: #f90;
	}


	

	
    /*do the image replacement*/

	#top-nav li span {
		display: none;
	}
	
	#nav_home {
		padding-left: 0px;
	}

	#nav_info a, #nav_news a, #nav_contact a, #nav_awards a{
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px;
		background: url(../images/top-nav.gif) no-repeat; /*contains all hover states*/
	}
	

	
	#top-nav li a.top {
		height: 27px;
	}
	
	/*first, put the initial states in place*/
	
	#nav_info a {
		background-position: -20px -0px;
		width: 60px;
	}
	
	#nav_awards a {
		background-position: -246px -0px;
		width: 83px;
		/*border: 1px solid red;*/
	}
	
	#nav_news a {
		background-position: -80px -0px;
		width: 72px;
	}
	
	#nav_contact a {
		background-position: -152px -0px;
		width: 76px;
		/*border: 1px solid red;*/
	}
	

	/*active area - selected states */
	
	#nav_info.on a {
		background-position: -20px -27px;
	}
	
	#nav_awards.on a {
		background-position: -246px -27px;
	}
	
	#nav_news.on a {
		background-position: -80px -27px;
	}
	
	#nav_contact.on a {
		background-position: -152px -27px;
	}
	

    /*hover states*/
	
	#nav_info a:hover, #nav_info:hover a, #nav_info.over a {
		background-position: -20px -27px;
	}
	
	#nav_awards a:hover, #nav_awards:hover a, #nav_awards.over a {
		background-position: -246px -27px;
	}
	
	#nav_news a:hover, #nav_news:hover a, #nav_news.over a {
		background-position: -80px -27px;
	}
		
	#nav_contact a:hover, #nav_contact:hover a, #nav_contact.over a {
		background-position: -152px -27px;
	}