/* ######### Templates ##########*/
td.dashed { border-left-style:dashed; color: #84B8C5; border-width:1px} 
p.dashed {border-bottom-style: dashed; color: #84B8C5; border-width:1px}
a:link {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: blue;}
a:hover {text-decoration: underline; color: green;}
a:active {text-decoration: none;}
/*
body  { font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; text-align: left; padding: 0; color: #000000; background-image: url(../images/background/bg.gif); background-repeat:repeat-x; background-attachment:fixed;} */
body  { font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; text-align: center; padding: 0; color: #000000; background-image: url(../images/background/bg6.jpg); background-repeat:repeat-x; background-attachment:fixed}
img { border: 0;}
.headbody { color: #FFF; font-weight: bold; }
.thrColLiqHdr {   float: center; text-align: left; }
.thrColLiqHdr table tr td { font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif;  }
.menutitle{ display: block; background: url(../images/tri2.gif) no-repeat 97% left; cursor:pointer; margin-bottom: 0px; text-align:; font-weight:; }
.thrColLiqHdr #container { width: 1002px; text-align: left; background-color:#FFFFFF} 
.thrColLiqHdr #edit { float: center;  width: 100%; padding: 0px 0;  }
.thrColLiqHdr #BodyEdit {padding: 5px 15px; } 
.thrColLiqHdr #header03 { 	BORDER-BOTTOM: #6f9f49 1px solid;  PADDING-BOTTOM: 7px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px;  PADDING-TOP: 7px } 
.thrColLiqHdr #sidebarMain {float: center;  width: 100%; padding: 0px 0;  } /* background-image:url(../images/body.png); background-repeat:no-repeat; */
.thrColLiqHdr #sidebar1 {float: left; width: 46%; padding: 5px 18px; }
.thrColLiqHdr #sidebar2 {float: right; width: 46%; padding: 5px 18px; }
.thrColLiqHdr #sidebar3 {float: center; width: 100%; padding: 10px 0; }
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 {	margin-left: 10px; 	margin-right: 10px;}
.thrColLiqHdr #footer { padding: 0 0px; }
.thrColLiqHdr #footer p { margin: 0; padding: 0px 0;}

.glossymenu{ width: 100%;  /*เส้นกรอบ border: 1px solid #9A9A9A; */ }
.glossymenu a.menuitem{ color: #006600; display: block; position: relative;  width: auto; padding: 3px 0; padding-left: 25px; text-decoration: none;
background: url(../images/dot8.png) no-repeat 8px 4px; list-style-image: none; padding-top: 2px;  /* border-bottom: 1px solid #C8DEE8; */ }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ /* color: #006600; */ }
.glossymenu a.menuitem .statusicon{ position: absolute; top: 4px; right: 5px; border: none; }
.glossymenu a.menuitem:hover{ /*text-decoration: underline;*/ color: #0000FF; background: url(../images/dot8.png) #B1D0DE  no-repeat 8px 4px; list-style-image: none; padding-top: 2px;}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/ padding: 3px 20px; }
.glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li{ background: url(../images/bul0.png) no-repeat 8px 6px; display: block; width: auto; }
.glossymenu div.submenu ul li a{ display: block; color: black; text-decoration: none; padding: 1px 0; padding-left: 25px ; color: #006600; }
.glossymenu div.submenu ul li a:hover{ background: url(../images/bul0.png) #B1D0DE  no-repeat 8px 6px; color: #0000FF; }

.countdown2 { color: #FF0000; font-weight: bold; font-size: 30px; }
.countdown3 { color: #FF0000; font-weight: bold; font-size: 15px; }


/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #A5E7C8;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: black;
color: white;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #c3fbff;
width: 98.8%;
height: 24px;
padding: 5px;
border: 1px solid  white;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}



/* ######### BOX ######### */


H1 { border-bottom: 0px; border-left: 0px; padding-bottom: 2px; line-height: 22px; margin: 0px; padding-left: 5px; padding-right 0px; letter-spacing: -0.4px; color: #33302e; font-size: 1.5em; border-top: 0px; font-weight: bold; border-right: 0px; padding-top: 10px
}
H2 {
	padding-bottom: 5px; line-height: 8px; margin: 0px; padding-left: 8px; padding-right 8px; background: #e8e6df; color: #33302e; font-size: 1.1em; font-weight: normal; padding-top: 5px
}
H2 A:link {	color: #33302e; text-decoration: none }
H2 A:visited {	color: #33302e; text-decoration: none }
H2 A:hover {	color: #33302e; text-decoration: underline }
H3 { margin: 0px; color: #025eb3; font-size: 15px; font-weight: bold }
HTML > BODY .box H2 { 	background-image: url(../images/bargloss2.png); background-repeat: repeat-x }
/* float: center; width: 46%; padding: 5px 18px;	*/



.box .box-inner { border-left: #ababab 1px solid; border-right: #ababab 1px solid; background-color:#FFFFFF }

.box H2 {
	padding-left: 5px; font-family: Ms sans-serif, Tahoma, Microsoft Sans Serif; color: #eee; font-weight: normal; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px
}
.box H2 A {
	padding-left: 5px; font-family: Ms sans-serif, Tahoma, Microsoft Sans Serif; color: #eee; font-weight: normal; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px
}
.box H2 A:visited {
	padding-left: 5px; font-family: Ms sans-serif, Tahoma, Microsoft Sans Serif; color: #eee; font-weight: normal; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px
}
.box H2 A:hover {
	padding-left: 5px; font-family: Ms sans-serif, Tahoma, Microsoft Sans Serif; color: #eee; font-weight: normal; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px
}

.box H2 {	color: #FFF;  }

.box H2.s0 { background-color: #497cd1; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s1 { background-color: #258198; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s2 { background-color: #F87A0B; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s3 { background-color: #CD9933; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s4 { background-color: #3D6946; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s5 { background-color: #3D6982; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s6 { background-color: #E50673; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s7 { background-color: #836D55; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s8 { background-color: #A950C4; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s9 { background-color: #795E0D; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s10 { background-color: #FFC126; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}
.box H2.s11 { background-color: #EEB4B3; text-align:center; font: 13px Ms sans-serif, Tahoma, Microsoft Sans Serif; font-weight:bold}

.box UL { padding-bottom: 4px; margin: 0px; padding-left: 0px; padding-right 0px; padding-top: 4px }

.box OL { padding-bottom: 4px; margin: 0px; padding-left: 0px; padding-right 0px; padding-top: 4px }
.box OL LI { padding-bottom: 2px; list-style-type: none; padding-left: 8px; padding-right 0px; list-style-image: none; padding-top: 2px }
.box-two { padding-bottom: 0px; margin: 0px; padding-left: 5px; width: 360px; padding-right 0px; float: left; padding-top: 0px }
.box-two .box .box-inner { height: 130px }
.box-two UL LI {	padding-left: 14px; background: 0px 50% }
.box-two IMG {	width: 16px; padding-right 3px; height: 16px; vertical-align: top }
.box-two-feature {
	border-bottom: #ababab 1px solid; text-align: center; border-left: #ababab 1px solid; padding-bottom: 16px; margin: 0px 0px 0px 15px; padding-left: 4px; width: 115px; padding-right 4px; background: url(http://cache.filehippo.com/img/rcol-div.png) no-repeat right top; float: left; height: 142px; border-top: #ababab 1px solid; border-right: #ababab 1px solid; padding-top: 16px
}
.box-two-feature IMG {
	border-bottom: 0px; text-align: center; border-left: 0px; padding-right 3px; vertical-align: middle; border-top: 0px; border-right: 0px
}
.box-three {
	padding-bottom: 0px; margin: 0px; padding-left: 5px; width: 285px; padding-right 5px; float: left; padding-top: 0px
}

.box .more { 
	border-bottom: #ababab 1px solid; text-align: right; border-left: #ababab 1px solid; padding-bottom: 3px; background-color: #e6e8eb; margin: 0px; padding-left: 22px; padding-right 10px; border-right: #ababab 1px solid; padding-top: 3px; background-image: url(../images/bargloss2.png);
}
.box .more A {	color: #333}
/* .moreNews {  background-image: url(../images/bkg_end_top.png); background-repeat:repeat-x;  padding: 0px 0px;} style="position:absolute; */
.moreNews { BORDER-TOP: #6f9f49 1px solid; position:fixed;  padding: 0px 0px;}

.bodygallery { width:100%; padding: 10px 10px;}
.bodygalleryedit { float: left; }

