body{
	background:#CDCDCD url('../images/bg.png') repeat-x;
	margin:0px auto;
	font-size:10pt;
	line-height:20px;
}
hr{
	color:#C7C7C7;
	background-color:#C7C7C7;
	height:1px;
	border:none;
	clear:both;
}
a{
	text-decoration:none;
	color:#014181;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
iframe{
	border-style:none;
}
#pause_screen{
	z-index:10;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:url(../images/black_opacity_50.png) repeat;
	display:none;
}
#loading{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-40px;
	width:200px;
	height:80px;
	background:url(../images/black_opacity_50.png) repeat;
	display:none;
	z-index:100;
}
#loading_message{
	position:absolute;
	top:10px;
	bottom:10px;
	right:10px;
	left:10px;
	background:white;
	vertical-align:middle;
	text-align:center;
	line-height:60px;
	font-size:16pt;
}
#container{
	/*background-color:#C6C6C6;*/
	width:994px;
	height:100%;
	/*min-height:100%;*/
	/*position:absolute;*/
	left:50%; /* ด้านซ้ายครึ่งจอ */
	margin-left:-497px; /*margin-left ติดลบครึ่งหนึ่งของความกว้าง */
	position:relative; /* กำหนดให้เป็น container */
}
#header{
	height:115px;
}
#logo{
	background:url('../images/logo.png') no-repeat;
	width:418px;
	height:115px;
	float:left;
}
.clear{
	clear:both;
}
.social_bar{
	height:50px;
	color:#FFFFFF;
	float:right;
}
.social_bar img{
	vertical-align:middle;
	border-style: none;
}
.social_bar span{
	padding-right:8px;
}
.social_bar a{
	color:white;
	text-decoration:none;
	outline:none;
}
#social_bar_l{
	background:url('../images/social_bar_bg_l.png') no-repeat;
	float:left;
	width:6px;
	font-size:1px;
}
#social_bar_r{
	background:url('../images/social_bar_bg_r.png') no-repeat;
	float:right;
	width:6px;
	font-size:1px;
}
#social_bar_body{
	background:url('../images/social_bar_bg.png') repeat-x;
	width:500px;
	vertical-align : middle;
	padding-left:8px;
	float:left;
}
#google_custom_search{
	float:right;
}
.nav{
	height:42px;
	color:#FFFFFF;
}
#nav_l{
	background:url('../images/nav_bg_l.png') repeat-x;
	width:6px;
	font-size:1px;
	float:left;
}
#nav_r{
	background:url('../images/nav_bg_r.png') repeat-x;
	width:6px;
	font-size:1px;
	float:left;
}
#nav_body{
	background:url('../images/nav_bg.png') repeat-x;
	width:982px;
	float:left;
}
#nav_body a{
	font-size:11pt;
	font-weight:bold;
	line-height:40px;
	vertical-align : middle;
	padding-left:6px;
	padding-right:6px;
	color:#FFFFFF;
	outline: none; /*ทำให้ link ไม่มีขอบเวลากด*/
	text-decoration:none;
}
#nav_body a:hover{
	color:#F6E9B5;
}

#main{
	background-color:#FFFFFF;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
	height:650px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
	min-height:650px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */
	overflow:hidden; /*ทำให้ขอบของ div ตัวนอก ถูกดึงลงมา*/
}
#left_menu{
	background-color:#EAEAEA;
	width:202px;
	margin:12px;
	float:left;
	/*----------*/
	position:absolute; /* ตำแหน่งเทียบกับ container */
	top:156px; /*กำหนดตำแหน่งบน*/
  bottom:80px; /* กำหนดให้ชิดด้านล่าง */
  /*----------*/

}
.left_menu_box{
	padding-bottom:18px;
}
.leff_menu_header, .left_menu_box a, .left_menu_cell{
	width:196px;
	line-height:24px;
	vertical-align : middle;
	padding-left:6px;
}
.leff_menu_header{
	background:url('../images/leff_menu_header_bg.png') repeat-x;
	color:#FFFFFF;
}
.left_menu_box a,.left_menu_cell{
	text-decoration:none;
	color:#67463A;
	outline:none;
}
.left_menu_box a:hover{
	text-decoration:underline;
	color:#67463A;
}

