body, p, ul, li, h1, h2, h3, h4, blockquote {	padding: 0;	margin: 0;}
body {
/*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
color: #222;font:12px/25px Verdana,Arial,Helvetica,sans-serif;background: #FFFFFF;}

/* --- Links -------------------------------- */

a:link, a:visited { 
color: #3672A7;
text-decoration: none;
}
a:hover { 
color: #0f4a69;
text-decoration: underline;
}
a img { 
	border: none; 
}
img.smimg{
	width: 78px;height:78px;
}
p.center{
	text-align: center; line-height: 28px;font-size:13px;
}
.clear{clear:both;height:0;overflow: hidden;}
/* --- Header -------------------------------- */
#header {
background:#ffffff url(top_bg.gif) top left repeat-x;
width: 951px;
margin:0 auto;
height: 144px;
border-left: 1px #D3D2D7 solid;
border-right: 1px #D3D2D7 solid;
margin-top: -24px; 
}
#logo{	width: 469px;	float: left;}
#user{width: 458px;	float: left;	padding: 75px 0 0 0;	text-align: right;}
#user p{
	height: 30px;
}
#roll{ 
border: 1px #D3D2D7 solid;
border-bottom: none;
border-top: none;
height: 145px;
	width: 951px;
margin:0 auto;   
overflow:hidden;   
padding-top: 6px;
}
#roll ul{
	padding:0px 2px;
}
#roll li { list-style:none;width:180px; height:145px; padding-right:6px;margin-bottom:15px text-align:center;float:left; 
 }
#roll li img { width:180px; height:120px;margin:0px;padding:0; display:block; float: left; }
#roll li span{display:block;float:left;width:180px; text-align: center;height:20px;line-height:20px;overflow:hidden;  }

#navdiv{ 
	width: 951px;
margin:0 auto; 
	border: 1px #D3D2D7 solid;
border-bottom: none;
border-top: none;
height: 36px;
}
#navdiv #about{float: left;width:236px; text-indent: -9999px; background: url(nav.gif) 0 0 no-repeat;height:36px;}
#navdiv #nav{float: left;width:713px;  background: url(nav.gif) -238px 0 no-repeat;height:36px;}
#nav a{display:block;float:left;background: url(nav.gif) -238px 0 no-repeat;height:36px;}
#nav a:hover,#nav a.selected{ background-image: url(navh.gif);}
#nav a#home{width:90px;text-indent:-9999px;background-position:-238px 0  }
#nav a#experts{width:125px;text-indent:-9999px;background-position:-328px 0}
#nav a#news{width:113px;text-indent:-9999px;background-position:-453px 0}
#nav a#blog{width:107px;text-indent:-9999px;background-position:-566px 0}
#nav a#event{width:113px;text-indent:-9999px;background-position:-673px 0}
#nav a#archive{width:165px !important;width:162px;text-indent:-9999px;background-position:-786px 0}

 /* width:165px !important; */
/* --- #content ---------------------------------- */

