body { 
	margin: 0; 
	padding: 0; 
	background: #fff url(/Images/bg.gif) repeat-x; 
	font: normal .7em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}


/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 13px "Trebuchet MS", Helvetica, Sans-Serif; }
h3 { clear: both; font-size: 1.1em; color: #000; background: #fff url(/Images/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }

/* CONTENT WRAPPER */

#main { 
	width: 900px; 
	margin: 25px auto 0 auto; 
}

/* TOP LEFT LOGO */

#logo { 
	float: left;  
}
	#logo h1 { color: #000; background: #fff; }

/* 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 { 
		 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #69B129;
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	margin: 0 0 1px 0;
}
	
	/* 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: 7px 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 1*/
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(/Images/banner_index_first1.jpg) no-repeat;
	color: #547592;
	margin: 0 0 10px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right h1 { color: #018086;margin: 0 0 60px 0; font: 1em "Trebuchet MS", Helvetica, Sans-Serif;}
	#intro_right .white { color: #6Ab228; background-color:transparent; }

#intro_right2 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(/Images/banner_index_first2.jpg) no-repeat;
	color: #547592;
	margin: 0 0 10px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right2 h1 { color: #018086;margin: 0 0 60px 0; font: 1em "Trebuchet MS", Helvetica, Sans-Serif;}
	#intro_right2 .white { color: #6Ab228; background-color:transparent; }

#intro_right3 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(/Images/banner_index_first3.jpg) no-repeat;
	color: #547592;
	margin: 0 0 10px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right3 h1 { color: #018086;margin: 0 0 60px 0; font: 1em "Trebuchet MS", Helvetica, Sans-Serif;}
	#intro_right3 .white { color: #6Ab228; background-color:transparent; }

#intro_right4 {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	background: #BCCEDA url(/Images/banner_index_first4.jpg) no-repeat;
	color: #547592;
	margin: 0 0 10px 0;
	height: 174px;
	border: 2px solid #e2e2e2;
}
	#intro_right4 h1 { color: #018086;margin: 0 0 60px 0; font: 1em "Trebuchet MS", Helvetica, Sans-Serif;}
	#intro_right4 .white { color: #6Ab228; background-color:transparent; }

	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
	    text-align :left;
	    font: 12px ;
		padding: 4px 15px;
		height: 193px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	

/* RIGHT SIDE */

#right {
	float: right;
	width: 643px;
}
.special_0 {
		clear: both;
		margin:0px 0 10px 0;	
		padding: 5px 20px;
		height: 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px; 
		width: 612px;
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		 overflow:hidden;
		}
.rightcol h1{ font-size:14px;height:35px; text-align:center;line-height:normal;color:#000000;}
.rightcol .text{ font-size:12px;text-align:center;}
.rightcol #endText { font-size:12px;text-align:left;line-height:180%;word-wrap:break-word; overflow:hidden;}
.rightcol #endText img{border:1px solid #ccc;}
.rightcol .TurnPage {margin:20px; color:#ff6900;text-align:center; font-size:14px;}
.rightcol .TurnPage a{color:#0000FF;text-decoration:none;border-bottom:1px solid #0000FF;}
.rightcol .TurnPage a:hover{color:#FF0000;text-decoration:none; font-size:14px;}



.rightcol #endText .ColumnList {margin:0px auto;width:550px;}
.rightcol #endText .ColumnList ul {list-style-type : square;margin:0px auto;float:left; width:550px;padding:6px 0 4px;}
.rightcol #endText .ColumnList li {list-style-type :none; text-align:left; font-size:14px; padding:4px 10px 3px 10px;margin:0 auto;}
.rightcol #endText .ColumnList li a { list-style-type :none;text-align:left; font-size:12px; text-decoration:none;color:#000;}
.rightcol #endText .ColumnList li a:hover { list-style-type :none;text-align:left; font-size:12px; text-decoration:underline;color:#bc2931;}
.rightcol #endText .ColumnList li a:visited { list-style-type:none;text-align:left; font-size:12px; text-decoration:none;color:gray;}
.rightcol #endText .ColumnList .dotLineB {height:1px; border-top:1px dashed gray; clear:both; overflow:hidden; margin:5px 30px;}

.rightcol #endText .ColumnList li .Ltime{ text-align:left;font-size:11px; color:gray; padding:0 0 0 10px;}
.rightcol #endText .ColumnList li .Rtime{ float:right; font-size:11px; color:gray; padding:0 10px 0 0;}

	.special {
		clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
		height: 20px;
		border: 1px solid #ccc;
		background: #eee;
		color: #444;
	}


#right .Corr{margin:20px auto;}
#right .Corr .title{ height: 27px;background:#C0C0C0 repeat-x;}
#right .Corr .title h5{float:left; padding:6px 0 0 12px; font-size:12px; font-weight:normal; }


#right .Corr .list {margin:0px auto;}
#right .Corr .list ul {margin:0px auto;padding:10px;}
#right .Corr .list li {list-style-type:none; text-align:left; font-size:12px; padding:4px 10px 0px 16px;}
#right .Corr .list li .topic { list-style-type:none;text-align:left; font-size:14px; text-decoration:underline;}
#right .Corr .list li .Ltime{ text-align:left;12px; color:gray; padding:0 0 0 10px;}
#right .Corr .list li .Rtime{ float:right; font:12px; color:gray; padding:0 10px 0 0;}


/* Make Comment */
.endDeliver{ margin:0 1px; clear:both; }
.endDeliver .title{ height:30px; background:#F9FCFE; clear:both; border-bottom:1px solid #b2b2b2;background:#E7E7E7;}
.endDeliver .title h5{ float:left; padding:10px 0 0 8px; font-size:12px; color:#1f3a87;}

.endDeliver #getCommentList { text-align:left;}
.endDeliver #getCommentList ul {}
.endDeliver #getCommentList ul li { width:90%;font-size:12px;list-style-type:none;text-align:left;margin:3px;border-bottom:1px solid #a9b7ba;}
.endDeliver #getCommentList ul li p { font-size:14px;line-height:120%;text-align:left;text-indent:2em;}
.endDeliver #getCommentList ul li p.reply { color:blue;font-size:12px;line-height:150%;text-align:left;text-indent:2em;}

.endDeliver .content{ margin:10px 40px 0 40px; clear:both;overflow:hidden;}
.endDeliver .content .userinfo {float:left; margin:8px 0px; }
.endDeliver .content .userinfo .text{ text-align:left;border:1px solid #a9b7ba; width:150px;}
.endDeliver .content .userinfo .submit{ border:0; width:51px; height:20px; background:url(/images/input_submit.gif); padding:2px 0 0; font-size:12px;}
.endDeliver .content .textarea textArea{float:left; border:1px solid #a9b7ba; width:500px; height:130px;font-size:14px;}


/* FOOTER */

#footer { text-align :center;clear: both; padding: 5px; border-top: 1px solid #ccc; }