/*
	CSS: china-cloud.com
	author: Bertram Huang (www.china-cloud.com)	
*/

body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(../images/bg.gif) repeat-x;
	font: normal 12px Lucida Grande, Verdana, Lucida, Arial, Helvetica, ËÎÌå,sans-serif;
	line-height: 1.6em; 
	color: #333; 
}

/* LINKS AND HEADINGS STYLING */
a { color: #546F92; background: inherit; }
a:hover { color: blue; background: inherit; }
h1  { font: bold 20px "Trebuchet MS", Helvetica, ËÎÌå, Sans-Serif; margin: 0; padding-left: 28px;background-color:transparent; }
h2 { font-size: 15px; color: #000; height: 20px; background: #E4E9FF; padding: 3px 0 1px 10px; margin: 0;}
	h2 span { padding-left: 20px; font-size: 12px;}
h3  { font: bold 14px "Trebuchet MS", Helvetica, ËÎÌå, Sans-Serif; color: #000; padding: 5px 10px; margin: 0;}
h4  { 
	clear:both;
	font: bold 13px "Trebuchet MS", Helvetica, ËÎÌå, Sans-Serif; padding: 6px 50px 6px 0; margin: 0;
	height: 20px;
	background: #ccc;
	border: 1px dashed #E4E9FF; 
	text-align:right;
	margin-bottom: 5px;
}
h5 { background: #EBF0FF; font-size: 13px; height:20px; margin:0; padding: 3px;}

ul {  margin: 0 0 6px 0;  padding: 2px 0 1px 15px; }
p {padding: 10px, 2px; margin: 5px 0;}
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 4px 10px 0 0; }
	.size68 {width:50px; height:60px;}
	.size65 {width:60px; height:50px; margin-right: 15px;}
	.size86 {width:80px; height:60px;}
#blue_area { background: #E4E9FF; padding: 5px;}
	#blue_area .important {text-align:center; font-size:15px; font-weight:bold;}

/* SPAN FONT */
.blue { color: blue; }
.red { color: red; }
.Code {border:2px solid #ccc; background-color:#E4E9FF; color: #00f; padding:2px; margin:1px;}
#statusInfo { color: red; }

/* Button style for picture news */
.slidebtn { width:20px; height:18px;text-align:center;
		color:#3F5B7F; cursor:hand; background:#C2CEDE;
		border:0;
		margin:0 1px;
}
.slidebtnsel{ width:20px;height:18px;text-align:center;
		color:#fff; cursor:hand;background:#9EB1C9;
		border:0;
		margin:0 1px;
}
	
/* UL LI Big*/
ul.ulli{
  margin:0;
  +margin:4px 0 5px 0;/*for IE*/
}

ul.ulli li{
  padding:2px 0;
  list-style: square;
}

ul.ulli li a {
  color: #000;
  font-size: 14px;
  padding:2px;
}

ul.ulli a:hover {
  color: red;
  background: #E4E9FF;
  text-decoration: none;
}

/* UL LI Small*/
ul.ullism {
  margin: 5px 0;
}

ul.ullism li{
  padding: 2px 0;
}

ul.ullism li a {
  color: #000; 
  font-size: 13px;
  padding: 1px 2px;
}

ul.ullism a:hover {
  color: blue;
}

ul.ullism label {font-size:10px;font-style:italic;color:#9EB1C9;padding-left:3px;}

/* CONTENT WRAPPER */
#main { 
	width: 900px; 
	margin: 0 auto 0 auto; 
}

#top {
	color: #fff;
	height: 22px;
	background: #8D9CAF;
	margin:0 0 10px 0;
	padding:0 5px;
}
	#top a { color: #5B698E;}
	#top a:hover { color: #fff;}

/* TOP LEFT LOGO */
#logo { 
	float: left; 
	padding:0;
}
 #logo img {width:180px; height:44px;border:0; }

 /*TOP RIGHT HORIZONTAL MENU */	
#menu { 
	float: right; 
	background: #fff url(../images/barul.gif) no-repeat bottom right; 
	color: #808080; 
	padding: 18px 1px 11px 0; 
	margin: 0; 
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(../images/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(../images/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		/*font-weight: bold; */
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	

/* LEFT INTRO SIDE */	
#intro_left {
	clear: both;
	float: left;
	width: 250px;
	height: 99px;
	+height: 100px;
	background: #8D9CAF url(../images/bluebg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
	+margin-top:4px;
}
	#intro_left p { padding: 14px 15px; padding:10px 15px !important; margin: 0; color: #fff; background: inherit;}

	/* LEFT VERTICAL MENU */	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(../images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 6px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(../images/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(../images/intro.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { font-size: 18px; margin: 0 0 20px 0; padding:0;}
	#intro_right p { padding: 4px 5px; margin: 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	#intro_right span { float:right }


/*div all*/
.allbox {
		clear: both;
		margin:0px 0 5px 0;	
		padding: 4px;
		border: 1px solid #ccc;
		color: #444;
}

#essence {
	clear:both;
	color: #fff;
	height: 75px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 3px solid #ccc;
	margin-bottom:15px;
	padding:3px;
}
	#essence .essence_ar {float:left;width:610px;+width:590px;background:#B7C7D7;padding:0 0 2px 5px;}
	#essence .search {float:right;background:#B7C7D7;padding:3px 3px 4px 0;}
	#essence .search form{margin:0;padding:0}
	#essence a { color: #000;margin-left:3px;}
	#essence a:hover { color: #fff;}

#left{float:left;width:250px; margin:0 0 10px 0;padding:0;border:0;}
.cleartrue { clear: both; }
.left {		
		float: left;
		width: 242px;
		padding: 3px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
}

.middle { 
		float: left;
		margin: 0 0 10px 6px; 
		padding: 3px;
		width: 380px; 
		border:#ccc 1px solid;
		text-align: justify;
}
	#inbox {
		width:367px;
		margin: 2px;
		padding: 1px;
	}
	#inbox p{margin:2px; padding:0 2px 2px 2px; background: #E4E9FF url(../images/linkbk.gif) no-repeat center right;}
	
.right { 
		float: right; 
		padding: 2px;
		width: 246px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
}
	.right p {margin: 5px 0 0 0; padding: 2px;}

.middleright {
	float: right;
	width: 635px;	
	margin:0px 0 5px 0;	
	padding: 4px;
	border: 1px solid #ccc;
	color: #444;
}

#leftnote {
		float: left;
		width: 157px;
		height: 138px;
		padding: 8px 1px 8px 90px;
		border: 1px solid #CFCB66;
		margin: 0 0 5px 0;
		background: #FFFFAD url(../images/package.gif) no-repeat;
		color: #585616;
}

/*left sharp*/
#sharp {
	float:left;
	width: 255px; height: 97px;
	margin:0 0 10px 0;
}
	#sharp .spl{
	float:left;
	background:url(../images/sharp_left.jpg) repeat-x;
	width: 242px; height: 97px;
	border:0;border-left:1px solid #ccc;
	margin:0; padding:0;
	}
	#sharp .spr {
		float:left;
		background:url(../images/sharp.jpg) no-repeat top left;
		width:8px; height: 97px;
		border:0; padding:0; margin: 0;
	}	
	#sharp p {padding:3px;}