#content{
	text-align: left;
	width: 951px;
	margin:0 auto; 
	border: 1px #D3D2D7 solid;
	border-bottom: none;
	border-top: none; overflow:hidden;
	background: #E6EAEB;
}
#leftcol{
	background: #E9E9EC;
	width:237px; 
	float: left;
	border-right:1px #D9DBD6 solid;overflow:hidden;
} 
#leftcol .leftbox{
clear: both;
	width: 236px;
	margin-left:6px;
	border-left:1px #D9DBD6 solid; background: #F4F7EE;overflow:hidden;
}
#aboutcat{margin:0;padding:0;}
#aboutcat li{list-style:none;float:left;width:230px;height:30px; border-bottom:1px #D2D6C8 solid;background:#F5F8EB; text-indent: 30px;font-size:14px;line-height:30px;}
#aboutcat li a{color: #19558B; font-weight: bold;}
#aboutcat li.parent{	height:35px;line-height:35px; font-weight: bold; background: #F1F0EA url(bluewhitebg.gif) 16px center no-repeat;text-indent: 5px; padding-left: 22px;font-size:15px; color: #1c496e;}
/* blogleft */
#leftcol .leftbox1{
clear: both;
	width: 237px;
	margin-left:6px; background: #EEEEEE; 
}
h1.blogleft{width:198px;height: 30px;line-height:30px;border:1px #B6C3C9 solid; background: url(h1bg.gif) repeat-x center center;font-size:13px;color:#305D84;padding-left:30px;}
h1.pro{}
.profile{ width:218px; border:1px #B6C3C9 solid;border-top:none;margin-bottom:10px;background:#ffffff;padding:5px; text-align: center;}
.profile img{padding:1px;border:1px #D2D6C8 solid; }
.profile span{color:#325C82;font-size:14px; font-weight: bold;}
ul.pr{  margin-bottom:10px;background:#ffffff;padding:5px 0;}
ul.pr li {list-style:none; padding-left:28px;line-height:20px; background: url(proli.gif) no-repeat 15px 6px; text-align: left;}
#leftcol .leftbox1 ul.pr li a{color: #000000;;}


ul.cate{ width:228px; border:1px #B6C3C9 solid;border-top:none;margin-bottom:10px;background:#ffffff;padding:10px 0;}
ul.cate li { padding-left:30px;line-height:20px; background: url(blogli.gif) no-repeat 18px 7px;}
#leftcol .leftbox1 ul.cate li a{color: #325D80;}

ul.latest{ width:228px; border:1px #B6C3C9 solid;border-top:none;margin-bottom:10px;background:#ffffff;padding:10px 0;}
ul.latest li { padding-left:30px;line-height:20px; background: url(blogli.gif) no-repeat 18px 7px;}
#leftcol .leftbox1 ul.latest li a{color: #000000;}
.profile form{	text-align: center;}
.profile p{	height:26px;}
#blogerselect,#key{	width:200px;}
#key{	width:194px;}#search{	margin-left:30px;}

ul.admin{ width:228px; border:1px #B6C3C9 solid;border-top:none;margin-bottom:10px;background:#ffffff;padding:10px 0;}
ul.admin li { padding-left:30px;line-height:28px;font-size:14px; }
#leftcol .leftbox1 ul.admin li a{color: #325D80;}

#subscribe{display:block;width:228px;margin-left:1px;margin-top:15px; text-indent:-9999px;
	background:#2C6193 url(subscribe.gif) center center no-repeat;height:26px;
}
#joinmail{ padding:0;
}
#joinmail form{
	padding: 0; margin: 0;
}
#joinmail h3{font-size:13px;text-align:center;}
#joinmail p{	text-align: center;font-weight:bold;line-height:22px;}
#joinmail p.join{	padding-left:120px;padding-top:5px;}
#joinmail h4{font-size:13px;text-align:left; text-indent:10px;}
#joinmail ul{
	margin: 0;padding:0; 
}
#joinmail ul li{list-style:none;font-size:12px;text-align:left; text-indent:25px;width:100%;line-height:18px; margin:0;  background: url(pdfli.gif) 15px center no-repeat; }
#joinmail ul li a{font-size:12px;text-align:left; text-indent:25px;color:#000000;}
#joinmail ul li a:hover{color:#19558B;}
#contitle{display:block;width:228px;margin-left:1px;margin-top:5px;  text-align: center; height:18px;
 
}
#listserver {padding-top:10px;text-align:center;}
#listserver a{text-indent: 0;}
#listserver h3{font-size:13px;text-align:center;}
#listserver p{	text-align: center;font-weight:bold;line-height:35px;}
#listserver  a img{	border: 1px #9EA19A solid;} 
#bottombg{clear:both;width:229px;height:12px;
	background:url(bottomline.gif) center center no-repeat;
}


#linkstitle {display:block;width:228px;margin-left:1px;margin-top:15px; text-indent:-9999px;
	background:#2C6193 url(links.gif) center center no-repeat;height:26px;}
#links{
		padding: 5px 0;
	}
#links li{list-style:none;float:left;width:204px;  background:#CFE2F3; padding-right: 4px;font-size:13px;line-height:20px;padding-bottom:5px;padding-left:22px;background: url(pdfli.gif) 14px 7px no-repeat; }
#links li a{color:#19558B;font-size:13px;} 

/*wyw*/
#pdflists{
		padding: 5px 0;
	}
#pdflists li{list-style:none;float:left;width:234px;  background:#FFFFFF; background: url(bloglibg.gif) 12px 10px no-repeat;padding-right: 1px;font-size:13px;line-height:20px;padding-bottom:5px;padding-left:22px; }
#pdflists li a{color:#19558B;font-size:13px;} 
/*wyw*/

#rightcol{
	float: left;
	width: 712px; 
	background: White;background: #E6EAEB; 
}
#welcome{height:32px;background: url(welcome.gif) right center no-repeat;padding-left:10px;line-height:32px;}
#blist{height:28px;background: url(blogt.gif) right center no-repeat;padding-left:10px;line-height:28px;}
#headline{clear:both;height:52px;background: url(headline.gif) right bottom no-repeat;}
#main{clear:both;width:712px;}
#lcol{float: left;width: 421px; 	padding-left:5px ;	background: #E9EAEC;} 
#flash{
	height: 238px;
	width: 419px;
	float:right;  
	text-align: right; 
	border:1px #C3C7CA solid ; 
	border-bottom: none;
	}
