/*
screen stylesheet for
created : 2006-11-05
last edited : 

print
a:after {content:" [" attr(href) "]";}


<!-- Font syntax ต้องจัดเรียงตามลำดับนี้
Font : <Font-Style : italic;> || <Font-Variant : normal;> || <Font-Weight : bold;> || <Font-Size : 2em;><Line Height> || <Font-Family : Tahoma;>
-->

*/

/* ----------------------------------------------------------------------------- general setting */

* {margin:0; padding:0;} /* set all elements spacing to zero */

body {
	color: #000000;
	background-color: #ffffff;
	scrollbar-base-color: #ffffff; /* scrollbar-face-color: #ffffff; */
	scrollbar-arrow-color: #cccccc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	font-size: 80%; /* set as base size 
	margin: 0 auto 0 auto;*/
	font-family: Verdana,Tahoma,Loma,Thonburi,sans-serif;
	padding-bottom: 15px; 	/* padding-bottom: 15px; เหลือพื้นที่ ด้านล่าง สำหรับ footer overlay */
	PADDING-TOP: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN: 0px; 
} 

html, body { /* set page to full height 
	min-height:100%;*/
	width: 100%;
	height: 100%;
}

html>body, #id_container {height:auto;} /* set full height for gecko browser */

img {
		border: 0;
		/*
		filter: alpha(opacity=20);
		opacity: .2; */ /* for gecko */
}

	a:link img, a:visited img, a:active img, a:focus img {
		filter: alpha(opacity=80);
		opacity: .8; /* for gecko */
	}
	a:visited img {
		filter: alpha(opacity=100);
		opacity: 1; /* for gecko */
	}
	a:hover img {
		filter: alpha(opacity=50);
		opacity: .5; /* for gecko */
	}
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

H1 {
	font-size: 2em; /* */
	font-family: 'Arial Unicode MS','Cordia New',Verdana,Tahoma,Loma,Thonburi,sans-serif;
}
H2 {
	font-size: 1.5em; /* */
	font-family: 'Arial Unicode MS','Cordia New',Verdana,Tahoma,Loma,Thonburi,sans-serif;
	margin-bottom: 1em;
}
H3 {
	font-size: 1.2em; /* */
	font-family: Verdana,Tahoma,Loma,Thonburi,sans-serif;
}
H4 {
	font-size: 1em; /* */
	font-family: Verdana,Tahoma,Loma,Thonburi,sans-serif;
}
p {
	font-size: 1em; /* */
	font-family: Verdana,Tahoma,Loma,Thonburi,sans-serif;
	margin-bottom: 1.5em;
}

ol { margin-left: 50px; }
ol li { 
vertical-align: middle;
text-align: left; }
ul { margin-left: 12px; }
ul li { 
vertical-align: middle;
text-align: left; 
list-style-type: square;
list-style-position: inside; }

address { font-style: normal; }

#id_container { /* to contain overall body */
/* font-size: 14px; */
}

#id_maincontent {
	margin-bottom: 50px;
}

.cl_textintro {
}
.cl_text {
}
.cl_textouttro {
}
.cl_date { clear: both; font-weight: bold; margin: 20px 0px 5px 0px; }

#id_footer {
	clear: both;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 9px;	

	/* position:absolute; 
	bottom: 30px; */

}
#id_footer .cl_nav {
	font-size: 9px;
}




/* footer overlay */
DIV#id_webfoot_overlay { 
z-index: 1000;
text-align: left;
POSITION: absolute; 
LEFT: 0; BOTTOM: 0;
OVERFLOW: auto; WIDTH: 100%; height: auto;
font-size: .8em; padding: 1px;
background-color: #33cccc; }
.cl_bgcolor { color: #888888; }
.cl_overlay_content { padding-left: 5px; }
.no_underline { text-decoration: none; }
.no_underline_right { position: absolute; text-decoration: none; right: 5px; }
#id_webfoot_table { display: none; background-color: #888888; width: 100%; font-size: 14px; }
#id_webfoot_table img { filter: alpha(opacity=100); opacity: 1; }
#id_webfoot_table td { padding-left: 10px; }

@media Screen    
{
	body>div#id_webfoot_overlay {
		POSITION: fixed
	}
}

/* ============= end css ============ */