@charset "utf-8";
/* CSS Document */
.navbar{
    padding: 0;
    margin: 0;
    height: 22px;
    width: 630px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:230px;
	 
}

.navbar ul{
display:inline;	
}
.navbar ul li{
 height:45px;
 float:left;
 overflow:hidden;
}

.navbar ul li a{
background-image:url(../images/buttonSprite-tripleState.png);
background-repeat:no-repeat;
height:40px;
position:absolute;
}

.navbar ul #home{
width:65px;
}
.navbar ul #home a{
width:65px;
background-position: 0px 0px;
}

.navbar ul .lin{
 float:left;
 overflow:hidden;
 margin-left:10px;
 margin-right:10px;
 background-image:url(../images/buttonSprite.png);
 background-repeat:no-repeat;
 background-position: -75px 0px;
 width:10px;
}

.navbar ul #about{
 width:150px;
}
.navbar ul  #about a{
 width:150px;
 background-position: -105px 0px;
}

.navbar ul  #classes a{
width:85px;
background-position: -290px 0px;
}.navbar ul #classes{
 width:85px;
}

.navbar ul  #events  a{
width:80px;
background-position: -405px 0px;
}.navbar ul #events {
 width:80px;
}

.navbar ul  #contacts a{
width:120px;
background-position: -520px 0px;
}
.navbar ul #contacts {
/* width:120px;*/
}

.navbar ul  #home a:hover{
background-position: 0px -50px;
}
.navbar ul  #home a:active{
background-position: 0px -100px;
}
.navbar ul  #about a:hover{
background-position: -105px -50px;
}
.navbar ul  #about a:active{
background-position: -105px -100px;
}

.navbar ul  #classes a:hover{
background-position: -290px -50px;
}
.navbar ul #classes a:active{
background-position: -290px -100px;
}
.navbar ul  #events a:hover{
background-position: -405px -50px;
}
.navbar ul #events a:active{
background-position: -405px -100px;
}
.navbar ul  #contacts a:hover{
background-position: -520px -50px;
}
.navbar ul #contacts a:active{
background-position: -520px -100px;
}

.navbar ul li ul{
display:inline;	
}