/*  common css
***************************************/
*			{padding:0; margin:0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#464646; border:none; outline:none}
body		{background: #fff}
li, ul		{list-style:none}
p			{line-height:16px; padding:5px 0; text-align:justify}
a			{text-decoration:none}
a:hover		{text-decoration:underline}
h2			{font-size:18px;}
h3			{font-size:16px;}
h4			{font-size:14px; padding: 3px;}
b			{font-size: 12px;}
i			{font-size: 12px;}

.clear{clear: both}
.sitemap { font-size: 11px; }
.sitemap a, .sitemap a:visited, .sitemap a:active { color: #559900; }
.sitemap a:hover{ text-decoration:underline; }
.facebook { font-family: Tahoma; color: #ffffff; font-size: 11px; }

/*  main structure
***************************************/
	#container {width:908px; overflow:hidden; background:#edebc4; margin:0 auto;}
			
	/* context
	***************************************/
	#context {width: 208px; overflow: hidden; float:left; background:#fff; }
		h1 {float:left; margin:18px 0 0 0}
		.blockContext { width:208px; overflow:hidden; background: url(../images/bgd_block_context_top.gif) 0 0 no-repeat; margin:81px 0 0 3px; }
			.blockContextWrap {width:175px; overflow:hidden; background: url(../images/bgd_block_context_bottom.gif) 0 100% no-repeat; padding: 15px 18px 25px 15px;}
			.blockContextWrap .contextCont { border-bottom:#b1d54e solid 1px; padding: 10px 0 8px 0; }
				.contextCont h3{color:#ffa200; font-size:16px; background:url(../images/ico_01.gif) 0 3px no-repeat; padding:0 0 0 25px}
				.contextCont .listCont{ padding: 10px 0 0 0;}
					.contextCont .listCont .contItem {font-weight:bold; background:url(../images/ico_02.gif) 0 2px no-repeat; padding:0 0 10px 15px}
					.contextCont .listCont .contItem a, .contextCont .listCont .contItem a:active, .contextCont .listCont .contItem a:visited {color:#fff}
					
		.error { color: Red; font-weight: bold; text-align: center; padding: 10px; }
		.contact { line-height: 23px; font-weight: bold; float: left; width: 300px; }
		.contact .txt { font-size: 12px; height: 14px; padding: 2px; border: solid 1px #aaaaaa; width: 300px; font-weight: normal; }
		.contact .txtArea { font-size: 12px; padding: 2px; border: solid 1px #aaaaaa; width: 300px; font-weight: normal; }
		.contact .btn { font-weight: bold; font-size: 12px; padding: 3px;  }
		
				.contextCont .articleList { }
					.contextCont .articleList .articleItem { }
					.contextCont .articleList .articleItem .articleTitle {color:#fff; font-weight:bold; padding: 10px 0}
					.contextCont .articleList .articleItem .articleTitle a, .contextCont .articleList .articleItem .articleTitle a:visited {color:#fff; text-decoration:underline}
					.contextCont .articleList .articleItem .articleTitle a:hover{text-decoration:none}
					.contextCont .articleList .articleItem img { padding-top: 3px;}
					.contextCont .articleList .articleItem .articleDesc { float:left; width: 120px; padding: 0 0 10px 0; color:#fff;}
					.contextCont .articleList .articleItem .articleDescNoImage { width: 175px; padding: 0 0 10px 0; color:#fff; }					
					.contextCont .articleList .viewmore{text-align:right; font-weight:bold}
					.contextCont .articleList .viewmore a{color:#eaff00; text-decoration:underline}
					.contextCont .articleList .viewmore a:hover{text-decoration:none}
				
				.contextCont .newsletter{ padding:10px 0 0 0; color: #fff; line-height: 18px; font-weight: bold;}
					.contextCont .newsletter input{float:left; width:126px; border:#7a9546 solid 1px; padding:2px 5px; margin:3px 0 0 0}
					.contextCont .newsletter .btnGo{width:22px; border:none; margin:0}
									
			.blockContextWrap .borderColor{border-bottom:#c4f156 solid 1px}
			.blockContextWrap .last{border:none}
			
			.blockClip{background:url(../images/bgd_clip_top.gif) 0 0 no-repeat; width:208px; overflow:hidden; padding-top:6px}
				.blockClipWrap{background:url(../images/bgd_clip_bottom.gif) 0 100% no-repeat; width:175px; overflow:hidden; padding:10px 18px 15px 15px}
					.blockClipWrap h3{font-size:16px; color:#fff;}
					.blockClipWrap .articleList { }
					.blockClipWrap .articleList .articleItem { }
					.blockClipWrap .articleList .articleItem .articleTitle {color:#fff; font-weight:bold; padding: 10px 0}
					.blockClipWrap .articleList .articleItem .articleTitle a, .contextCont .articleList .articleItem .articleTitle a:visited {color:#fff; text-decoration:underline}
					.blockClipWrap .articleList .articleItem .articleTitle a:hover{text-decoration:none}
					.blockClipWrap .articleList .articleItem img { padding-top: 3px;}
					.blockClipWrap .articleList .articleItem .articleDescNoImage { width: 175px; padding: 0 0 10px 0; color:#fff; }					
					.blockClipWrap .viewmore{text-align:right; font-weight:bold}
					.blockClipWrap .viewmore a{color:#ffffff; text-decoration:underline}
					.blockClipWrap .viewmore a:hover{text-decoration:none}
		
	/* content
	***************************************/
	#content{width: 700px; overflow: hidden; float:left; padding: 0}
		.banner{background:#fff; float:right; width:700px; overflow:hidden}
		.navigator { padding: 10px 0 0 30px; clear: both; }
		.navigator img { padding: 0 5px 0 5px; }
		.navigator a, .navigator a:visited { font-size: 11px; font-weight: bold; color: #009900; }
		.blockContent{width:673px; overflow:hidden; background: #fff url(../images/bgd_block_content_bottom.gif) 0 100% no-repeat; margin:15px 0 10px 10px; _margin:15px 0 10px 6px; float:left}
			.blockContentWrap {background:url(../images/bgd_block_content_top.gif) 0 0 no-repeat; padding:20px;}
			.blockContentWrap img{float:left; padding-right:15px}
			.blockContentWrap h2{color:#ffa200; font-size:20px; border-bottom:#ffa200 solid 1px; padding-bottom:3px; margin-bottom:20px}
			.blockContentWrap p {padding:0 0 10px 0; font-size: 12px; line-height: 19px;}
		
		.blockContentWrap .listItem { padding-bottom: 20px; }
		.blockContentWrap .articleTitle a, .blockContentWrap .articleTitle a:visited { padding: 3px 0 3px 0; font-weight: bold; font-size: 13px; color: #009900; }
		.blockContentWrap .articleDate { font-size: 11px; padding: 3px 0 7px 0; }
		.blockContentWrap .articleDate a { color: #009900; }
		.blockContentWrap .articleDesc { font-size: 12px; line-height: 19px; padding: 0 0 10px 0; }
		.blockContentWrap .articleDesc p {font-size: 12px; line-height: 19px; }
		
		.blockContentWrap .divPaging { text-align: center; padding: 10px 0 10px 0; }
		
		.blockContentWrap .others { padding: 10px 0 10px 0; }
		.blockContentWrap .otherTitle { float: left; width: 140px; height: 20px; padding-top: 3px; font-size: 20px; }
		.blockContentWrap .otherLine { border-bottom: dashed 1px #aaaaaa; float: left; width: 480px; height: 20px; }
				
		.blockContentWrap .comments { padding: 10px 0 10px 0; }
		.blockContentWrap .commentTitle { float: left; width: 110px; height: 20px; padding-top: 3px; font-size: 20px; }
		.blockContentWrap .commentLine { border-bottom: dashed 1px #aaaaaa; float: left; width: 515px; height: 20px; }
		.blockContentWrap .comments .altComment { background-color: #eeeeee; }
		.blockContentWrap .comments .commentItem { padding: 10px 10px 20px 10px; }
		.blockContentWrap .comments .commentName { padding: 3px 0 15px 0; font-size: 12px; }
		.blockContentWrap .comments .commentName a { font-weight: bold; font-size: 12px; color: #559900; }
		.blockContentWrap .comments .commentContent { font-size: 12px; line-height: 19px; text-align: justify; }
		
	/*footer**************/
	#footer{text-align:center; width:708px; overflow: hidden; padding:0 0 10px 200px}
		#footer p{color:#71c53c; text-align:center}
		#footer ul{padding:0 0 3px 0}
			#footer li{font-weight:bold;  display:inline; border-right: #fff solid 1px; padding:0 8px}
				#footer .last{border:none}
				#footer a{ color:#009900 }
				#footer span a {color:#ffa200; font-weight:bold}