/* @override http://192.168.1.200/styles/nav.css */

div#nav{
	width:935px;
	margin:0 auto 0 auto;
	padding:0;
	list-style: none;
	position:relative;
	left:-12px;
	overflow: hidden;
}

div#nav ul{
	list-style: none;
}

div#nav ul li{
	display: inline;
}

div#nav ul li a{
	display:block;
	float:left;
	height:37px;
	padding: 0 64px;
	text-indent: -9999px;
	background-position: center 10px;
	background-repeat: no-repeat;
}

/* Set image and width for each link */
div#nav ul li a#home{
	background-image: url("/images/nav/home.jpg");
	width:57px;
}
div#nav ul li a#bob{
	background-image: url("/images/nav/bob.jpg");
	width:47px;
}
div#nav ul li a#films{
	background-image: url("/images/nav/films.jpg");
	width:58px;
}
div#nav ul li a#blog{
	background-image: url("/images/nav/blog.jpg");
	width:54px;
}
div#nav ul li a#store{
	background-image: url("/images/nav/store.jpg");
	width:65px;
}
div#nav ul li a#petition{
	background-image: url("/images/nav/kids.jpg");
	width:56px;
}
div#nav ul li a#news{
	background-image: url("/images/nav/press.jpg");
	width:60px;
}

div#nav ul li a#tutoring{
	background-image: url("/images/nav/tutoring.jpg");
	width:100px;
}

div#nav ul li a#challenge{
	background-image: url("/images/nav/challenge.jpg");
	width:115px;
}

/* Hover state shifts image up */
div#nav ul li a:hover, div#nav ul li a.current{
	background-position: center -36px;
}