#noparent{
	position: relative;width:419px; ;
}
#au{width: 419px; height:238px;border:0;filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);}
#au img{width: 419px;height:238px;}
.bbg0 a{color:white;text-decoration:none;}
.bbg0{ list-style: none;
float: left;
	display: inline;
	color: #fff;
	text-align: center;
	line-height:30px;
	width: 138px;
	width: 138px;
	height: 30px; 
	font-size: 15px;font-weight:bold;
	cursor: pointer;
	overflow: hidden; 
	margin:0;
	background: url(foucusoff.gif) no-repeat center center;}
	
.bbg1{ list-style: none;cursor:pointer;
	color:#fff; 
	background: url(foucuson.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 15px;
	line-height:30px;
	width: 140px;
	height: 30px;
	margin:0;}
.bbg1 a{color:white;text-decoration:none;}
#No{width:419px;position:absolute;z-index:500;top:-238px;left:0;}
#No li{list-style:none;display:inline;margin-right:1px;float:left;padding:0px;text-align:left;text-indent:25px;}

#main h3{width:100%; background:#D6E0EB; text-indent: -9999px; height: 34px;}
#main #trends{	background:#D6E0EB url(trends.gif) 5px center no-repeat;}
#main #news{	background:#D6E0EB url(news.gif) 5px center no-repeat;}
#main #expert{	background:#D6E0EB url(expert.gif) 5px center no-repeat;}
#main #event{	background:#D6E0EB url(event.gif) 5px center no-repeat;}


#main #go{	background:#D6E0EB url(go.gif) 5px center no-repeat;}
#main #co{	background:#D6E0EB url(co.gif) 5px center no-repeat;}
#main #pu{	background:#D6E0EB url(pu.gif) 5px center no-repeat;}

#main #a1{	background:#D6E0EB url(a1.gif) 5px center no-repeat;}
#main #a2{	background:#D6E0EB url(a2.gif) 5px center no-repeat;}
#main #a3{	background:#D6E0EB url(a3.gif) 5px center no-repeat;}
#main #a4{	background:#D6E0EB url(a4.gif) 5px center no-repeat;}

#main ul.list{
	border-left:1px #C5C5C5 solid;
	border-right:1px #C5C5C5 solid;
	background: #ffffff;
	padding: 5px;
}
#main ul.list li{list-style:none;
  padding-left:15px;height:20px; background: url(bloglibg.gif) 4px 10px no-repeat;width:385px;text-overflow:ellipsis;
}
#main ul.list li a{
	color: #000000;
}
#main ul.list li img{
	padding-top:2px;
}
#rcol{float: left;width: 271px;border-left:1px #C2C2C2 solid; border-right:1px #C2C2C2 solid;	border-bottom:1px #C2C2C2 solid;margin-left:6px ; }
#bloghome{margin:0;  list-style: none;width:271px;}
#bloghome .mainli{ margin:0; list-style: none;background:#D1DDF1;}
#bloghome .img{width:52px;height:52px;display:block;float:left;border:1px #340F69 solid;margin:15px 5px 5px 10px !important;;margin:7px 2px 3px 5px ;}
#bloghome .blogname{width:158px;height:52px;float:left;margin:15px 0 0 10px; }
#bloghome .blogname p{font-size:11px;color:#050c51;line-height:13px;}
#bloghome .blogname p.title{font-size:12px;font-weight:bold;line-height:15px;}
#bloghome ul.sub{
 list-style: none;
	background: #ffffff;padding-top:10px;padding-left:10px;padding-bottom:20px;
}
#bloghome ul.sub li{list-style:none;
	border-bottom:1px #dddddd solid;
	line-height: 20px; overflow:hidden;
	margin: 12px 0;
	padding-left:10px;
	background:url(bloglibg.gif) left 10px no-repeat;
}

