/* image rollover menu */
/* http://inobscuro.com/tutorials/read/19/ */
.menu {
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 39px;
	list-style: none;
	background-repeat: no-repeat;
	font-size:x-large;
	color:#666666;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 39px;
	background-repeat: no-repeat;
	font-size:x-large;
	color:#666666;
}
/*
The menu graphics are:
	home_0.gif (white = normal)
	home_1.gif (pink = hover/current)
	etc ...
*/

#menu_home {
	background-image: url(/images/home-0.gif);
	background-repeat: no-repeat;}
#menu_home a:hover, .home #menu #menu_home a {
	background-image: url(/images/home-1.gif);
	background-repeat: no-repeat;}
#menu_about {
	background-image: url(/images/about-0.gif);
	background-repeat: no-repeat;}
#menu_about a:hover, .about #menu #menu_about a {
	background-image: url(/images/about-1.gif);
	background-repeat: no-repeat;}
#menu_music {
	background-image: url(/images/music-0.gif);
	background-repeat: no-repeat;}
#menu_music a:hover, .music #menu #menu_music a {
	background-image: url(/images/music-1.gif);
	background-repeat: no-repeat;}
#menu_contact {
	background-image: url(/images/contact-0.gif);
	background-repeat: no-repeat;}
#menu_contact a:hover, .contact #menu #menu_contact a {
	background-image: url(/images/contact-1.gif);
	background-repeat: no-repeat;}
#menu_links {
	background-image: url(/images/links-0.gif);
	background-repeat: no-repeat;}
#menu_links a:hover, .links #menu #menu_links a {
	background-image: url(/images/links-1.gif);
	background-repeat: no-repeat;}

/*#menu_home a:hover, #menu_about a:hover, #menu_music a:hover, #menu_contact a:hover, #menu_links a:hover {background: none;}

#menu_home a:hover, #menu_about a:hover, #menu_music a:hover, #menu_contact a:hover, #menu_links a:hover {background: none;}*/