/*

	This list holds the nav items left of #pageContent

*/
#leftNav {
	float:left;
	
    position: relative;
	width:139px;
	height:319px;
	
	padding:0px;
	margin:0px;
	
	margin-left:-1px;

	list-style-type:none;
	
	/* This is a graphic showing all the left hand links */
    background: transparent url('/segregation/img/pageLayout/navLinks.png') no-repeat top left;
	
}

/* Remove all margins/paddings from leftNavs listitems */
#leftNav li {
	padding:0px;
	margin:0px;
}

/* define the common size of the a link, that is the size of all the links except excersises and demonstrations */
#leftNav a {
	display:block;
	height:30px;
	width:139px;
}

/* Define a larger height for excersises and demonstrations link */
#leftNav a#excercisesDemos {height:43px;}


/* 

	Hover effect for links
	
	Throw a hovering version of the button when hovered

	For a better idea of whats going on look here:
	http://www.alistapart.com/articles/sprites


*/
#leftNav a:hover {
	background-image: url('/segregation/img/pageLayout/navLinksOn.png');
}

#leftNav a.active {
	background-image: url('/segregation/img/pageLayout/navLinksActive.png');
}

/*
	Specify the position on the hovered image for each link
*/
a#readingRoom:hover,a#readingRoom.active 			{background-position:0px 0px;}
a#excercisesDemos:hover,a#excercisesDemos.active 	{background-position:0px -30px;}
a#multiMedia:hover,a#multiMedia.active				{background-position:0px -73px;}
a#teachersCorner:hover,a#teachersCorner.active		{background-position:0px -103px;}
a#directoryExperts:hover,a#directoryExperts.active	{background-position:0px -133px;}
a#organizations:hover,a#organizations.active		{background-position:0px -163px;}
a#linksPrejudice:hover,a#linksPrejudice.active		{background-position:0px -193px;}
a#aboutUs:hover,a#aboutUs.active					{background-position:0px -223px;}
a#privacyPolicy:hover,a#privacyPolicy.active		{background-position:0px -253px;}
a#contactUs:hover,a#contactUs.active				{background-position:0px -283px;}