/* CSS NAVIGATION STYLES */

/* SET UP THE NAVIGATION AREA */

#nav {
	margin: 0 8px;
	width: 978px;
	height: 45px;
	list-style-type: none;
}

#nav li {
	float: left;
}


/* MAKE THE TEXT DISAPEAR */

#nav li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 45px;
	background: url(/images/nav/nav.jpg);
	text-indent: -9999px;	
	overflow: hidden;
	font-size: 1%;
}


/* INSERT THE IMAGE FOR THE BUTTONS */

li#nav_uyss_info a {
	left: 0;
	width: 278px;
	background-position: 0 0;
}

li#nav_community a {
	left: 0;
	width: 267px;
	background-position: -278px 0;
}

li#nav_resources a {
	left: 0;
	width: 215px;
	background-position: -545px 0;
}

li#nav_involved a {
	left: 0;
	width: 218px;
	background-position: -760px 0;
}




/* CREATE THE BUTTON HOVER STATES */

li#nav_uyss_info a:hover {
	background-position: 0 -50px;
}

li#nav_community a:hover {
	background-position: -278px -50px;
}

li#nav_resources a:hover {
	background-position: -545px -50px;
}

li#nav_involved a:hover {
	background-position: -760px -50px;
}



/* CREATE THE BUTTON ON STATES */

li#nav_uyss_info a.on {
	background-position: 0 -50px;
}

li#nav_community a.on {
	background-position: -278px -50px;
}

li#nav_resources a.on {
	background-position: -545px -50px;
}

li#nav_involved a.on {
	background-position: -760px -50px;
}

/*--- --- --- --- LEFT SIDE NAV ON CONTENT PAGES --- --- --- --- ---*/



#contentnav {
	float: left;
	padding: 82px 0 20px 0px;
	width: 279px;

}

#contentnav li{
	float: left; /* This corrects the */
	width: 100%; /* IE whitespace bug. */
	border-bottom: 1px solid #e4e4e4;

}

#contentnav a {
	display: block; /* To increase the clickable area as a's default to inline. */
	padding: 15px 27px;
	background: url(/images/structure/nav_arrow.gif) 255px center no-repeat;
}

#contentnav a:hover {
	background: #f4f4f4 url(/images/structure/nav_arrow.gif) 255px center no-repeat;
	text-decoration: none;
}


#contentnav a.on {
	background: #f4f4f4 url(/images/structure/nav_arrow.gif) 255px center no-repeat;
}