ul,li{ float:left; margin:0; padding:0; list-style:none;  }
.menu{ width:960px; margin:0 auto; height:31px; overflow:hidden; line-height:31px; margin:0 auto; background:url(menu.gif) no-repeat;}
.menu ul{ float:left; width:960px; margin:0 auto; height:31px;}
.menu li{  overflow:hidden;}
.menu li a{ float:left; color:#FFF100; text-align:center; font-size:14px; text-decoration:none;}
.menu li a:hover{ color:#FFFFFF;}
.menu li.class1 a{ width:62px; height:31px; display:block; overflow:hidden;}
.menu li.class1 a:hover{ width:62px; height:31px; display:block; text-decoration:none; background:url(menu2.gif) no-repeat; overflow:hidden;}

.menu li.class2 a{ width:83px; height:31px; display:block;}
.menu li.class2 a:hover{ width:83px; height:31px; display:block;text-decoration:none; background:url(menu1.gif) no-repeat; overflow:hidden;}


.menu li.class3 a{ width:113px; height:31px; display:block;}
.menu li.class3 a:hover{ width:113px; height:31px; display:block;text-decoration:none; background:url(menu3.gif) no-repeat; overflow:hidden;}


.menu li.class4 a{ width:173px; height:31px; display:block;}
.menu li.class4 a:hover{ width:173px; height:31px; display:block;text-decoration:none; background:url(menu4.gif) no-repeat; overflow:hidden;}