a.button {display:inherit; height:29px; width:56px; background:url('images/m1.gif')}
a.button:hover {background:url('images/m1~.gif')}
a.button2 {display:inherit; height:29px; width:53px; background:url('images/m2.gif')}
a.button2:hover {background:url('images/m2~.gif')}
a.button3 {display:inherit ; height:29px; width:51px; background:url('images/m3.gif')}
a.button3:hover {background:url('images/m3~.gif')}
a.button4 {display:inherit ; height:29px; width:93px; background:url('images/m4.gif')}
a.button4:hover {background:url('images/m4~.gif')}
a.button5 {display:inherit ; height:29px; width:93px; background:url('images/m5.gif')}
a.button5:hover {background:url('images/m5~.gif')}
a.button6 {display:inherit ; height:29px; width:79px; background:url('images/m6.gif')}
a.button6:hover {background:url('images/m6~.gif')}
a.button7 {display:inherit ; height:29px; width:79px; background:url('images/m7.gif')}
a.button7:hover {background:url('images/m7~.gif')}

.styles {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
.styles1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #808080; text-decoration: none}
.stylesbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FF3300; text-decoration: none ; font-weight: bold}