@charset "utf-8";
/* CSS Document */


#nav {
	display: block;
	height: 50px;
	width: 820px;
	float: left;
	background: #1C1C1C;
}
#nav ul {
    margin: 0px;
    height: 50px;
    padding: 0;
}
#nav li {
    list-style: none;
    display: inline;
}
#nav li a {
    margin: 0px;
    padding: 0;
    display: block;
    float: left;
}
#nav a span {
    position: relative;
    display: block;
    z-index: -1;
}
li .home {
	display: block;
	width: 97px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .news {
	display: block;
	width: 131px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .calendar {
	display: block;
	width: 169px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .vid {
	display: block;
	width: 75px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .music {
	display: block;
	width: 79px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_05.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .gear {
	display: block;
	width: 77px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_06.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .links {
	display: block;
	width: 69px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_07.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li .mail {
	display: block;
	width: 123px;
	height: 50px;
	outline: none;
	background-image: url(images/nav_08.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
li :hover {
    background-position: 0 -50px;
}
#home li .home {
    background-position: 0 -50px !important;
}
#home li .home, #news li .news, #calendar li .calendar, #vid li .vid,
#music li .music, #gear li .gear, #links li .links, #mail li .mail{
    background-position: 0 -50px !important;
}
