@charset "utf-8";
/* CSS Document */
html, body { background:#ffffff scroll top left; margin:0; padding:0; font:12px "Lucida Console", Monaco, monospace; color:#666; }
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}
a {color:#006699; text-decoration:none;}
a:hover {color: #cccccc;}	
img { border:none;}

/* HEADER PANEL*/
#wrap {
	width:100%;
	float: left;
}

#header {
	background-color:#B1D21F;
	position:fixed;
	top:0px;
	left:0px;
	border:1px #666 dashed; border-right:none; border-left:none; 
	float: left;
	height: 40px;
	width: 100%;
	z-index:2;
}

#shadow {width:100%; height:10px; float:left; background: url(images/bg_footer.gif) repeat-x bottom right;}

/* TOP PANEL*/

#topPanel {
	background: url(images/warning-bg...png) no-repeat scroll;
	background-position: top right;
	width: 940px;
	height: 210px;
	margin:60px auto 5px auto;
	position:relative;
	clear: both;
	z-index:1;
	color: #D95900;
}

#topPanel h1{
	position: absolute;
	width:576px;
	height:55px;
	font-size: 47px;
	text-transform:uppercase;
	color:#777;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	left: 157px;
	top: 68px;
}

#topPanel h1 span {
	background: url(images/gradient.png) repeat-x;
	background-position: bottom right;
	position: absolute;
	display: block;
	width: 569px;
	height: 55px;
	left: -5px;
	top: -3px;
	color: #FE860C;
}

#topPanel h2{
	position: absolute;
	width:350px;
	height:30px;
	font:20px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#F4BB16;
	left: 592px;
	top: 129px;
	font-size: 22px;
}
.headerImg{
	position:absolute;
	top: -9px;
	left: 19px;
	width: 114px;
}


/* CONTENT PANEL*/

#container {
	position:relative;
	width: 940px;
	height: 1170px;
	margin: auto;
	clear: both;
}

#mainPanel {
	position:absolute;
	margin:0;
	padding: 15px 0px 15px 10px;
	width: 740px;
	vertical-align:top;
}	
#mainPanel a{color: #FE860C; text-decoration: none;}
#mainPanel a:hover{color: #ccc;}
#mainPanel p {
	margin:5px 0;
	padding-left:30px;
	text-align:justify;
	color: #555555;
	font-weight: normal;
	font-size: 13px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#mainPanel p.dotline {background:url(images/1197864063.gif) repeat-x #fff; height:4px; padding:0; margin:20px 0 10px 20px; color:#000;}
#mainPanel p.capstext {
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#777;
	padding:2px 10px 0 0;
	margin:0 0 10px 0;
}
#mainPanel .img {margin:10px; text-align:center;}
#mainPanel .head18 {
	font-size:18px;
	color: #A5B717;
	font-weight: bold;
	text-align: center;
	margin: 10px 0 15px 40px;
}
#mainPanel .head16 {
	font:16px normal;
	color: #A7BB1B;
	text-align: left;
	font-family: "Lucida Console", Monaco, monospace;
	font-weight: bold;
}
#mainPanel .head14 {
	font-size:14px normal;
	color: #000;
	text-align: center;
	font-weight: bold;
}

#sidePanel {
    position:absolute;
	width: 160px;
	height: 650px;
	padding: 20px 5px 10px 25px;
	margin-left: 750px;
	vertical-align:top;
	clear: left;
}
#sidePanel ul {float: left;}
#sidePanel ul li{height:153px;}
#sidePanel .link {
	background:url(images/banner.jpg) no-repeat;
	display:block;
	text-indent:-5000px;
	width:150px;  /* ขนาดของปุ่ม */
	height:140px;  /* ขนาดของปุ่ม */
	border:1px #666 dashed;
	text-decoration:none;
	float: left;
}
#sidePanel a.a {background-position: -10px -10px;}
#sidePanel a.a:hover{background-position: -15px -10px; border:solid 1px #888;}
#sidePanel a.b {background-position: -13px -160px;}
#sidePanel a.b:hover{background-position: -17px -160px;border:solid 1px #888;}
#sidePanel a.c {background-position: -13px -320px;}
#sidePanel a.c:hover{background-position: -17px -320px; border:solid 1px #888;}
#sidePanel a.d {background-position: -13px -475px;}
#sidePanel a.d:hover{background-position: -17px -475px; border:solid 1px #888;}


/* FOOTER PANEL*/

#footerBody {width:100%; background-color:#A7BB1B; border:1px #666 dashed; border-right:none; border-left:none; }
#footPanel {
	position:relative;
	width: 940px;
	height: 150px;
	margin: auto;
	clear: both;
}
#footPanel .ads1{
	position:absolute;
	top:0px;
	left:59px;
	margin-top:15px;
	border:1px #666 dashed;
	background-color: #FFF;
}
#footPanel .ads2{
	position:absolute;
	top:0px;
	left:353px;
	margin-top:15px;
	border:1px #666 dashed;
	background-color: #FFFFFF;
	text-align: center;
	width: 361px;
}
#footPanel .ads3{
	position:absolute;
	top:0px;
	right:84px;
	margin-top:15px;
	border:1px #666 dashed;
}
#footPanel .footer {
	width:940px;
	position: absolute;
	top:123px;
	left: 1px;
	color:#555;
	text-align: center;
}