.menu {
	width: 837px;
	margin-left: auto; 
	margin-right: auto;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000;
	
}
.menu li {
	padding: 0;
	margin: 0;
	height: 24px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
    margin-left: auto;
    margin-right: auto;
	height: 24px;
	background-repeat: no-repeat;
}
.home {background-image: url(IMAGES/home-on.gif); width: 100px;}
.home a {background-image: url(IMAGES/home-rest.gif);}
.about {background-image: url(IMAGES/about-on.gif); width: 106px;}
.about a {background-image: url(IMAGES/about-rest.gif);}
.male {background-image: url(IMAGES/male-on.gif); width: 89px;}
.male a {background-image: url(IMAGES/male-rest.gif);}
.female {background-image: url(IMAGES/female-on.gif); width: 120px;}
.female a {background-image: url(IMAGES/female-rest.gif);}
.youth {background-image: url(IMAGES/youth-on.gif); width: 106px;}
.youth a {background-image: url(IMAGES/youth-rest.gif);}
.voice {background-image: url(IMAGES/voice-on.gif); width: 101px;}
.voice a {background-image: url(IMAGES/voice-rest.gif);}
.faq {background-image: url(IMAGES/faq-on.gif); width: 71px;}
.faq a {background-image: url(IMAGES/faq-rest.gif);}
.contact {background-image: url(IMAGES/contact-on.gif); width: 144px;}
.contact a {background-image: url(IMAGES/contact-rest.gif);}

.b-home {background-image: url(IMAGES/b-home-on.gif); width: 100px;}
.b-home a {background-image: url(IMAGES/b-home-rest.gif);}
.b-about {background-image: url(IMAGES/b-about-on.gif); width: 106px;}
.b-about a {background-image: url(IMAGES/b-about-rest.gif);}
.b-male {background-image: url(IMAGES/b-male-on.gif); width: 89px;}
.b-male a {background-image: url(IMAGES/b-male-rest.gif);}
.b-female {background-image: url(IMAGES/b-female-on.gif); width: 120px;}
.b-female a {background-image: url(IMAGES/b-female-rest.gif);}
.b-youth {background-image: url(IMAGES/b-youth-on.gif); width: 106px;}
.b-youth a {background-image: url(IMAGES/b-youth-rest.gif);}
.b-voice {background-image: url(IMAGES/b-voice-on.gif); width: 101px;}
.b-voice a {background-image: url(IMAGES/b-voice-rest.gif);}
.b-faq {background-image: url(IMAGES/b-faq-on.gif); width: 71px;}
.b-faq a {background-image: url(IMAGES/b-faq-rest.gif);}
.b-contact {background-image: url(IMAGES/b-contact-on.gif); width: 144px;}
.b-contact a {background-image: url(IMAGES/b-contact-rest.gif);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}