.cls {clear: both;}
a:focus { outline: none; }
.menu {height: 45px;display: block;padding: 0px;width: 700px;margin:0 auto;}
.menu ul {list-style: none;padding: 0;margin: 0;}
.menu ul li {float: left;overflow: hidden;position: relative;line-height: 45px;text-align: center;}
.menu ul li a {position: relative;display: block;width: 100px;height: 45px;font-size: 14px;text-decoration: none;cursor: pointer;}
.menu ul li a span {position: absolute;left: 0;width: 100px;}
.menu ul li a span.out {top: 0px;}
.menu ul li a span.over,
.menu ul li a span.bg {top: -45px;}

/** 栏目效果一 **/
#menu1 { width:1000px; height:34px;background:url(images/menu_bg.gif) repeat-x; }
#menu1 ul li a {color: #FFFFFF;}
#menu1 ul li a span.over {color: #FFFFFF;}
#menu1 ul li span.bg { width:100px; height:34px;}
		
/** 栏目效果二 **/
#menu2 { margin:0 auto; width:700px;}
#menu2 ul li a { color: #FFFFFF;}
#menu2 ul li a span.over {color: #c0f703; font-weight:bold;}
#menu2 .hover a{color: #c0f703; background:url(../images/menubg01.png) no-repeat center;  font-weight:bold;}