@charset "utf-8";
/* This CSS Document contains Navigation that is common across all pages. The header text with a hover effect can be found in the layout files.*/

/* VERTICAL NAV MENU */

/*********** NAV BAR ***********/

#nav {
	margin: 0 0 0 0px;
	padding-top: 33px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#nav ul li { display: block; }

#nav ul li span
{
  position: absolute;
  top: -999em;
}

	/**** HOME ****/
	
	#nav ul li.home a
	{
		float: right;
		width: 124px;
		height: 61px;
		background-image:url(../images/btns/home.jpg);
		background-repeat: no-repeat;
		background-position: 0 -61px;
	}

	#nav ul li.home a:hover
		{ 
		  background-position: 0 0;
		  height: 61px;
		}
	#nav ul li.home_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/home.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 61px;
		}
	
	#nav ul li.home a:visited
		{
			float: right;
		width: 124px;
		height: 61px;
		background-image:url(../images/btns/home.jpg);
		background-repeat: no-repeat;
		background-position: 0 -61px;
		}
	
	/**** CLASSES ****/
	
	#nav ul li.classes a
	{
		float: right;
		width: 124px;
		height: 65px;
		background-image:url(../images/btns/classes.jpg);
		background-repeat: no-repeat;
		background-position: 0 -65px;
	}

	#nav ul li.classes a:hover
		{ 
		  background-position: 0 0;
		  height: 65px;
		}
	#nav ul li.classes_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/classes.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 65px;
		}
		
	/**** DEGREES ****/
	
	#nav ul li.degrees a
	{
		float: right;
		width: 124px;
		height: 66px;
		background-image:url(../images/btns/degrees.jpg);
		background-repeat: no-repeat;
		background-position: 0 -66px;
	}

	#nav ul li.degrees a:hover
		{ 
		  background-position: 0 0;
		  height: 66px;
		}
	#nav ul li.degrees_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/degrees.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 66px;
		}
		
	/**** FACULTY ****/
	
	#nav ul li.faculty a
	{
		float: right;
		width: 124px;
		height: 68px;
		background-image:url(../images/btns/faculty.jpg);
		background-repeat: no-repeat;
		background-position: 0 -68px;
	}

	#nav ul li.faculty a:hover
		{ 
		  background-position: 0 0;
		  height: 68px;
		}
	#nav ul li.faculty_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/faculty.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 68px;
		}

	/**** GALLERY ****/
	
	#nav ul li.gallery a
	{
		float: right;
		width: 124px;
		height: 64px;
		background-image:url(../images/btns/gallery.jpg);
		background-repeat: no-repeat;
		background-position: 0 -64px;
	}

	#nav ul li.gallery a:hover
		{ 
		  background-position: 0 0;
		  height: 64px;
		}
	#nav ul li.gallery_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/gallery.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 64px;
		}
	/**** CONTACT ****/
	
	#nav ul li.contact a
	{
		float: right;
		width: 124px;
		height: 69px;
		background-image:url(../images/btns/contact.jpg);
		background-repeat: no-repeat;
		background-position: 0 -69px;
	}

	#nav ul li.contact a:hover
		{ 
		  background-position: 0 0;
		  height: 69px;
		}
	#nav ul li.contact_selected a
		{ 
		 float: right;
		  width: 124px;
		  background-image:url(../images/btns/contact.jpg);
		  background-repeat: no-repeat;
		  background-position: 0 0;
		  height: 69px;
		}		
		
/* END VERTICAL NAV MENU */