html, body, ul, li, h1, h2, h3, h4 
	{	margin: 0;	padding: 0;	list-style: none;	}
img {	border: 0;	}
h1 img 
	{	display: block;		}

.footer {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:13px; color:#333333; }
.date {font-family:Tahoma, Arial, helvetica, sans-serif; font-size:12px; color:#666666; }
.fleft	 { 	float:left;}
.fright	{ 	float:right;}
.clear {	clear: both;	}

.bg {background:url(../images/bg.jpg) no-repeat ;}
body { background-color: #aae2fa; font-family:Tahoma, Arial, helvetica, sans-serif; font-size:13px;  color:#222;}

/* Links */
a 	{	color: #000000;	font-weight: bold;	text-decoration: none;	}
a:hover {	color: #FF9900;	}

.link a 	{	color: #333333;	text-decoration: none ;	}
.link a:hover 	{	color: #FF9900 ;     }   

.link2 a 	{	color: #333333;  text-align:center; font-size:16px; font-weight: bold;}
.link2 a:hover 	{	color: #FF9900;	text-decoration: none;  text-align:center;	}

.link3 a 	{	color: #666666;	 font-weight: bold;	font-size:18px;  text-decoration: none ;	}
.link3 a:hover 	{	color: #FF9900 ;     }   

/*Dot */
 styledot { border-bottom:dotted 1px #ccc; }
.styledottbl { border:dotted 2px #ccc; }
.styledottbl1 { border:dotted 1px #666666; }
.styledottbl2 { border:dotted 1px #ccc; }

/* Fonts */
.style1 {	color: #333333;	font-weight: bold;}
.style2 {	color: #FF9900;	font-weight: bold;}
.style3 {	color: #0000FF;	font-weight: bold;}
.style4 {	color: #0033FF;	font-weight: bold;}
.style5 {	color: #CCCCCC;	font-weight: bold;}
.style6 {	color: #00CC00;	font-weight: bold;}
.style7 {	color: #666666;	font-weight: bold;}
.style8 {	color: #FF0000;	font-weight: bold;}
.style10 {	color: #FFFFFF;	font-weight: bold;}
.style11 {	color: #0099FF;	font-weight: bold;}
.style17 {	color: #333333;	font-size: 16px;	font-weight: bold;}

/* Menu */

ul#css3menu,ul#css3menu ul{
	margin:0;list-style:none;
	background-color:#000;
	background-image:url("../images/mainbk.png");
	background-repeat:repeat;
	border-width:0px;
	border-style:solid;
	border-color:#999999;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;}

ul#css3menu ul{
	display:none;position:absolute;left:0;top:100%;
	-moz-box-shadow:0.7px 0.7px 1px #777777;
	-webkit-box-shadow:0.7px 0.7px 1px #777777;
	box-shadow:0.7px 0.7px 1px #777777;
	padding:0 9px 9px;
	background-color:#333;
	background-image:none;
	border-width:1px;border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-style:solid;
	border-color:#5A5E60;}

ul#css3menu li:hover>*{	display:block;}
ul#css3menu li:hover{	position:relative;}
ul#css3menu ul ul{	position:absolute;left:100%;top:0;}

ul#css3menu{	padding:1px 1px 1px 0;	display:block;	font-size:0;float:left;}
ul#css3menu li{	display:block;	white-space:nowrap;	font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{	margin:0 0 0 1px;}
ul#css3menu ul>li{margin:1px 0 0;}
ul#css3menu a:active, ul#css3menu a:focus{outline-style:none;}

ul#css3menu a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 13px Arial,sans-serif;
	color:#cccccc;
	cursor:default;padding:10px;
	background-color:#333;
	background-image:url("../images/mainbk.png");
	background-repeat:repeat;
	background-position:0 200px;
	border-width:0px;
	border-style:none;
	border-color:;}

ul#css3menu ul li{	float:none;margin:9px 0 0;}

ul#css3menu ul a{
	text-align:left;padding:8px 0 0 0;
	background-color:#333;
	background-image:none;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#262626;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font:13px Arial,sans-serif;	color:#cccccc;	text-decoration:none;}

ul#css3menu li:hover>a{
	background-color:#ffffff;
	border-style:none;	font:bold 13px Arial,sans-serif;	color:#ffffff;
	text-decoration:none;
	background-image:url("../images/mainbk.png");
	background-position:0 100px;}

ul#css3menu img{	border:none;	vertical-align:middle;	margin-right:10px;}
ul#css3menu img.over{	display:none;}
ul#css3menu li:hover > a img.def{	display:none;}
ul#css3menu li:hover > a img.over{	display:inline;}

ul#css3menu span{
	display:block;	 overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;}

ul#css3menu ul li:hover>a{
	background-color:#333;
	background-image:none;
	border-style:solid;
	border-color:#262626;
	font:13px Arial,sans-serif;	color:#ffaa00;	text-decoration:none;}

ul#css3menu li.topfirst>a{
	height:25px;
	line-height:25px;
	border-radius:6px 0 0 6px;
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	text-shadow:#000000 0px -1px 1px;}

ul#css3menu li.topfirst:hover>a{	line-height:25px;	text-shadow:#3d3d3d 0px -1px 1px;}

ul#css3menu li.topmenu>a{	height:25px;	line-height:25px;	text-shadow:#000000 0px -1px 1px;}
ul#css3menu li.topmenu:hover>a{	line-height:25px;	text-shadow:#3d3d3d 0px -1px 1px;}

ul#css3menu li.toplast>a{
	height:25px;
	width:41px;
	line-height:25px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	text-shadow:#000000 0px -1px 1px;}

ul#css3menu li.toplast:hover>a{	line-height:25px;	text-shadow:#3d3d3d 0px -1px 1px;}

ul#css3menu ._>li>a{	padding:0;}

ul#css3menu li.subfirst>a{	border-width:0;border-style:none;padding:0;}
ul#css3menu li.subfirst:hover>a{	border-style:none;}


	/* ตารางสลับสี */

#table .odd td {
	background:#FFFFFF;
	border-top:1px solid #DDDDDD;
	padding:3px;
}
#table .even td {
	border-top:1px solid #DDDDDD;
	padding:3px;
}
 
.highlight td {
	background:#D4D4D4 !important;
}


/* สีแบ่งหน้า */
.browse_page{
	clear:both;
	margin-left:12px;
	height:35px;
	margin-top:5px;
	display:block;
}
.browse_page a,.browse_page a:hover{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.browse_page a:hover{
	border:1px solid #0A85CB;
	background-color:#999999;
	color:#FFFFFF;
}
.browse_page a.selectPage{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.SpaceC{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:0px dotted #0A85CB;
	font-size:11px;
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.naviPN{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
.browse_page a.naviPN:hover{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #202020;
	background-color:#999999;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}

/* Block สี */
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	


/* สร้าง Table colum row */
ul.showInColumn{
	display:block;float:center;
	list-style:none;
	padding:0;margin:0;
	width:866px; 
	/*background-color:#FFCCCC;*/
	border:0px solid #333333;  /* เทียบใกล้เคียงกับการกำหนด  ของ table  */	
	padding:2px 0 2px 2px;
}
ul.showInColumn li{
	list-style:none;
	display:block;float:left;
	background-color:#FFFFFF;
	margin:2px;  /* เทียบใกล้เคียงกับการกำหนด  cellspacing"  ของ table  */
	margin-left:3px;
	padding:0px; /* เทียบใกล้เคียงกับการกำหนด  cellpadding  ของ table  */
	border:0px solid #FFFFFF;  /* เทียบใกล้เคียงกับการกำหนด border ใน td ของ table  */
	width:280px; /*  กำหนดความกว้างของแต่ละคอลัมน์  */
}


/* Jump Menu Monitor */
ul#css3 ul{
	display:none;position:absolute;left:0;top:100%;
	-moz-box-shadow:0.7px 0.7px 1px #777777;
	-webkit-box-shadow:0.7px 0.7px 1px #777777;
	box-shadow:0.7px 0.7px 1px #777777;
	padding:0 9px 9px;
	background-color:#333;
	background-image:none;
	border-width:1px;border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-style:solid;
	border-color:#5A5E60;}

ul#css3 li:hover>*{	display:block;}
ul#css3 li:hover{	position:relative;}
ul#css3 ul ul{	position:absolute;left:100%;top:0;}

ul#css3{	padding:1px 1px 1px 0;	display:block;	font-size:0;float:center;}
ul#css3 li{	display:block;	white-space:nowrap;	font-size:0;float:center;}
ul#css3>li,ul#css3 li{	margin:0 0 0 1px;}
ul#css3 ul>li{margin:1px 0 0;}
ul#css3 a:active, 
ul#css3 a:focus{outline-style:none;}

ul#css3 a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 13px Arial,sans-serif;
	color:#cccccc;
	cursor:default;padding:10px;
	background-repeat:repeat;
	background-position:0 200px;
	border-width:0px;
	border-style:none;
	border-color:;}

ul#css3 ul li{	float:none;margin:5px 0 0;}

ul#css3 ul a{
	background-image:none;
	font:13px Arial,sans-serif;	
	color:#cccccc;	
	text-decoration:none;}

ul#css3 li:hover>a{	
	background-color:#ffffff;
	border-style:none;	
	font:bold 13px Arial,sans-serif;	
	color:#ffffff;
	text-decoration:none;
	background-position:0 100px;}

ul#css3 img{	border:none;	vertical-align:middle;	margin-right:4px;}
ul#css3 img.over{	display:none;}
ul#css3 li:hover > a img.def{	display:none;}
ul#css3 li:hover > a img.over{	display:inline;}
}

ul#css3 span{
	display:block;	 overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;}

ul#css3 ul li:hover>a{
	background-color:#333;
	background-image:none;
	border-style:solid;
	border-color:#262626;
	font:13px Arial,sans-serif;	
	color:#ffaa00;	text-decoration:none;}

ul#css3 li.subfirst>a{	border-width:0;border-style:none;padding:0;}
ul#css3 li.subfirst:hover>a{	border-style:none;}