/*ถ้ากำหนดขนาด 13 ต้องใช้ฟอยค์เป็น Tahoma "MS Sans Serif" ตัวแรก เพราะฟอนค์ Verdana แสดงขนาด 13-14ไม่ได้*/

body { /*ขนาดฟอนต์มาตฐานทั้งหมดในเว็บ  */
	font-family:Tahoma,Verdana,"MS Sans Serif"; 
	font-size:13px; 
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	scrollbar-face-color: #F1F1F1; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-shadow-color: #DEE3E7; 
	scrollbar-3dlight-color: #E9E9E9; 
	scrollbar-arrow-color: #7A9ADF; 
	scrollbar-track-color: #EFEFEF; 
	scrollbar-darkshadow-color: #7F98A7; 
}


td { /*ขนาดฟอนต์ในตาราง */
	font-family:Tahoma,Verdana,"MS Sans Serif"; 
	font-size:13px;color:#006600; //เปลี่ยน ตัวนี้เปลี่ยนขนาดตัวอักษร(น้ำตาลอ่อน)วันที่และ copylight
}


.bodyline {
	background:#FFFFFF;
	border:1px solid #C8D5DF;
}

a {
	color:#003D71; text-decoration:none;
}

a:hover {
	color:#027AC6; text-decoration:underline;
}

a.side {  /*ลิงค์เมนูด้านซ้าย*/
	font-family:Tahoma,"MS Sans Serif",Verdana; 
	font-size:13px;color::#0066FF; text-decoration:none; //ของเดิม #003D71
}

a:hover.side {
	color:#027AC6; text-decoration:underline;
}


a.sideshoutbox {  /*ใหม่ ลิงค์ชื่อในกล่องข้อความ*/
	font-family:Tahoma,"MS Sans Serif",Verdana; 
	font-size:11px;color:#003D71; text-decoration:none;
}

a:hover.sideshoutbox {
	color:#027AC6; text-decoration:underline;
}


 
a.white { /*เมนูด้านบน*/
	font-family:Tahoma,"MS Sans Serif",Verdana; 
	font-size:13px;color:#0033FF; text-decoration:none;
}

a:hover.white {
	color:#027AC6; text-decoration:underline overline;
}


img {
	border: 0px;
}

form {
	margin:0px 0px 0px 0px;
}

hr {
	border-top:1px #E2E2E2 solid;
	border-bottom:1px #F9F9F9 solid;
}

hr.side-hr {
	border:1px #D1E4F1 solid;
	border-bottom:1px #F9F9F9 solid;
}


pre {
	font-family:Tahoma,"MS Sans Serif",Verdana; 
	font-size:14px;color:#66FF00 //ยังไม่ทราบว่าเปลี่ยนที่ไหน(เขียวอ่อน)
}

.alt {
	color:#666;
}

.header {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;color:#FF00FF; //ยังไม่ทราบว่าเปลี่ยนที่ไหน(ชมภู)
	color:#FF00FF; 
	background-color:#FFFFFF; //ของเดิม #FFFFFF
	padding:5px;
}

.nav-header {
	border-top: solid #C8D5DF; 
	border-top-width: 0px; 
	border-left: solid #C8D5DF; 
	border-left-width: 0px; 
	border-right: solid #C8D5DF; 
	border-right-width:0px; 
	border-bottom: solid #C8D5DF; 
	border-bottom-width:1px;
	padding:0px 15px 0px 15px;
}

.footer {
	background-image:url(images/cellpic.gif);
	height:22px;font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;color:#0033FF; // ตรงนี้เปลี่ยนขนาดอักษรที่ท้ายหน้า
	border-top: solid #C8D5DF; 
	border-top-width: 1px; 
	border-left: solid #C8D5DF; 
	border-left-width: 0px; 
	border-right: solid #C8D5DF; 
	border-right-width:0px; 
	border-bottom: solid #C8D5DF; 
	border-bottom-width:0px;
	padding:2px 15px 0px 15px;
}

.button {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;color:#0033FF; //เปลี่ยนตัวอักษรที่ปุ่ม button ทุกตัว (น้ำเงิน)
	color:#0033FF; 	
	background-color:#E5E5E8;
	border:#7F98A7 1px solid;
	margin-top:2px;
}
	
.textbox {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;color:#009900; //เปลี่ยนตัวอักษรที่ใช้กรอกข้อมูล(เขียวแก่)
	color:#009900; //ของเดิม #000
	background-color:#FFFFFF;
	border:1px #7F98A7 solid;
}

.main-bg {
	padding:5px 0px 5px 0px;
}

.side-border-left {
	padding:5px 5px 0px 0px;
}

.side-border-right {
	padding:5px 0px 0px 5px;
}

.main-body {
	font-size:13px;color:#FFCCFF; //ยังไม่ทราบว่าเปลี่ยนที่ไหน (ชมภูอ่อน)
	color:#FFCCFF; //ของเดิม #000
	background-color:#DFEDF7;
	padding:13px 4px 3px 4px;
}

.side-body {
	font-size:13px;color:#0033FF; //เปลี่ยนขนาดอักษรที่เมนูใต้คำว่า "ผู้กำลังใช้งาน" เช่น บุคคลทั่วไป สมาชิก เป็นต้น (น้ำเงิน)
	color:#0033FF; 
	background-color:#DFEDF7;
	padding:5px 0px 0px 0px;
}

.border {
	background-color:#ddd; 
	border:2px #D1D8DD solid; 
}

.infobar {
	background-color:#E8EDF0;
	font-size:13px;color:#0099FF;  //เปลี่ยนอักษรที่ใต้การแสดงความเห็น (ข่าวสาร) เช่น "โดย webmaster" เป็นต้น  (ฟ้าอ่อน) อยู่ในหน้าแรก ไม่เกี่ยวกับ "อ่านต่อ" เป็นต้น
	color:#9900FF; //ของเดิม #0D6298
	border-top: solid #D2D2E1; 
	border-top-width: 1px; 
	border-left: solid #D2D2E1; 
	border-left-width: 1px; 
	border-right: solid #F6F6F6; 
	border-right-width:0px; 
	border-bottom: solid #F6F6F6; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.infobar2 {
	background-color:#E8EDF0;
	font-size:13px;color:#0099FF;  //เปลี่ยนอักษรต่อจากเมื่อกี้ เช่น "อ่านต่อ" (ฟ้าอ่อน)
	color:#0099FF; //ของเดิม #0D6298
	border-top: solid #D2D2E1; 
	border-top-width: 1px; 
	border-left: solid #D2D2E1; 
	border-left-width: 0px; 
	border-right: solid #F6F6F6; 
	border-right-width:1px; 
	border-bottom: solid #F6F6F6; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.infobar3 {
	background-color:#F5D095;
	font-size:13px;color:#0099FF;  //เปลี่ยนใต้ความเห็นบทความ เช่น โดย.......... (ฟ้าอ่อน) ของเดิม น้ำตาล
	color:#FF0000; //ของเดิม #5A3700
	border-top: solid #E1C290; 
	border-top-width: 1px; 
	border-left: solid #E1C290; 
	border-left-width: 1px; 
	border-right: solid #E1C290; 
	border-right-width:0px; 
	border-bottom: solid #E1C290; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.infobar4 {
	background-color:#F5D095;
	font-size:13px;color:#0099FF;  //เปลี่ยนใต้บทความ แต่เป็นความเห็น อ่านต่อ เป็นต้น (ม่วง)
	color:#9900FF; //ของเก่า #5A370
	border-top: solid #E1C290; 
	border-top-width: 1px; 
	border-left: solid #D2D2E1; 
	border-left-width: 0px; 
	border-right: solid #E1C290; 
	border-right-width:1px; 
	border-bottom: solid #E1C290; 
	border-bottom-width:1px;
	padding:3px 4px 3px 4px;
}

.panel-left {
	width:6px; height:21px; 
	background-image:url(images/panel-left.gif); 
}

.panel-right {
	width:6px; height:21px;
	background-image:url(images/panel-right.gif);
}

.panel-main {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;font-weight:bold;color:#FFFFFF; //เปลี่ยนขนาดตัวอักษรหัวข้อ เช่น หัวข้อ ผู้กำลังใช้งาน webmaster ฝากข้อความ เป็นต้น (ขาว)
	color:#FFFFFF; //ของเดิม #C7E9FE
	height:21px;
	padding:0px 2px 0px 2px;
	background-image:url(images/panel-main.gif);
	background-repeat:repeat-x;
}

.border-left {
	width:6px; background-image:url(images/border-left.gif);
	background-repeat:repeat-y; 
}

.border-right {
	width:6px; background-image:url(images/border-right.gif);
	background-repeat:repeat-y;
}

.border-bleft {
	width:6px; height:16px;
	background-image:url(images/border-bleft.gif);
}

.border-bright {
	width:6px; height:16px;
	background-image:url(images/border-bright.gif);
}

.border-bmain {
	height:16px; background-image:url(images/border-bmain.gif);
	background-repeat:repeat-x;
}

.panel-left2 {
	width:6px; height:21px; 
	background-image:url(images/panel-left2.gif); 
}

.panel-right2 {
	width:6px; height:21px;
	background-image:url(images/panel-right2.gif);
}

.panel-main2 {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;font-weight:bold;color:#0033FF; //เปลี่ยนตัวอักษรตรง เช่น ยินดีต้อนรับ ยังไม่มีข่าว (น้ำเงิน)
	color:#00FFFF;
	height:21px;
	padding:0px 2px 0px 2px;
	background-image:url(images/panel-main2.gif);
	background-repeat:repeat-x;
}

.border-left2 {
	width:6px; background-image:url(images/border-left2.gif);
	background-repeat:repeat-y; 
}

.border-right2 {
	width:6px; background-image:url(images/border-right2.gif);
	background-repeat:repeat-y;
}

.border-bleft2 {
	width:6px; height:16px;
	background-image:url(images/border-bleft2.gif);
}

.border-bright2 {
	width:6px; height:16px;
	background-image:url(images/border-bright2.gif);
}

.border-bmain2 {
	height:16px; background-image:url(images/border-bmain2.gif);
	background-repeat:repeat-x;
}

.table-body {
	font-size:13px;color:#0033FF; // เปลี่ยนตัวอักษรที่ใต้คำว่า "ยินดีต้อนรับ" คือ Welcome to your site และ ยังไม่มีข่าวขณะนี้ (น้ำเงิน)
	color:#0033FF; 
	background-color:#F0F0F0;
	padding:13px 4px 3px 4px;
}

.panel-left3 {
	width:6px; height:21px; 
	background-image:url(images/panel-left3.gif); 
}

.panel-right3 {
	width:6px; height:21px;
	background-image:url(images/panel-right3.gif);
}

.panel-main3 {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;font-weight:bold;color:#0033FF; //เปลี่ยนอักษรที่เมนูข่าวสารที่แสดงหน้าแรก (ข้อความข่าวสาร) น้ำเงิน
	color:#FFFF00; //ของเก่า #91A4B1
	height:21px;
	padding:0px 2px 0px 2px;
	background-image:url(images/panel-main3.gif);
	background-repeat:repeat-x;
}

.border-left3 {
	width:6px; background-image:url(images/border-left3.gif);
	background-repeat:repeat-y; 
}

.border-right3 {
	width:6px; background-image:url(images/border-right3.gif);
	background-repeat:repeat-y;
}

.border-bleft3 {
	width:6px; height:16px;
	background-image:url(images/border-bleft3.gif);
}

.border-bright3 {
	width:6px; height:16px;
	background-image:url(images/border-bright3.gif);
}

.border-bmain3 {
	height:16px; background-image:url(images/border-bmain3.gif);
	background-repeat:repeat-x;
}




.panel-left4 {
	width:6px; height:21px; 
	background-image:url(images/panel-left4.gif); 
}

.panel-right4 {
	width:6px; height:21px;
	background-image:url(images/panel-right4.gif);
}

.panel-main4 {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px;font-weight:bold;color:#0033FF; //เปลี่ยนอักษรหัวข้อในบทความ อยู่ด้านบนเป็นเมนูบอกเรื่อง ก่อนเข้ารายละเอียด(น้ำเงิน)
	color:#DE8A00;
	height:21px;
	padding:0px 2px 0px 2px;
	background-image:url(images/panel-main4.gif);
	background-repeat:repeat-x;
}

.border-left4 {
	width:6px; background-image:url(images/border-left4.gif);
	background-repeat:repeat-y; 
}

.border-right4 {
	width:6px; background-image:url(images/border-right4.gif);
	background-repeat:repeat-y;
}

.border-bleft4 {
	width:6px; height:16px;
	background-image:url(images/border-bleft4.gif);
}

.border-bright4 {
	width:6px; height:16px;
	background-image:url(images/border-bright4.gif);
}

