body {font: 100% Arial, Helvetica, sans-serif; background: #52A8CD repeat-x top; text-align: center; color: #222222}
h1, h2, h3, h4, h5, h6, p, input, select, table, td, th {font-family: Arial, Helvetica, sans-serif;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
select option {padding-right: 0.5em;}
img {border: none;}
div {background: #fff;}
#bottom {clear: both; font-size: 1.08em; text-align: center; background: #fee69e url(/images/bg_bottom.gif); font-weight: bold; line-height: 1.5em; color: #fff;}
#container {width: 955px;	text-align: left; margin: 0.94em auto;}
#header {border-top: 2px solid #bcd7f2;	border-right: 1px solid #bcd7f2; border-bottom: 1px solid #e6ccec; border-left: 1px solid #bcd7f2;}

/* Content */
#page-body {
/*	border-top: 1px solid #ebf3fb;*/
	border-right: 1px solid #bcd7f2;
	border-bottom: 0px solid #ebf3fb;
	border-left: 1px solid #bcd7f2;
/*	border-left: 0.63em solid #ebf3fb;*/
	background: repeat-y 10.06em;
	height:auto!important;     /* Fx อ่านบรรทัดนี้ เพราะมี !important */
height:1000px;            /* IE6 อ่านบรรทัดนี้ เพราะไม่สน !important อ่านบรรทัดล่างสุด ตามกฎปกติ*/
min-height:1000px;    /*Fx และเบราเซอร์ใหม่ๆ อ่านบรรทัดนี้ */

}
.clearfloat {display: inline-block;}
#content-left {
	font-size: 0.75em;
	width: 13.41em; /*161px*/
	border-top: 1px solid #bcd7f2;
	float: left;
	display: inline;
}

#content-left p {text-align: center; margin-bottom: 1em;}
#content {font-size: 0.81em; /*13px*/ margin-left: 12.49em; /*162px*/}
#position-tab, #position-tab-bottom {
	font-size: 0.92em;
	background: url(/images/bg_position.gif) repeat-y;
	border-top: 1px solid #d2e4f7;
	border-bottom: 2px solid #fff;
	padding: 1px 0 3px 5px;
}
#position-tab ul, #position-tab-bottom ul {list-style-type: none;}
#position-tab li, #position-tab-bottom li{display: inline;}
#position-tab a, #position-tab a:active, #position-tab a:link, #position-tab a:visited, #position-tab-bottom a, #position-tab a:active, #position-tab a:link, #position-tab a:visited {color: #6e3360;}
#position-tab a:hover, #position-tab-bottom  a:hover {color: #fff;}

#position-tab-bottom {border-bottom: none; clear: both;}


A:link {
	COLOR: #17258F; 
	TEXT-DECORATION: none;
}
A:visited {
	COLOR: #17258F; 
	TEXT-DECORATION: none;
}
A:active {
	COLOR: #17253E; 
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #4578D5; 
	TEXT-DECORATION: underline;
}
.myctl {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	BACKGROUND: #f3ec9c; 
	MARGIN: 0px; 
	FONT: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	COLOR: #000000; 
	border-width:1px; border-color:#E7D6C0; border-style:solid;
}

.mytext {
	FONT: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: center;
}
.mytext2 {
	FONT: 10px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: right;
}
.mytext3 {
	FONT: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: center;
}

.mytable {
	border: 1px solid #FFFFFF;
	border-collapse:collapse;
	background-color:#eaf3cb;
}
.mytitle {
	font-family:Verdana;
	font-size:10pt;
	font-weight: bold;
	background-color:#a4ab4c;
}
.myheader {
	font-family:Verdana;
	font-size:9pt;
	font-weight:bold;
	text-align:center; 
}
.mycell {
	font-family:Verdana;
	font-size:8pt;
	width: 720px;
	text-align:center; 
}
.dashed {
	font-family:Verdana;
	font-size:7pt;
	text-align:center; 
	border: 1px dashed #E7D6C0;
	border-collapse:collapse;
	background-color:#F7EBDB;
}
.redir {
	font-family:Verdana;
	font-size:9pt;
	text-align:center; 
	border: 1px dashed #E7D6C0;
	border-collapse:collapse;
	background-color:#F7EBDB;
}
td {
	border-collapse:collapse;
}

.no1{width:100px; height:100px; background:#FFCC00;}
.no2{width:100px; height:100px; background:#99CC00;}

/*menu*/
div#menu {width: 720px;	text-align: left; margin: 0.94em auto;}
ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; border-top:1px solid #b9121b; border-bottom:1px solid #b9121b; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#b9121b; color:#ffffff; width:148px; height:13px; }
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ width:146px; clear:left; width:146px; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 li ul.navigation-4
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4 li a:visited
	{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li ul.navigation-4 li a:active
	{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }

ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a span,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover span
	{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }