/* eventsNAV */

#eventsnav {
	position: relative;
	top: 20px;
	left: 10px;
	float: left;
	width: 200px;
	margin: 0px;
	 padding: 0px;
}

ul.eventsnav  {
position: relative;
top: 0px;
left:0px;
width: 178px;
height: 257px;
margin: 0px;
 padding: 0px;
}
ul.eventsnav ,
ul.eventsnav li {
    margin: 0px;
	 padding: 0px;
	height: 24px;
    list-style: none;
}

ul.eventsnav ul li a{
    margin: 0px;
	 padding: 0px;
}
ul.eventsnav li a {
    display: block;
    float: left;
    background: url('../images/eventsnav.gif');
    background-repeat: no-repeat;
    text-indent: -3000px;
	outline: none;
	margin: 0px;
	 padding: 0px;
}
ul.eventsnav li.eventsnav_events a {
    width: 178px;
height: 27px;
    background-position: 0px 0px;
}
ul.eventsnav li.eventsnav_support a {
    width: 178px;
height: 27px;
    background-position: 0px -29px;
}

ul.eventsnav li.eventsnav_college a {
    width: 178px;
height: 27px;
    background-position: 0px -56px;
}
ul.eventsnav li.eventsnav_adolescent a {
    width: 178px;
	height: 48px;
    background-position: 0px -82px;
}

/* hover state */

ul.eventsnav li.eventsnav_events a:hover {
    background-position: 0px -126px;
}
ul.eventsnav li.eventsnav_support a:hover {
    background-position: 0px -154px;
}

ul.eventsnav li.eventsnav_college a:hover {
    background-position: 0px -182px;
}
ul.eventsnav li.eventsnav_adolescent a:hover {
    background-position: 0px -209px;
}


/*active state*/

ul.eventsnav li.eventsnav_events_active a {
    background-position: 0px -126px;
	   width: 178px;
	height: 27px;
}
ul.eventsnav li.eventsnav_support_active a {
    background-position: 0px -154px;
  width: 178px;
height: 27px;
}


ul.eventsnav li.eventsnav_college_active a {
    background-position: 0px -182px;
	   width: 178px;
	height: 27px;
}
ul.eventsnav li.eventsnav_adolescent_active a {
    background-position: 0px -209px;
  width: 178px;
	height: 40px;
}