h2.dtitle{padding-left:5px;text-indent:10px;color:#ffffff;	margin-left:5px; 	background: url(dtitle.gif) center center repeat-x; font-size: 14px;padding-top:14px;height:33px;}
/*wyw*/
h2.dtitlewyw{padding-left:0px;text-indent:10px;color:#ffffff;	margin-left:0px; 	background: url(chinaenvironmental.jpg) center center repeat-x; font-size: 14px;padding-top:14px;height:33px;}
/*wyw*/
.detail{margin-left:5px;overflow:hidden;line-height:24px;padding:10px;}
.detail ul,.detail ol{ margin: 1.12em 0;margin-left:40px;}

.detail .expertdiv{width: 220px;float:left;	height: 105px;}
.detail .expertdiv img{border:1px #DADADA solid;padding:4px;float:left;width:70px;height:70px;}

.detail .expertdiv .experttitle{padding:2px 2px 3px 6px;float:left;  }
.detail .expertdiv .experttitle p{line-height:16px;font-weight:bold;padding-top:6px; white-space: normal;word-break:break-all;}
.detail .expertdiv .experttitle p.blue{color:blue;}

/* join form */
#main form table{
	width: 98%;
}
#main  form table th{
	width: 150px; text-align: right;
	padding-right: 2px;
	line-height: 22px;
}
#main  form table th span{
	color: Red;
	padding-right: 2px;
	font-weight: bold;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	padding-left: 5px;
}
div.error { display: none; }
input.error { border: 1px dotted red; }



/* conference form */
.joinbtn{
	text-align: right;
	height: 25px;padding:15px 60px;
}
#conform{
	display: none;margin-left:5px;
	border: 1px #CFE2F3 dashed;
}

/* table */
.list-div {
    background: #EEF8F9;
    border: 1px solid #BBDDE5; 
}

#main  form table.listtab {
    width: 100%;
	 margin: 0;padding:0; 
	 text-align: center;
}

#main  form table.listtab th {
    line-height: 24px;
    background: #BBDDE5 url("th_bg.gif") repeat-x;
    white-space: nowrap;
	 text-align: center;
}

.list-div .listtab td {
    background: #FFF;
    line-height: 22px;
	white-space:nowrap;
	 text-align: center;
}

.list-div td.first-cell{
    font-weight: bold;
}

.list-div input {
    vertical-align: middle;
}

.list-div a:visited, .list-div a:link {
    text-decoration: none;
    color: #192E32;
}

.list-div a:hover {
    color: #9D7250;
}

.list-div input, list-div img {
    vertical-align: middle;
}

#main  form table.addtab {
    width: 100%;
	 margin: 0;padding:0; 
	 text-align: center;
}

#main  form table.addtab th {
    line-height: 24px; width: 140px;
    white-space: nowrap;
	 text-align: right;
    background: #FFF;
}

.list-div .addtab td {
    background: #FFF;
    line-height: 22px;
	white-space:nowrap;
	 text-align: left;
}

 .content
{
	padding: 0;
	margin: 7px 5px 30px 20px;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	clear: both;
	background: url(dot.gif) bottom repeat-x;
	font-size: 14px;
	padding: 0 0 6px 0;
	margin: 0;
}
.contentbody
{
	font-size:13px;
	text-align: justify;
	padding: 0 0 16px 0;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}
/* --- Footer -------------------------------- */


/* gallery */
.imglist{
	width: 698px; margin:5px 5px 5px 10px;overflow:hidden; text-align:center;
}
.imglist div{
	width: 172px;height:200px; margin:1px; overflow:hidden; float: left;position:relative;
}
.imglist span.del{
	position:absolute;top:2px;left:65px; background: url(icon_drop.gif) left center no-repeat;padding-left:16px; 
}
.del a{
	color: Red;
}
.imglist img{ border: 1px #f66efe solid;
}
#adminbtn{
	height:30px;padding:15px;text-align:right;
}
#adminbtn span{padding:2px 10px;}
#footer
{
margin-top: 10px;
height:60px;
color:#000000;
background:#CFE2F3 ;
clear: both /* -- firefox -- */
}

#footer p.ft
{
	width: 1008px; 
	display: block;
	margin: 0 auto;
	padding-top: 5px;
	text-align: center;
}
#footer p.ft a{
	color: #000000;
	text-decoration: underline;
}
#footer p.ft a:hover{
	color: #FE9851;
	text-decoration: none;
} 
.pagenavi{clear:left;text-align:center;}
.pagenavi a.small,.pagenavi .small{padding:0.5em;text-decoration: none;}
.pagenavi{padding:10px 15px 15px;}
.pagenavi a.small,.pagenavi a.pager-current{border:1px solid #47A4BE;margin:0 2px;padding:3px 6px;color:#003366;background:#FAF8E9;font-size:12px;font-weight: normal;}
.pagenavi a.small:visited{border:solid 1px #47A4BE;background:#fff;font-weight: normal;}
.pagenavi a.small:hover{border:solid 1px #2C75AB;background:#94C9F1;color:#fff;text-decoration:none;font-weight: normal;}
.pagenavi a.pager-current{border:solid 1px #2C75AB;color:#fff;background:#94C9F1;font-weight:bold;}