#content{
	background-color:#FFFFFF;
	/*width:774px; /*มาจาก 994-220*/

	width:750px;
	float:right;
	margin:12px;
}
#content_text{
	width:750px;
}
#content_text img{
	vertical-align:middle;
}
#content_text h1{
	font-size:12pt;
	color:#3B3A3B;
}
#content_text h1 img{
	padding-right:8px;
}
#content_text h2{
	font-size:12pt;
	color:#ED3D00;
}
#content_text h3{
	font-size:10pt;
	color:#212121;
	margin-bottom:-10px;
}
#content_text p{
	text-indent:50px;
	text-align:justify;
}
.content_image img{
	margin-left:8px;
	margin-bottom:8px;
	margin-right:8px;
	float:left;
}
#sub_index{
	background:#EAEAEA;
	float:right;
	width:180px;
	padding:5px;
	line-height:24px;
}
#sub_index a{
	color:#67463A;
}
#sub_index_title{
	background:url('../images/leff_menu_header_bg.png') repeat-x;
	position:relative;
	height:24px;
	top:0px;
	left:0px;
	right:0px;
	color:#FFFFFF;
	padding-left:5px;
}
#sub_content{
	float:left;
	width:530px;
}

#slideshow_box{
	width:750px;
	height:400px;
	float:right;
	margin-bottom:16px;
}
#pr{
	background-color:#FFFFFF;
	background:url('../images/pr_bg.png') no-repeat;
	width:750px;
	height:350px;
	clear:both;
}
#news_box{
	/*background-color:#F8D547;*/
	width:360px;
	/*height:350px;*/ /*ไม่ต้องกำหนด hight ถ้าอยากให้หน้ามันยืด*/
	float:left;
	/*padding-left:8px;*/
}
#news_box img{
	vertical-align:middle;
	border-style: none;
	padding-right:8px;
}
#news_box h1{
	font-size:12pt;
	/*color:#F1571F;*/
	color:#243E5A;
}

#news_image{
	float:left;
	width:96px;
	height:96px;
	margin-top:4px;
}
#news_topic{
	margin-left:12px;
	width:250px;
	float:left;
}
#news_topic li{
	margin-left:14px;
	margin-bottom:8px;
	list-style-image: url('../images/bullet01.png');

}
#news_topic a{
	text-decoration:none;
	/*color:#444444;*/
	color:#243E5A;
	outline:none;
}
#news_topic a:hover{
	color:#014181;
	text-decoration:underline;
	
}
#abot_archive{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	/*background-color:#F6D85D;*/
	/*background-color:#F9DB64;*/
	background:#F8D547 url('../images/abot_archive_bg.png') repeat-x;
	width:330px;
	/*height:380px;*/ /*ไม่ต้องกำหนด มันจะได้ยืดตามข้อความ*/
	float:right;
}
#abot_archive img{
	float:left;
	padding-right:8px;
}
#abot_archive h1{
	font-size:10pt;
	color:#A92D00;
}
#news_box, #abot_archive{
	margin:10px;
}

.footer{
	height:72px;
	color:#FFFFFF;
	/*clear:both;*/
}
#footer_l{
	background:url('../images/footer_bg_l.png') no-repeat;
	width:6px;
	font-size:1px;
	float:left;
}
#footer_r{
	background:url('../images/footer_bg_r.png') no-repeat;
	width:6px;
	font-size:1px;
	float:right;
}
#footer_body{
	background:url('../images/footer_bg.png') repeat-x;
	width:982px;
	float:right;
}
#footer_sut_logo{
	background:url('../images/footer_sut_logo.png') no-repeat;
	width:56px;
	float:left;
	font-size:1px;
}
#footer_credit{
	float:left;
	margin-top:4px;
	margin-left:12px;
	font-size:8pt;
}
#footer_sitemap{
	float:right;
	margin-top:24px;
	margin-right:18px;
	font-size:8pt;
}
#footer_sitemap a{
	color:white;
	text-decoration:none;
	outline:none;
}
.news_content_photo{
	width:370px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}