/* CSS Document */

body { margin:0; padding:0; font-family:Tahoma; color:#333333; font-size:100%; background:url(../images/bg_body.jpg) repeat-x #FFFFFF; }

a { color:#2D2D2D; text-decoration:none; }
a:hover {  }
h1 { font-size:16px; }
h2 { font-size:14px; }
hr { color:#000000; height:1px; border:1px solid #cccccc; }

#wrapper { width:950px; margin:0 auto; padding:27px; }

#header { position:relative; width:100%; height:142px; }
#header .logo { float:left; }
#headinfo {
	position:absolute;
	right:0;
	top:1px;
	width: 248px;
}
#headinfo img { border:none; }
#headinfo strong { display:none; }

.logo { position:absolute; top:-20px; left:48px; width:600px; height:150px; font-family:Trebuchet MS; font-size:22px; color:#FFF; background:url(../images/logo2.png) no-repeat; }
.logo h1, .logo h2 { display:none; }

#search { position:absolute; bottom:0; right:0; width:100%; padding:0; margin:0; width:189px; height:30px; background:url(../images/bg_search.gif); text-align:right; }

#left, #right { float:left; width:180px; margin:0; padding:0; color:#FFF; font-size:84%; }
#left a, #right a { color:#008000; }
#left div, #right div { padding-top:60px; }
#left .box1 { background:url(../images/1.png) no-repeat; }
#left .box2 { background:url(../images/2.png) no-repeat; padding-top:90px}
#left .box3 { background:url(../images/3.png) no-repeat; padding-top:90px}
#left .box4 { background:url(../images/4.gif) no-repeat; }
#left .box5 { background:url(../images/5.gif) no-repeat; }
#left .box6 {  }
#left h2 { display:none; }
#left ul { margin:0; padding:0; }
#left ul li { list-style:none; margin:0; padding:0; }
#left ul li a { display:block; margin:0; width:150px; padding:5px 10px 10px; border-bottom:1px solid #CCCCCC; background:#FFCC00; }
#left ul li a:hover {display:block; margin:0; width:150px; padding:5px 10px 10px; border-bottom:1px solid #CCCCCC; }
#left ul li ul { margin: 0; padding:0; }
#left ul li ul li { list-style:none; margin:0; padding:0; }
#left ul li ul li a { font-size:90%; width:142px; padding:5px 8px; border-bottom:1px solid #9D3F3F; }
#left ul li ul li a:hover { width:142px; padding:5px 8px; background:#BF0000; color:#FFA76D; }

#breadcrumb { float:left; width:522px; padding:8px 25px; background-color:#FFF; border-bottom:1px dotted #333333; }
#breadcrumb a { font-weight:bold; }

#content { float:left; width:532px; padding:5px 0px 0px 30px; font-family:"Trebuchet MS"; }
#content h1 { color:#D10000; font-size:120%; }
#content a { color:#000000; font-size:12px; }
#content a:hover {   }
#content .postinfo { display:block; margin:5px 0; padding:6px; color:#FFF; background:#DB7700; border-top:3px solid #A70000; }
#content .postinfo a { color:#FFF; }
#content blockquote { width:80%; margin:0 auto; padding:6px; border-left:8px solid #A70000; }

#right .box1 { background:url(../images/6.png) no-repeat; padding:41px 5px 5px 5px; }

#footer {  width:100%; background:url(../images/footer.jpg) repeat-x 50% 0; color:#FFF; font-size:70%; }
#footer p {  margin-left:10%; padding:10px; }
#footer a { color:#FFF; }
#footer a:hover { border-bottom:1px dotted #D2D2D2; }

.clear { clear:both; }

form { margin:0; padding:0; }
input { display:inline; padding:2px; margin:0; border:1px inset #DB7700; background-color:#FFFFFF; vertical-align:middle; }
input.searchbar { background:#000; margin-right:35px; border:none; color:#FFF; font-size:80%; width:100px; }
input.submit { width:auto; border:none; margin:0; padding:0; }

.right { float:right; }
.maintext {
	color:#000000;
	font-size:12px;
}

a.maintext {
	color:#000000;
	font-size:12px;
}
.thaisubtitle {
font-size:20px;	
}