/*--Navigation Bar controls--*/

#navBarContainer{  
	left:493px;
	top:21px;
	height:18px;
	width: 433px;
	position: relative; /*--Set positioning to absolute--*/
	}  

ul#navBar{
	width: 433px;
	height: 18px;
	margin: 0; padding: 0;
	list-style: none;
}
ul#navBar li{
	margin: 0; padding: 0;
	display: inline;

}

ul#navBar a{
	overflow:hidden;
	display:block;
	height: 18px;
	text-indent: -9999px; /**--Hides text when browser is using CSS--*/
}

#home ul#navBar li.home a{
	float: left;
	width: 59px;
	background: url('../navigation/nav_bar.png') no-repeat 0px 0px;
}

#biography ul#navBar li.biography a{
	float: left;
	width: 101px;
	background: url('../navigation/nav_bar.png') no-repeat -59px 0px;
}

#music ul#navBar li.music a{
	float: left;
	width: 65px;
	background: url('../navigation/nav_bar.png') no-repeat -160px 0px;
}

#resources ul#navBar li.resources a{
	float: left;
	width: 122px;
	background: url('../navigation/nav_bar.png') no-repeat -225px 0px;
}

#contact ul#navBar li.contact a{
	float: left;
	width: 86px;
	background: url('../navigation/nav_bar.png') no-repeat -347px 0px;
}


ul#navBar li.home a{
	float: left;
	width: 59px;
	background: url('../navigation/nav_bar.png') no-repeat 0px -18px;
}

ul#navBar li.home a:hover{
	float: left;
	width: 59px;
	background: url('../navigation/nav_bar.png') no-repeat 0px 0px;
}

ul#navBar li.biography a{
	float: left;
	width: 101px;
	background: url('../navigation/nav_bar.png') no-repeat -59px -18px;
}

ul#navBar li.biography a:hover{
	float: left;
	width: 101px;
	background: url('../navigation/nav_bar.png') no-repeat -59px 0px;
}

ul#navBar li.music a{
	float: left;
	width: 65px;
	background: url('../navigation/nav_bar.png') no-repeat -160px -18px;
}

ul#navBar li.music a:hover{
	float: left;
	width: 65px;
	background: url('../navigation/nav_bar.png') no-repeat -160px 0px;
}

ul#navBar li.resources a{
	float: left;
	width: 122px;
	background: url('../navigation/nav_bar.png') no-repeat -225px -18px;
}

ul#navBar li.resources a:hover{
	float: left;
	width: 122px;
	background: url('../navigation/nav_bar.png') no-repeat -225px 0px;
}

ul#navBar li.contact a{
	float: left;
	width: 86px;
	background: url('../navigation/nav_bar.png') no-repeat -347px -18px;
}

ul#navBar li.contact a:hover{
	float: left;
	width: 86px;
	background: url('../navigation/nav_bar.png') no-repeat -347px 0px;
}