#picnews_title {
	margin: 1px 0 2px 0;
	+margin: 0;
	padding: 3px 2px 3px 19px;
	font-size: 13px;
	background: #E4E9FF url(../images/arrow.gif) no-repeat center left;
}

#login {
	font-size: 13px;
	background: #EBF0FF url(../images/loginbk.gif) no-repeat center left;
	border-bottom: 1px solid #ccc;
	margin: 0 0 7px 0;
	height: 75px;
	padding: 0 2px 0 28px;
}
	#login form {margin:0;}
	#login input { width:110px; height:14px; }
	#login .btn { width:40px; height:20px; }
	#login p { padding: 4px 0 0 0; margin: 0; }

.picnews {
	float: left;
	width: 146px;
	border: 0;
	margin: 5px;
	padding: 0;
}
	.picnews img { float: left; border: 1px solid #e2e2e2; padding: 2px; margin: 0 0 5px 0; width:140px; height:140px;}
	.picnews p { clear:both; width: 142px; background: #E4E9FF; padding: 2px; margin: 0;}

#listbox {
	float: left;
	width: 890px;	
	margin:0px 0 5px 0;	
	padding: 4px;
	border: 1px solid #ccc;
	color: #444;
}

/*article list column with summary*/
.split3 { float:left; width: 280px; margin:5px 4px 0 4px;}
.split2 { float:left; width: 296px; margin:2px 3px 0 12px;}
	.column {
		margin: 5px 8px 8px 8px !important;
		margin: 5px 6px 8px 6px;	
		padding: 0;
		height: 190px;
		border-bottom: 1px dashed #ccc;
	} 
	.column h5 { background: #fff;}
	.column p {padding: 1px 3px;}
	.column .foot { text-align:right; padding-right: 10px; }
	
	.col_line {	
		margin: 5px 7px 8px 7px !important;				
		margin: 5px 6px 8px 6px;
		padding: 0;
		height: 190px;
		border: 1px dashed #ccc;
	}
	.col_line p {padding: 1px 3px;}
	.col_line .foot { text-align:right; padding-right: 10px; }

	.subject {	
		margin: 5px 5px 6px 5px !important;	
		margin: 5px 1px 6px 3px;	
		padding: 0 1px 10px 1px;
		min-height: 228px;
		border: 1px dashed #ccc;
	}
	.subject ul { clear: both; float:left; width:98%; margin: 0; padding: 0 0 0 15px;}
	.subject img { float: left; border: 2px solid #e2e2e2; padding: 2px; margin: 0 15px 5px 0; width: 120px; height: 80px;}
	
.down {
	    float:left; width:428px; 
		margin: 5px 7px 8px 7px !important;
		margin: 5px 5px 8px 5px;	
		padding: 0;
		min-height: 300px;
		border: 1px dashed #ccc;
}
	.down p { padding: 3px; margin-bottom: 35px; }
	.down span { font-size: 14px; font-weight:bold; padding-left: 5px; }
	.down a { font-size: 13px; color:blue; }	

#remarkbox { min-height: 600px; }
#blogbox { min-height: 700px; }
	.blog {
		margin: 5px 3px;
		padding: 0;
		border: 1px dashed #ccc;
	}
	.blog p {padding: 1px 3px;}
	.blog .foot { text-align:right; padding-right: 30px; }
	
#freedown {
	float: right;
	width: 605px;
	height: 120px;	
	margin:0px 0 5px 0;	
	padding: 0 35px 0 3px;
	border: 1px solid #ccc;
	background: #fff url(../images/freedown.gif) no-repeat right;
	color: #444;
}
	#freedown .leftblank{padding:0 0 0 58px;}
	#freedown a {padding:0 12px 0 0;}

#experience {
	float: right;
	width: 632px;
	height: 110px;	
	+height: 108px;
	margin: 5px 0 !important;
	margin:	3px 0;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: #fff url(../images/experience.gif) no-repeat right;
}
	#experience img{width:140px; height:100px;padding:3px;margin:0;border:0;}

#article {
	float: left;
	width: 628px;	
	margin:0 0 5px 0;	
	padding: 4px;
	border: 1px solid #ccc;
	color: #444;
}
	#article .artitle {text-align:center; padding: 8px 2px 4px 2px; color: #000; font-size: 15px; font-weight: bold;}
	#article .arhead {text-align:center; color: #000; font-size: 12px;}
	#article .arhead label {padding-left:10px;}
	#article .arsummary {color: #000; font-size: 13px; background: #ffb; border:1px dashed #E4E9FF; padding: 5px;}
	#arcontent { margin: 25px 5px 5px 5px; color: #000; font-size:14px;}
	#arcontent p {margin:8px 0; text-indent:2em;}
	#article .aroriginal { text-align:right; padding-right: 30px; margin-top: 18px; }
	#article .p_keyword {background:#ffd; height:20px; margin-top:16px;font-size: 14px;padding:2px 10px; border:1px dashed #ccc; }
	
	.a_cc { color:#000;  text-decoration: none; }
	.a_cc:hover { color: blue;  text-decoration:underline}

#blog_ad { border-top:1px dashed #ccc; height:26px; +height:23px;}

#linkbox {
		clear: both;
		margin:0px 0 5px 0;	
		padding: 4px;
		border: 1px solid #ccc;
}
	#linkbox a { margin: 15px;}

.ul_ver {height:18px}
.ul_ver li {float:left; padding-right:30px; }	
/* FOOTER */
#footer { clear: both; margin:10px 0 0 0; padding: 5px; border-top: 1px solid #ccc; }