#menu {
	width: 131px;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu li {
	/* if we wanted a horizontal menu we would do this:
	float: left; */
}
#menu li.list1 {background:transparent url (menu1.jpg);}
#menu li.list2 {background:transparent url (menu2.jpg);}
#menu li.list3 {background:transparent url (menu3.jpg);}
#menu li.list4 {background:transparent url (menu4.jpg);}
#menu li.list5 {background:transparent url (menu5.jpg);}
#menu li.list6 {background:transparent url (menu6.jpg);}


#menu li a {
	
	display: block;
	line-height: 24px;
	height: 24px;
}
#menu a#item1 {background:transparent url(menu1.jpg)100% 0 no-repeat;}
#menu a#item2 {background:transparent url(menu2.jpg)100% 0 no-repeat;}
#menu a#item3 {background:transparent url(menu3.jpg)100% 0 no-repeat;}
#menu a#item4 {background:transparent url(menu4.jpg)100% 0 no-repeat;}
#menu a#item5 {background:transparent url(menu5.jpg)100% 0 no-repeat;}
#menu a#item6 {background:transparent url(menu6.jpg)100% 0 no-repeat;}
#menu a#item1:hover {background-position:100% -24px;}
#menu a#item2:hover {background-position:100% -24px;}
#menu a#item3:hover {background-position:100% -24px;}
#menu a#item4:hover {background-position:100% -24px;}
#menu a#item5:hover {background-position:100% -24px;}
#menu a#item6:hover {background-position:100% -24px;}