#menu {position:relative; width:676px; height:400px; background:transparent url(menu_col.jpg); overflow:hidden; margin:0 auto;}
#menu ul {margin:0; padding:0;}
#menu li {list-style-type:none; width:100px; height:100px; display:inline;}
#menu a {display:block; float:left; width:169px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:200px; background:transparent url(menu_bw.jpg) no-repeat 500px 500px;}
* html #menu a  {height:100px; he\ight:0;}

#menu a#item1:hover {background-position: 0 0; z-index:50;}
#menu a#item2:hover {background-position: -169px 0; z-index:50;}
#menu a#item3:hover {background-position: -338px 0; z-index:50;}
#menu a#item4:hover {background-position: -507px 0; z-index:50;}
#menu a#item5:hover {background-position: 0 -200px; z-index:50;}
#menu a#item6:hover {background-position: -169px -200px; z-index:50;}
#menu a#item7:hover {background-position: -338px -200px; z-index:50;}
#menu a#item8:hover {background-position: -507px -200px; z-index:50;}

/*End of menu*/

/*Start of menutop*/

#menutop
{ width: 676px; height: 28px; background: url(menutop.jpg) no-repeat;}
#menutop ul {margin:0; padding:0;}
#menutop li {list-style-type:none; width:100px; height:100px; display:inline;}
#menutop a {display:block; float:left; width:169px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:26px; background:transparent url(menutop2.jpg) no-repeat 500px 500px;}
* html #menutop a  {height:100px; he\ight:0;}

#menutop a#item1:hover {background-position: 0 0; z-index:50;}
#menutop a#item2:hover {background-position: -169px 0; z-index:50;}
#menutop a#item3:hover {background-position: -338px 0; z-index:50;}
#menutop a#item4:hover {background-position: -507px 0; z-index:50;}

/*End of menutop*/

/*Start of menubottom*/

#menubottom
{ width: 676px; height:25px; background: url(menubottom.jpg) no-repeat;}
#menubottom ul {margin:0; padding:0;}
#menubottom li {list-style-type:none; width:100px; height:100px; display:inline;}
#menubottom a {display:block; float:left; width:169px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:25px; background:transparent url(menubottom2.jpg) no-repeat 500px 500px;}
* html #menubottom a  {height:100px; he\ight:0;}

#menubottom a#item5:hover {background-position: 0 0; z-index:50;}
#menubottom a#item6:hover {background-position: -169px 0; z-index:50;}
#menubottom a#item7:hover {background-position: -338px 0; z-index:50;}
#menubottom a#item8:hover {background-position: -507px 0; z-index:50;}