@charset "utf-8";
/* CSS Document */

/*
By Herreman David
http://www.free-css-templates.com
*/

body {
	background: #FFF url(bg1.gif) repeat-x;
	color: #000;
	padding: 0;
	margin: 0;
	font: 0.7em Tahoma;
	line-height: 1.5em;
}
a {
	color: #46574D;
	background: inherit;
}
a:hover {
	color: #647B6D;
	background: inherit;
}
h1 {
	font: bold 2em;
	letter-spacing: -1px;
	padding: 16px 0 0 8px;
	margin: 0;
}
h2 {
	margin: 0;
	padding: 0;
	font: normal 1.6em Tahoma;
	letter-spacing: -1px;
}
h1 a {
	color: #46574D;
	background: inherit;
}
h1 a, h2 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #BFE1ED;
	background: inherit;
}
h3 {
	font: 90% Tahoma;
	margin: 0 0 10px 0;
	padding: 0;
	color: #46574D;
	background: #FFF;
}
p {
	margin: 0 0 0px 0;
	line-height: 1.5em;
}
form {
	margin: 0;
}
input.search {
	width: 122px;
	height: 15px;
	border: 1px dotted #557da6;
	background: #FFF;
	padding: 3px;
	color: #616161;
}
input.submit {
	width: 28px;
	height: 20px;
	font-weight: bold;
	border: none;
	background: #557da6;
	padding: 3px;
	color: #616161;
}
.content {
	margin: 0 auto;
	padding: 0px;
	color: #000;
	position:inherit;
}
.header {
	color: #000;
	width: 100%;
	height: 86px;
	margin: 0;
	padding: 0;
	background:url(banner.gif) no-repeat;
}
.hearder .leftside {
	width: 350px;
	float: left;
}
.header h1 {
	padding: 30px 0 0 10px;
	color: #4668a6;
	font: bold 1.9em Tahoma;
}
.header h2 {
	padding: 0;
	color: #333;
	font: bold 1.3em Tahoma;
}
.header .searchf {
	float: right;
	margin-left: 0px;
	margin-top: 86px;
	clear: both;
}
.searchpad {
	padding-top: 15px;
}
#lnews {
	padding: 15px;
	color: #555;
	width: 800px;
	height: 90px;
	font: 1.3em Tahoma;
	margin: 0 auto;
}
#lnews h2 {
	font: bold 1.4em Tahoma;
	color: #FFCF83;
}
#lnews a {
	color: #FFCF83;
	text-decoration: none;
}
#lnews a:hover {
	color: #FFDF83;
	text-decoration: underline;
}
#nav1 {
	margin:0px 0 0 0px;
	width: 100%;
	height: 28px;
	font: bold 1.2em Tahoma;
	background:#d2ecff;
	border-top:#d2ecff 2px solid; /*จัดให้ FF เขา*/
}
#nav {
	margin: 30px 0 0 50px;
	width: 800px;
	height: 28px;
}
#nav ul {
	margin:0;
	list-style:none;
	padding: 0;
}
#nav a, #nav strong, #nav span {
	display:block;
	font: bold 1.2em Tahoma;
	color:#555;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
	font-weight: bold;
}
#nav a {
	float:none;
	background: #F7F7F7;
}
#nav li {
	float:left;
	color: #FFF;
	margin:0;
	padding:0 0 0 0px;
	border-right:#EDEDED solid 1px;
}
#nav #current a {
	float:left;
	color:#FFF;
	background:#557da6;
}
#nav a:hover {
	float:left;
	color:#FFF;
	background:#557da6;
}
#nav .padding {
	padding: 5px 0 0 10px;
	font-weight: bold;
}
#bottomb {
	clear: both;
	width: 100%;
	background: #d2ecff;
	border-top:#c8d6e4 1px dashed;
	margin:20px 0 0 0;
	font: 1.1em Tahoma;
}
#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 30px 40px 10px 60px;
}
#bottomb ul {
	margin:0;
	list-style:none;
	padding: 0;
}
#bottomb li {
	margin: 5px 0 5px 0px;
	padding: 0px 0 3px 0px;
	border-bottom: 1px dotted #ccc;
	list-style: none;
}
#bottomb li a {
	color: #546078;
	text-decoration: none;
	padding: 5px 0 0 0;
	display: block;
	margin-bottom: 2px;
}
#bottomb li a:hover {
	color: #075181;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
	padding-left:2px;
}
#bottomb h2 {
	padding: 5px 0 5px 0;
	color: #718390;
	font: bold 1.4em Tahoma;
}
#bottomb .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
}
#bottomb .bottomc {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
}
#bottomb .bottomd {
	width: 200px;
	margin: 0px;
	z-index: 3;
	float: left;
}
.imgd {
	border: 1px solid #ccc;
	padding: 5px;
}
.main_content {
	margin: 0 auto;
	margin-top: 10px;
	width: 900px;
	background:#FFF;
}
.sd_left2 {
	float: left;
	color: #555;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 12px;
	width:616px; /*Default 660 */
	font: 1.3em Tahoma;
}
.sd_left {
	float: left;
	color: #555;
	margin: 0 0 0px 5px;
	padding: 0px 20px 0px 12px;
	width:856px; /*Default 660 */
	font: 1.3em Tahoma;
}
.sd_left p { margin:10px 0 ;}
.sd_left .text_blue {
	color:#2c6fb3;
}
.sd_left .text_hardblue {
	color:#1e4b6c;
}
.sd_right {
	clear:both;
	float: right;
	color: #000;
	margin: 0 5px 0 0;
	padding: 5px 3px 5px 10px;
	width: 220px;
	font: 1.2em Tahoma;
	border-left:#E8E8E8 dashed 1px;
}
.sd_right a, a:visited {
	text-decoration:none;
	color:#2d5c8f;
}
.sd_right a:hover {
	text-decoration:underline;
	color:#1e76d7;
}
.sd_right img {
	padding:5px;
	margin:5px;
	background:#FFF;
	border: #E8E8E8 solid 1px;
}
.text_padding {
	padding: 15px 0 0 0;
	text-align:justify;
}
.text_padding table {
	width:100%;
}
.text_padding table td {
	padding:5px;
	border-bottom:#E7E7E7 solid 1px;
	border-left:#E7E7E7 solid 1px;
}
.main_content h2 {
	padding: 5px 0 5px 0;
	color: #2e6296;
	font: bold 1.4em Tahoma;
}
.main_content h3 {
	font-size:1.4em;
	color:#7b93ac;
	font-weight:bold;
	background: none;
}
.main_content h4 {
	font-size:1.2em;
	color:#394965;
	font-weight: bold;
}
.date {
	color: #46574D;
	text-align: right;
	margin: 10px 0 5px 0;
	padding: 5px 2px;
	border-top: 1px solid #ECECEC;
	font-size:0.9em;
}
.date img {
	vertical-align: middle;
}
input.button {
	background: #FFFFF4;
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.comments {
	padding: 10px 10px 8px 10px;
	margin: 0 0 7px 0;
	background: #f8f8f8;
	color: #000;
}
.commentsbox {
	padding: 8px 0 10px 10px;
	margin: 0 0 10px 0;
	background: #f4f4f4;
	color: #000;
}
.error {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.error h2 {
	color: #990000;
	background: inherit;
}
.success {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px dashed #7BA813;
}
.success h2 {
	color: #7BA813;
	background: inherit;
}
.footer {
	background: #356aa0 url(footer.jpg) repeat-x top;
	width: 100%;
	color:#eee;
	text-align:center;
	clear:both;
	font: 1.2em Tahoma;
}
.footer .padding {
	padding: 25px 70px 25px 70px;
}
.footer a {
	color:#c4e1ff;
	text-decoration: none;
}
.footer a:hover {
	color:#FFDF83;
	text-decoration: underline;
}
/*กูเพิ่ม*/
#tbl-status {
	font-size:0.8em;
}
#tbl-status a:link, #tbl-status a:visited {
	font-size:0.9em;
	text-decoration:none;
	padding:0px 8px 0px 8px;
	float:left;
	border:solid 1px #E4E4E4;
}
#tbl-status a:hover {
	color:#FF0000;
}
#tbl-status .active {
	background:#B9B9B9;
	color:#FFF;
	font-weight:bold;
}
/*comment*/
.icomment {
	margin-bottom:10px;
	margin-left:35px;
	padding:10px;
	width:560px;
	font-size:12px;
	line-height:20px;
}
.icomment_name {
	margin-bottom:0px;
	padding-bottom:3px;
}
.icomment_date {
	color:#BDBDBD;
	font-size:11px;
	margin-bottom:10px;
	margin-top:0px;
}
.r_category {
	padding:2px 10px 0 0;
	border-bottom: #E9E9E9 dashed 1px;
	margin:5px 0px;
}
.r_banner {
	text-align:center;
	margin:20px 0 0 0;
}


.nav-article {
	padding-top:10px;
	font-size:12px;
	color: #D1D1D1;
	}
.nav-article a,a:visited {
	color:#5d7890;
	text-decoration:none;
	}	
.nav-article a:hover {
	text-decoration:underline;
	color:#395c7a;
}
.topic-cat { text-align:center; font-weight:bold; color:#32586b;}
.list-cat {  padding:3px 5px; border: dotted 1px #307394;}