#subnav
	{ 
	width:500px; 
	height: 25px;
	position:relative;
	left:375px;
	}

	
#subnav ul 
	{
	list-style:none;
	width: 500px;
	height: 25px;
	padding:0px;
	margin:0px;
	}

#subnav li 
	{
    list-style: none;
	display: inline;
	text-align: center;
	}

#subnav li a 
	{
	text-decoration: none;
	display:block;
	float:left;
	background-image:url(/images/interface/ce/subnav_about.jpg);
	text-indent:-9999px;
	}	
li#mission a {
	width:108px;
	height:25px;
	 }
li#teachers a {
	width:120px;
	height:25px;
	 }
li#careers a {
	width:79px;
	height:25px;
	 }
li#press a {
	width:109px;
	height:25px;
	 }
li#blogsub a {
	width:84px;
	height:25px;
	 }
	 

	


/*-----------------------------------------------------------------------------

Position the background image within the left boxes we have created. Use hover states
to show the correct background position for hover states.

A negative margin is used to show the whole tab. As this doesn't work in IE a 
separate stylesheet is used for IE6 and below.

-----------------------------------------------------------------------------*/	


li#mission a:link, li #mission a:visited {	
	background-position: -0px -0px;
	}
	
li#mission a:hover, li#mission a.selected {	
	background-position: -0px -25px;
	}

li#teachers a:link, li#teachers a:visited {	
	background-position: -108px -0px;
	}
	
li#teachers a:hover, li#teachers a.selected {	
	background-position: -108px -25px;
	width:120px ;
	}	
	
li#careers a:link, li#careers a:visited {	
	background-position: -228px -0px;
	}
	
li#careers a:hover, li#careers a.selected {	
	background-position: -228px -25px;
	width: 79px;
	}	
	
li#press a:link, li#press a:visited {	
	background-position: -307px -0px;
	}
	
li#press a:hover, li#press a.selected{	
	background-position: -307px -25px;
	width:109px;
	}	
li#blogsub a:link, li#blogsub a:visited {	
	background-position: -416px -0px;
	}
	
li#blogsub a:hover, li#blogsub a.selected{	
	background-position: -416px -25px;
	width:84px;
	}