.border-bmain4 {
	height:16px; background-image:url(images/border-bmain4.gif);
	background-repeat:repeat-x;
}


.side-bodyx {
	font-size:13px;color:#0033FF; // เปลี่ยนต่อจากเมื่อกี้ ช่องที่แสดงข้อความ ก่อนจะไปอ่านต่อ (น้ำเงิน)
	color:#5A3700; 
	background-color:#FFDBA1;
	padding:5px 0px 0px 0px;
}

.news-body {
	font-size:13px;color:#0033FF; //เปลี่ยนอักษรตรงหน้าแรกตรงข่าวสาร ในช่องที่กล่าวนำก่อนจะถึงอ่านต่อ (ชมภู)
	color:#FF00FF; //ของเดิม #003150
	background-color:#E1E7EB;
	padding:13px 4px 3px 4px;
}
.header-center {
	background-image:url(images/header-center.gif);background-repeat:repeat-x;
}

.side-caption {
	font-family:Tahoma,"MS Sans Serif",Verdana;
	font-size:13px; color:#99FFFF;font-weight:bold; //ยังไม่ทราบว่าเปลี่ยนที่ไหน ของเก่า#FFFFFF (ฟ้าแสด)
	color:#99FFFF; background-color:#004A80;
	padding:0px 4px 3px 4px;
}

.tbl-border {
	background-color:#D1D8DD;
}

.tbl {
	font-size:13px; padding:3px 4px 3px 4px; //อักษรในกล่องควบคุมของผู้ควบคุม
}

.tbl1 {
	font-size:13px; color:#000; //เปลี่ยนอักษรหัวข้อข่าวกระดานข่าว เช่น ฝ่ายสถิติ และข้อมูล
	background-color:#F1F1F1; padding:4px;
}

.tbl2 {
	font-size:13px; color:#0033FF;  // เปลี่ยนอักษรตรงกระดานข่าว ที่ กระดาน กระทู้ ตอบ ฯลฯ และวันที่ (ส้ม เปลี่ยนเป็น น้ำเงิน) 
	background-color:#F6F6F6; padding:4px;
}
	
.forum-caption {
	font-size:13px; font-weight:bold; // เปลี่ยนอักษรที่หัวข้อกระดาน แต่เป็นหัวข้อบอก (อันเดียวกันกับอันที่แล้ว)
	height:22px;background-image:url(images/cellpic.gif);
	color:#485D9F; background-color:#F6F6F6;
	padding:4px 4px 4px 4px;
}

.quote {
	color:#076A9C; background-color:#F9F9F9;
	padding:2px;
	margin:0px 20px 0px 20px;
	border:1px #D1D8DD solid;
}
	
.poll {
	height:11px; border:0px #D1D8DD solid;
}

.comment-name {
	font-weight:bold; color:#113355; 
}

 
.shoutboxname { /*ขนาดในกล่องฝากข้อความ*/
	font-weight:bold; font-size:11px;color:#113355; 
}

.shoutbox {
	color:#004279;
}

.shoutboxdate {
	font-size:10px; color:#0081B7; text-align:right;  //เปลี่ยนขนาดอักษรรูปแบบวันที่ใต้ฝากข้อความ
}

.small {
	font-size:11px; font-weight:normal; // เปลี่ยนอักษร กระดานข่าว ตรงส่วนเนื้อหาที่แสดงและโพสโดยใคร ตรงกระดานข่าว เนื้อหาตรงนี้ น่าจะรวมไปถึงหัวข้อในส่วนควบคุมด้วย และด้านล่างส่วนควบคุม
}

.small2 {
	font-size:13px; font-weight:normal; color:#FF9900; //เปลี่ยนอักษรตัววงเล็บที่บอกจำนวนข้อมูลในนั้น (ส้ม)
}

.side-small {
	font-size:11px; font-weight:normal; color:#FF0000; //ยังไม่ทราบว่าเปลี่ยนที่ไหน ของเก่า 11 (แดง)
}

.side-label {
	background-color:none;
	padding:1px 4px 3px 4px;height:17px;
	background-image:url(images/side-cell.gif);
	background-repeat:repeat-x;
}

.gallery {
	padding: 16px 0px 8px 0px;
}

.gallery img {
	border: 1px solid #D1D8DD; filter: gray;
}

.gallery:hover img {
	border: 1px solid red; filter: none;
}

img.activegallery {
	border: 1px solid green; filter: none;
}