/* CSS Document */
* { padding:0; margin:0; text-align:center;} 
a {text-align:left; font-size:12px; text-decoration:none;}
a:hover { text-decoration:underline;}
body {background:#eaf4f7;/* url(images/bg.gif) #83b8c0 top repeat-x;*/ font-family:tahoma,arial,sans-serif;}
.wrapper { width:980px; margin:0 auto; text-align:left;background:url(images/body-bg.gif) right repeat-y;}
.header {height:80px; overflow:hidden; padding:0 10px;}
.logo {display:block; width:500px; font-size:32px; height:80px; float:left; overflow:hidden; background:url(images/header-logo.jpg) left top no-repeat;}
.logo a { font-size:18px; color:#3A565A; display:block; height:80px;  overflow:hidden;}
.logo a span{ display:none}
.top-banner { width:460px; float:right; padding:15px 0;}

.h-nav { margin:0 10px 0 9px; background:url(images/search_bg2009.jpg) top repeat-x; background:url(images/footer_bg.gif) repeat-x; height:10px;}
.h-nav ul, .h-nav li { display:block; height:30px;}
.h-nav li { float:left; list-style:none;}
.h-nav li a { padding-left:10px; padding-right:10px; line-height:30px; padding-top:8px; padding-bottom:8px; color:#3A565A} 
.body-content {  width:980px;}
.contenter { display:block; padding:0 15px;}
.content-right { width:300px; float:right;}
.menu-cate { background:url(images/cate0bg.gif) top center no-repeat;}
.menu-cate h2 { display:block; height:40px;}
.menu-cate h2 a{ line-height:40px; padding-left:20px; display:block; font-weight:bold; font-size:16px; color:#3a565a; text-decoration:none;}
.menu-cate ul { list-style:none; display:block; padding:0 10px 0 10px; }

.menu-cate li { display:block;list-style:none; background:url(images/list-style1.gif) left no-repeat;}

.menu-cate li a { display:block; color:#298eac; height:23px; vertical-align:middle; padding-left:15px; }
.menu-cate li a:hover { text-decoration:underline; background:url(images/list-style2.gif) left no-repeat}

.content-left { float:left; width:635px;}
.banner { height:400px; text-align:left}
.imagesroll { padding:20px 10px; float:left;}
.feature { float:right; /*width:300px; margin-right:20px; margin-top:20px;*/ padding:20px;}
.feature h2 a{ color:#333; font-size:18px; padding-bottom:10px; display:block;}
.feature p { display:block; padding-bottom:10px; font-size:13px; line-height:17px; text-align:left; color:#333;}

.art-title {background:url(images/title-bg.jpg) left top no-repeat; text-align:left;}
.art-title span { line-height:30px; padding-left:30px; color:#3A565A; font-size:18px; font-weight:bold;}
.art-list-con { background:url(images/art-list-bg.gif) left repeat-y;}
.art-list-con .art-list-top { background:url(images/art-con-bg-1.gif) left top no-repeat; height:22px;}
.art-list-con .art-list-bottom { background:url(images/art-con-bg-2.gif) left bottom no-repeat; height:41px;}

.inner-title { background:url(images/innertitle-bg.gif) left top no-repeat; height:43px; padding:10px 0 0 0; text-align:left;}
.inner-title h2 {line-height:40px; display:inline; text-align:left; margin:0px 0 0 10px; padding:10px; color:#3A565A; font-size:18px; font-weight:bold;}

.art-list { margin:0 20px;}
.article {  margin:0 20px;}
.article *{ text-align:left; font-size:12px; line-height:20px;}
.article p{ display:block; padding:5px 0 10px 0; }
.article ol, .article ul { display:block; margin:0 20px;}
.article li { margin-left:20px;}


.art-list-left {width:49%; float:left;}
.art-list-right  {width:49%; float:right;}
.art-list-li { margin:auto; border:dashed 1px #b5c8cc; margin-bottom:10px;}
.art-thumb { padding:5px; float:left;}
.art-thumb img { width:100px; height:100px;}
.art-thumb img:hover {  opacity: 0.7; filter:alpha(opacity=70);}
.art-thumb a { border:#CCCCCC solid 1px; width:100px; height:100px; padding:1px; display:block;}
.art-thumb a:hover { border:#009900 solid 1px;}

.art-desc { float:right; width:160px; margin-right:10px; }
.art-desc h2 { display:block; padding:10px 0 5px 0;}
.art-desc h2 a { color:#257f9a; font-size:16px; }
.art-desc p { font-size:12px; text-align:left; color:#9eb686; line-height:20px;}

.footer { width:961px;overflow:hidden; margin-left:9px; margin-right:10px; padding-top:15px;}
.infooter{background:url(images/footer_bg.gif) repeat-x; padding:20px;}
.about {width:300px; float:left;}
.about h2 a {color:#3a565a; font-size:18px;}
.about p{font-size:12px; text-align:left; padding:10px; color:#699923}

.copyright { font-size:12px; padding-top:10px;}
.copyright a { color:#3A565A}

.clear { clear:both;}