*{padding:0; margin:0; height:1}
body,div,p,td{font: normal 12px Arial,simsun,Tahoma}

a{}
a:hover{}



.cl{zoom:1}

html{background:url(/images/index/bg0.png) repeat-x #d9e7e6}
body{background: url(/images/index/bg1.jpg) no-repeat center 180px}


#container{width: 1000px; margin:0 auto;}
#header{height: 190px}
#logo{height: 120px}
#nav{padding:10px 10px 10px 20px; position: relative; clear: all;}
#nav li{display:inline; float: left}
#nav li a{float: left;  margin-right: 20px; padding:6px 16px; font: bold 12pt simsun; text-decoration:none; color: #000}

#nav li.cur a{background: #dbedf7}
#nav li a:hover{background: #dbedf7;  -webkit-border-radius: 5px;    -moz-border-radius: 5px; 
}

#nav #rss{position: absolute; right: 0px;}
#nav #rss a{background:url(/images/index/ico_rss.gif) no-repeat 0 6px; padding-left: 30px;}

.wBox,.sBox{overflow:hidden;}
.wBox h3, .sBox h3{margin: 16px 0px 10px 30px; color: #507ead; height: 14px; font-size:14px}
*+html .wBox h3,*+html .sBox h3{margin-top: 27px; }

.sp .sBox{width: 200px;}

.sp .sBox dl{margin: 10px 20px}
.sp .wBox .cont .divi{background: url(/images/index/bg_subt.gif) repeat-x 0 -15px; height:10px;}


#content{width: 990px; overflow:hidden;}

#introBrief,#rudiBrief{background:url(/images/index/bg_intro0.png) no-repeat; height: 200px; padding: 22px 0 22px 36px}
#introBrief h3,#rudiBrief h3{margin-bottom:20px}
#introBrief .cont,#rudiBrief .cont{width: 530px; line-height: 180%}
#rudiBrief{background: url(/images/index/bg_brief.png) no-repeat; position: relative;}
#rudiBrief .cont{width: 630px; font-size: 10pt}
#dl{width: 300px; position: absolute; height: 180px; right: 20px; top: 10px;}


#news{height: 460px; }
#news, #artLst{width: 610px; float: left; background: url(/images/index/box-wTop.png) no-repeat; }
#projects{height: 290px; width: 380px; float: left; background: url(/images/index/box-sTop.png) no-repeat}
#maillist{height: 162px; width: 380px; float: left; background: url(/images/index/box-sTop.png) no-repeat}
#news .cont{height: 340px}


.wBox .cont{background: url(/images/index/box-wBg.png) no-repeat 0 bottom; padding:0 50px 40px 20px;}
.sp .wBox .cont{ height: auto ;height: 400px; min-height: 400px;}
#projects .cont,#maillist .cont{background: url(/images/index/box-sBg.png) no-repeat left bottom; padding:0 10px 20px 20px; }

#news ul, #artLst ul,#dl ul{margin-left:30px; margin-top: 20px}
#news li, #artLst li{list-style: url(/images/index/li_ar.png); padding: 4px 16px 16px 0px; background: url(/images/index/bg_dot.png) no-repeat 0 24px; }
#news li a, #artLst li a{text-decoration: none}

#dl ul{margin-left: 60px;}
#dl li{padding: 0 10px; padding-left: 50px; line-height: 30px; background: url(/images/index/li_ar2.png) no-repeat 0 center; list-style:none}

#email{width: 180px;  border:none; border-color: transparent}
#maillist p{margin: 10px}
#inPut{background: url(/images/index/bg_email.jpg) no-repeat 10px 0; padding: 0 16px;  height: 31px;}


#footer{position: relative; margin: 10px auto; padding: 10px; border-top: 1px solid #98bccc; color: #4c4e4e;}
#footer p{line-height: 180%; }
#footer span{position: absolute; right: 20px; top: 10px}



.col1{margin: 0 auto; zoom:1; clear:both; position: relative}
.col1 .Hd{overflow:hidden; background: url(/images/index/t_com.png); height: 30px; padding: 10px 20px; }
.col1 .Hd #loca{background: url(/images/index/bg_dot.png) bottom repeat-x; color: #ccc; line-height: 30px }
.col1 .Ft{background: url(/images/index/box-col1_bot.png) bottom no-repeat; height: 50px}
.col1 .Body{padding:20px 0; background: url(/images/index/box-col1.png) repeat-y; height: auto !important;height: 400px; min-height: 400px;}
.col1 #sideNav{width:200px; float:left; margin-left: 20px;}
.col1 #mainCont{width: 660px; float: left; border-right: 1px solid #eee; padding:0 30px}
.col1 #mainCont h3.t_art{font: bold 12pt Simsun; padding: 10px 0; margin-bottom: 10px; text-align: center}
.col1 #mainCont p{margin: 12px 0; line-height: 180%; font-size: 10pt; text-indent:2em}

.col1 #sideNav ul{margin-left: 20px;}
.col1 #sideNav li{background-position: 20px; padding-left: 30px;}

.col2-1{width: 70%}
.col2-1 .cont{padding: 20px 40px; padding-top:0}
.col2-1 .cont p{ line-height: 175%; margin: 8px 0}

#flashcontent{width: 940px; margin: 0 auto;}

.pages{padding: 10px;}
.pages span{ font-weight: bold;}
.pages span, .pages a{float: left; padding: 0 5px; }