@charset "utf-8";
/* CSS Document */
body{ margin:0px auto;
	  vertical-align: top;
	  font-family:Tahoma;
	  font-size:11px;
	  color:#5A5A5A;}
.logo{ margin:0px auto; width:770px;}
.nav{ background:url(navbg.jpg) repeat-x; margin:0px auto; height:50px;}
.nav dl{ width:770px; margin:0px auto; padding-top:15px;}
.nav dd{ margin:0px 10px 0px 0px; display:inline; font-size:13px;}
.nav dd a{ color:#FFFFFF; text-decoration:underline;}


#main{ width:770px; margin:0px auto; padding-bottom:10px;}
#main h6{ margin:10px 0px 10px 0px; width:574px; float:right; font-size:10px;}
#left{ width:180px; float:left;}
#left h2{ background:url(13.jpg) no-repeat; margin:0px auto; font-size:12px; padding-left:30px; padding-top:7px; }
#category{ border-left:#e6e6e6 solid 1px;  border-right:#e6e6e6 solid 1px;}
#category dl{ margin:0px auto; padding-bottom:20px;}
#category dt{ height:10px;}
#category dd{ margin:0px auto; background:url(list_bg.gif) no-repeat; margin-left:15px; padding-left:15px; height:16px; }
#category dd A { color:#5A5A5A; text-decoration:none;}
#category dd A:hover {	COLOR: #808080}

.categoryfooter{ background:url(14.jpg) no-repeat; height:43px;}
#right{ width:574px; float:right;}
#right p{ margin-left:10px; margin-right:10px; padding:0px;}
.bar{ width:574px; float:right; padding-bottom:10px;}
#right h1{ background:url(11.jpg) no-repeat; font-size:14px; margin:0px auto; padding-left:20px;  padding-top:10px;}
#center{ width:572px; border-left:#e6e6e6 solid 1px;  border-right:#e6e6e6 solid 1px; float:right;}
.centerlater dl{ border:#CCCCCC solid 1px; width:120px; margin:0px auto; margin-top:10px;  }
.centerlater { width:120px; padding-left:17px;  float:left; }
.centerlater dd{ margin:0px auto; }
.centerlater h4{ font-size:11px; margin:2PX 0PX 2PX 6PX; font-weight:100; color:#737373;}
.centerlater dd span a{ color:#488FBB; text-decoration: underline; font-size:13px;}
.centerlater dd span a:hover {	COLOR: #488FBB}



.center dl{ border:#CCCCCC solid 1px; width:120px; margin:0px auto; margin-top:10px; height:150px;}
.center dd{ margin:0px auto; }
.center dd A { color:#ffffff; text-decoration:none;}
.center dd A:hover {	COLOR: #ffffff}
.center dd span a{ color:#488FBB; text-decoration: underline; font-size:13px;}
.center dd span a:hover {	COLOR: #488FBB}
.center{ width:120px; padding-left:17px;  float:left; }
.center h3{ margin:0px 1px 0px 1px; background:#488FBB; font-size:12px; color:#FFFFFF; padding-left:5px; padding-bottom:5px; padding-top:5px;}
.center h4{ font-size:11px; margin:2PX 0PX 2PX 6PX; font-weight:100; color:#737373;}
.centerfooter{ background:url(12.jpg) no-repeat; height:20px; clear:both; width:574px; }
.centerp dl{ margin:0px 20px 0px 0px; float:left; }
.centerp dl dd{ margin:0px auto;}


#footer{ width:770px; margin:0px auto; border-top:#CCCCCC solid 1px; clear:both;}
#footer p{ margin:0px auto; text-align:left;}



#banner{ width:574px; float:right; margin-bottom:10px;}

#spacer { width:484px; height: 34px; float: left; background:url(bg-bar.jpg) no-repeat; }
#click1 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px 4px 0px 0px; background: url('click1.jpg') no-repeat; }
#click2 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px 4px 0px 0px; background: url('click2.jpg') no-repeat; }
#click3 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px; background: url('click3.jpg') no-repeat; }

#click1 .on, #click2 .on, #click3 .on { background-position: 0 -34px; }
#click1 .off, #click2 .off, #click3 .off { background-position: 0 0px; }
#click1 a:hover, #click2 a:hover, #click3 a:hover { background-position: 0 -34px; }

