@charset "utf-8";
body {
	margin:0; padding:0; font-size:13px; background:url(bg.gif) repeat-y center;background-color:#FFFFFF; 
}
ul,li,h3{margin:0; padding:0}
ul{list-style-type:none}
a{text-decoration:none; color:#066}
a:hover{text-decoration:none; color:#F00}
img{border:0}
#wrap{width:987px; margin:0 auto;background:url(leftbg.gif) repeat-y; background-color:#FFF;}
#left{ width:246px;background:url(leftbg.gif) repeat-y; float:left; overflow:hidden; padding-bottom:15px;}

#left #logo{margin:10px 0 0 15px;}
#left #info{margin:10px 0 0 25px; width:220px;}
#left #info .i1{ border-bottom:1px solid #CCCCCC; height:50px; padding-bottom:8px; margin-bottom:5px; overflow:hidden}
#left #info .i1 h3{padding:8px 0 0 35px; background:url(i1.gif) no-repeat; height:31px; width:220px; font-size:13px;}
#left #info .i1 span{margin:0px 0 0px 30px;}

#left #info .i2{border-bottom:1px solid #CCCCCC; height:50px; padding-bottom:8px;margin-bottom:5px;  overflow:hidden}
#left #info .i2 h3{padding:8px 0 0 35px; background:url(i2.gif) no-repeat; height:31px; width:220px; font-size:13px;}
#left #info .i2 span{margin:0px 0 0px 30px;}

#left #info .i3{border-bottom:1px solid #CCCCCC; height:50px; padding-bottom:8px;margin-bottom:5px;  overflow:hidden}
#left #info .i3 h3{padding:8px 0 0 35px; background:url(i3.gif) no-repeat; height:31px; width:220px; font-size:13px;}
#left #info .i3 span{margin:0px 0 0px 30px;}

#left #info .i4{ padding-bottom:5px; overflow:hidden}
#left #info .i4 h3{padding:8px 0 0 35px; background:url(i4.gif) no-repeat; height:31px; width:220px; font-size:13px;}
#left #info .i4 span{margin:0px 0 0px 30px; display:block}

#right{ width:741px; height:649px; background:url(indexbg.jpg) repeat-y; float:left}

#menu{margin:10px 0 10px 20px; font-size:14px;}
#menu li {margin-bottom:8px;}
#menu li a{ display:block;height:26px; width:280px;background:url(menubg.gif) no-repeat 0px 0px; text-align:center; padding:8px 10px 0 0; font-weight:bold}
#menu li a:hover{background:url(menubg.gif) no-repeat 0px -34px;}

#welcome{ width:550px; height:120px; float:right; margin:30px 0 0 0; overflow:hidden}
#right #about{ width:385px; height:85px; float:right; margin:130px 10px 0px 0 ; color:#244343; line-height:18px; text-indent:25px; clear:both;}
#right #news{width:385px; height:115px; clear:both; float:right; margin:0 10px 0 0}
#right #news h3{border-bottom:3px #F90 solid; font-size:14px; height:22px; padding-left:5px;}

#right #news ul{width:380px; padding:8px 0 0 0}
#right #news ul li{width:360px;background:url(arrow.gif) no-repeat 5px 2px; padding-left:20px; overflow:hidden; margin-bottom:4px; *margin-bottom:0px;}
#right #news ul li a{display:block; float:left;}
#right #news ul li span{float:right; color:#999}

#right #piclist{width:385px; height:160px; overflow:hidden; clear:both; float:right; margin:0 10px 0 0}
#right #piclist h3{border-bottom:3px #F90 solid; font-size:14px; height:22px; padding-left:5px;}
#right #piclist ul{padding:12px 0 0 0;}
#right #piclist ul li{float:left; margin-right:5px;}
#right #piclist ul li a{border:1px solid #CCC;display:block;float:left}
#right #piclist ul li a:hover{border:1px solid #F00}
#right #piclist ul li img{padding:2px;width:124px;height:94px}

#right2 img{max-width:600px;}
#right2{width:741px; float:left; background-color:#FFF}
#right2 #topbanner{height:180px; width:737px;background:url(topbanner.jpg) no-repeat;}
#right2 .gmenu{width:700px; height:27px;background:url(nav.gif) no-repeat; padding:10px 5px 0 10px; margin:5px 0 0 10px;}
#right2 .gmenu a{ color:#036;}
#right2 #infoshow{ width:700px;  margin:8px auto;}
#right2 #infoshow h2{border-bottom:2px solid #F90; height:23px; font-size:18px; background:url(h3.png) no-repeat; padding:3px 0 0 30px;}
#right2 #infoshow h2 span{display:block; float:left}
#right2 #infoshow h2 em{color:#999; float:right; font-size:12px; font-weight:normal; margin-top:5px;}
#right2 #infoshow #content{width:690px; height:auto; margin:0px auto 25px auto; text-align:left; line-height:20px; font-size:12px;overflow:hidden;}

#right2 #infoshow .newslist{width:685px;}
#right2 #infoshow .newslist li{width:685px; overflow:hidden; margin-bottom:7px;*margin-bottom:5px; padding-left:15px; background:url(arrow.gif) no-repeat 0px 3px;}
#right2 #infoshow .newslist li a{display:block; float:left; color:#333; font-size:14px;}
#right2 #infoshow .newslist li a:hover{color:#F60}
#right2 #infoshow .newslist li span{display:block; float:right; color:#999}

#right2 .piclist {overflow:hidden; text-align:center; width:640px; padding-left:30px;*margin-left:0px;}
#right2 .piclist li{float:left; display:inline; width:160px; *width:150px;text-align:center; height:160px; *margin-left:5px;}
#right2 .piclist li a{display:block;float:left;  margin:5px 5px; text-decoration:none; color:#333;}
#right2 .piclist li a:hover{}

#right2 .piclist li img {border: 1px outset #CCC;width:120px; height:90px; padding:3px; }
#right2 .piclist li img:hover{border: 1px outset #F60;}
#right2 .piclist li span{margin:8px auto 0 auto; display:block; clear:both; color:#333;font-size:12px}
#right2 .piclist li span:hover{ color:#F60}
#right2 .piclist li a:hover{color:#F60;}

#right2 #pagenum{width:680px; clear:both; height:25px; padding:8px 10px 0 10px; margin:10px auto 10px auto; border:#CCC 1px solid; text-align:center}
#right2 #pagenum a{margin:0 3px;}



#footer{ clear:both;width:987px; height:71px;background:url(footbg.gif) repeat-x; text-align:center; overflow:hidden}
#footer .left{height:71px; width:12px;background:url(foot_l.gif) no-repeat; float:left; display:block}
#footer .right{height:71px; width:12px;background:url(foot_r.gif) no-repeat; float:right; display:block}

#footer p{ width:850px; height:50px; line-height:18px; color:#333; margin:10px auto 0 auto; padding-top:10px; display:inline-block; background:url(foot_logo.gif) no-repeat; line-height:1.8}
/*By Gonten*/