.menu {
margin : 0 auto;
padding : 0;
height : 30px;
width : 100%;
display : block;
background : url('images/topMenuImages.png') repeat-x;
}
.menu li {
padding : 0;
margin : 0;
list-style : none;
display : inline;
}
.menu li a {
float : left;
padding-left : 15px;
display : block;
color : #fecb00;
text-decoration : none;
font : 12px Verdana, Arial, Helvetica, sans-serif;
cursor : pointer;
background : url('images/topMenuImages.png') no-repeat 0 -30px;
}
.menu li a span {
line-height : 30px;
float : left;
display : block;
padding-right : 15px;
background : url('images/topMenuImages.png') no-repeat 100% -30px;
}
.menu li a:hover {
background-position : 0 -60px;
color : #00693c;
}
.menu li a:hover span {
background-position : 100% -60px;
}
.menu li a.active, .menu li a.active:hover {
line-height : 30px;
font : 12px Verdana, Arial, Helvetica, sans-serif;
background : url('images/topMenuImages.png') no-repeat 0 -90px;
color : #00693c;
}
.menu li a.active span, .menu li a.active:hover span {
background : url('images/topMenuImages.png') no-repeat 100% -90px;
}