html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead{background:none;border:0;font-style: inherit;font-weight: inherit;margin: 0;padding: 0;outline: 0;vertical-align: baseline;}
tr,th,td {background:none;border:0;font-style: inherit;font-weight: inherit;margin: 0;padding-left: 7px;outline: 0;vertical-align: baseline;} 
table {border-collapse: collapse;border-spacing: 0; width: 100%; border: 1px solid #e1e1e1;}
html {overflow-y: scroll;} 
dl{padding-left:15px;color:#1A6CA9;}
dt{ padding-left:15px;}
dd{ padding-left:15px;}


/* Main Layout */
html {height: 100%;}
body { margin:0px; padding:0px; font-family: Helvetica, Arial, sans-serif; text-shadow: none; font-size:13px;
 line-height: 1.3; color: #555;  }
body.contentpane { margin:0px; padding:0px; border-bottom:dotted 1px #ccc; color:#555;}

.background {position: absolute;width: 100%; background:#0C7CAE ; }
 h2.item-page-title a,
  .leading-0 { width: 100%; color:#000; padding-bottom:8px; font-size:12px;  } /*พื้นหลัง blog*/
  a, h1,
 h2,
 h3,
 h4, 
 a.c:link,
a.c:visited { text-decoration: none; color: #1A6CA9; font-size:12px;  }
a:link,
a:visited { text-decoration: none; color: #1A6CA9; font-size:12px;  }
.readmore a{  padding:4px;
background:#00A0D1;
	background:-moz-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00A0D1),color-stop(100%,#008DB8));
	background:-webkit-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
	background:-o-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
	background:-ms-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
	background:linear-gradient(top,#00A0D1 0%,#008DB8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0D1',endColorstr='#008DB8',GradientType=0);
	padding:8px 20px;
	color:#cfebf3;
	font-family:'Helvetica Neue',sans-serif;
	font-size:13px;
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border:1px solid #095B7E;

}
a:hover { text-decoration: underline; color: #555; background:none;}
.logo { position:absolute; left:0px; color:#fff; top:15px; padding:10px 0 0 0;}
.slogan { position:absolute; left:350px; color:#555; top: 55px; }
.searchbutton { position:absolute; right:10px; top: 11px; color:#fff; float:right;}

/* Layout */
.componentheading { font-style:normal; font-size:14px; font-weight:bold; margin:2px; padding:10px 10px 10px 0px; color:#1A6CA9;}
h1 { font-size: 20px;color:#1A6CA9;   }
h2 { font-size: 14px;color:#1A6CA9;   padding:8px 8px 8px 8px ;  } /*หัวข้อ*/
h3 { font-size: 14px; }
h4 { font-size: 14px; color:#1A6CA9;   }
h1,h3,h4,h5,h6 {margin:0; padding:5px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
ul {margin:0 0 0 15px;}
li{ list-style:none; }
p {margin-top: 0;margin-bottom: 10px;}
p em {font-style:italic;}
blockquote { background:#fff; border:3px solid #ccc; margin:5px; padding:5px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:italic}
element.style { height:auto;}
hr { width:100%; clear:both; border:0px; height:2px;  margin:0; padding:0;}
.clr {clear: both; vertical-align:top;}

.box{ margin:12px 12px 12px 12px; 
padding:4px; height:120px; 
width:150px;  background:#eee;
  border:solid 2px #E4E4E4;}/*กรอบภาพ*/

.linecenter { 
     background:#fff;
    padding:0px 0 0 0;
  }
    
 .lineright { 
  background:#fff;
   border-right:dotted 1px #ccc;  
  }
  .fontblue{
   font-size:16px;
     font-weight:bold;
     color:#538CB9;
    font-family:Tahoma;
  }
.fontTitle {
     font-size:18px;
     font-weight:bold;
     color:#0085C7;
     padding:15px;
}
.fontfooter{
     font-size:12px;
     font-weight:normal;
     color:#0085C7;   
}

.boxcomponent{
  
}
.boxnone{
  margin:12px 12px 12px 12px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:120px;
  height:160px;

}
.boxpicture{
  margin:12px 12px 12px 12px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:120px;

}
.boxtext{
   background:none;
   padding:8px;
   margin:8px;
   color:#666;
     
}
.boxpic_home{
  margin:6px 12px 8px 12px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:210px;

}
.boxpic_board{
  margin:4px 0px 4px 0px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:140px;

}
.boxpic_top{
  margin:4px 0px 4px 0px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:160px;
 height:130px;
}

.boxpic_map{
  margin:4px 0px 4px 0px; 
  padding:4px; 
  background:#eee;
  border:solid 2px #E4E4E4;
  width:115px;
 height:130px;
}
.boxtext{
   background:none;
   padding:8px;
   margin:8px;
   color:#666;
     
}
.boxtext2{
   background:none;
   padding:6px 6px 6px 0;
   margin:6px 8px 8px 0;
   color:#666;

 
     
}

  /* table */
 .table39 {
margin:0px;padding:0px;
width:100%;	box-shadow:0px 0px 6px rgba(0,0,0,0.25);
border:1px solid #ffffff;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;

-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;

-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}.table39 table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.table39 tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.table39 table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.table39 table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.table39 tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.table39 tr:hover td{
background-color:#e5e5e5;
}
.table39 td{
vertical-align:middle;
	background:-o-linear-gradient(bottom, #ffffff 5%, #e5e5e5 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e5e5e5) ); 	background:-moz-linear-gradient( center top, #ffffff 5%, #e5e5e5 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e5e5e5");	background: -o-linear-gradient(top,#ffffff,e5e5e5);
background-color:#ffffff;
border:1px solid #ffffff;
border-width:0px 1px 1px 0px;
text-align:left;
padding:7px;
font-size:12px;
font-family:Arial;
font-weight:normal;
color:#000000;
}.table39 tr:last-child td{
border-width:0px 1px 0px 0px;
}.table39 tr td:last-child{
border-width:0px 0px 1px 0px;
}.table39 tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.table39 tr:first-child td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
border:0px solid #ffffff;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#000000;
}
.table39 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
}
.table39 tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.table39 tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}

/* table */
 .table30 {
margin:0px;padding:0px;
color:#333;
width:100%;	box-shadow:0px 0px 6px rgba(0,0,0,0.25);
border:0px solid #f4f4f4;

-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;

-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:5px;

-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;

-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-top-left-radius:5px;
}.table30 table{
width:100%;
height:100%;
margin:0px;padding:0px;
}.table30 tr:last-child td:last-child {
-moz-border-radius-bottomright:0px;
-webkit-border-bottom-right-radius:0px;
border-bottom-right-radius:0px;
}
.table30 table tr:first-child td:first-child {
-moz-border-radius-topleft:0px;
-webkit-border-top-left-radius:0px;
border-top-left-radius:0px;
}
.table30 table tr:first-child td:last-child {
-moz-border-radius-topright:0px;
-webkit-border-top-right-radius:0px;
border-top-right-radius:0px;
}.table30 tr:last-child td:first-child{
-moz-border-radius-bottomleft:0px;
-webkit-border-bottom-left-radius:0px;
border-bottom-left-radius:0px;
}.table30 tr:hover td{
background-color:#e5e5e5;
}
.table30 td{
vertical-align:middle;
	background:-o-linear-gradient(bottom, #ffffff 5%, #f4f4f4 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f4f4f4) ); 	background:-moz-linear-gradient( center top, #ffffff 5%, #f4f4f4 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f4f4f4");	background: -o-linear-gradient(top,#ffffff,e5e5e5);
background-color:#ffffff;
border:1px solid #ffffff;
border-width:0px 1px 1px 0px;
text-align:left;
padding:10px;
color:#333;

font-family:Tahoma;
font-weight:normal;

}.table30 tr:last-child td{
border-width:0px 1px 0px 0px;
}.table30 tr td:last-child{
border-width:0px 0px 1px 0px;
}.table30 tr:last-child td:last-child{
border-width:0px 0px 0px 0px;
}
.table30 tr:first-child td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
border:0px solid #ffffff;
text-align:center;
border-width:0px 0px 1px 1px;
font-size:14px;
font-family:Arial;
font-weight:bold;
color:#000000;
}
.table30 tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);
background-color:#cccccc;
}
.table30 tr:first-child td:first-child{
border-width:0px 0px 1px 0px;
}
.table30 tr:first-child td:last-child{
border-width:0px 0px 1px 1px;
}


/* Header */
#header { position:relative; height:107px; width:940px;margin: 0px auto 0; background: url(../images/bg_header.png);}
#header-w {position:relative; }
#headerS {   background: #000; width:930px;margin: 0px auto 0;  background: #000; }
.position0  h1{color:#333;  text-indent:22px;  border: 1px solid #e1e1e1; }
.position0 { color:#333; 
 padding: 50px 20px 20px 15px ; float: left; 
width: 350px; margin: 0px;
 }
.banner  h1{color:#1A6CA9;    }
.banner { }
.top {color:#fff;width:680px;overflow:hidden; padding:40px 5px 0 0; margin:0 0 0 680px;z-index:1;}
.top a {color:#fff; text-decoration:underline}
.topright { padding:10px 0 0 0;}
#topuser {width:940px; margin-bottom:20px;}
.topuser1 { text-shadow: #fff 0 1px; color: #555; float: left; width: 292px; margin: 10px;}
.topuser2 { text-shadow: #fff 0 1px; color: #555; float: left; width: 292px; margin: 10px;}
.topuser3 { text-shadow: #fff 0 1px; color: #555; float: left; width: 292px; margin: 10px;}

.topmenu {float:right;}
.topmenu ul {margin:0; padding:0; float:left; -moz-border-radius: 5px; border-radius: 5px;}
.topmenu ul li {list-style:none;float:left;height:100%;position:relative;}
.topmenu ul li a { display:block;padding:0 10px 0 10px; margin:0; height:20px; line-height:20px; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s; 
background: none;color: #6b92bd;display: block;position: relative;text-align: left;
text-transform: uppercase; font-size:12px;font-weight:normal; font-family: 'Cuprum', sans-serif; -moz-border-radius-bottomright: 7px; -moz-border-radius-bottomleft: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; webkit-bottom-right-radius: 7px; webkit-bottom-left-radius: 7px ;}
.topmenu ul li.active {}
.topmenu ul li.active a {}
.topmenu ul li:hover {}
.topmenu ul li a:hover{ text-decoration:none; font-weight:normal; font-size:12px; color:#fff;text-shadow:none;}
.topmenu ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
.topmenu ul li:hover ul, #menu ul li.sfHover ul {left:0;}
.topmenu ul li ul li {padding:0;height:auto;width:180px; margin:0; border:none;}
.topmenu ul li:hover ul li a {text-shadow:none;}
.topmenu ul li:hover ul li { background:none;}
.topmenu ul li:hover ul li a, .topmenu ul li ul li a, .topmenu ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:10px solid #3a3a3a;color:#d1d1d1; font-size:11px;font-weight:normal;text-shadow:none;}
.topmenu ul li ul li a:hover, .topmenu ul li ul li.active a, .topmenu ul li.active ul li a:hover, .topmenu ul li.active ul li.active a {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;text-shadow:none;}
.topmenu ul li ul ul, .topmenu ul li:hover ul ul, .topmenu ul li:hover ul ul ul, .topmenu ul li:hover ul ul ul ul, .topmenu ul li.sfHover ul ul, .topmenu ul li.sfHover ul ul ul, .topmenu ul li.sfHover ul ul ul ul {left:-999em;}

#slide-w { margin:15px; padding:5px; background: url() 0 0 repeat-x; border-bottom:1px solid #fff;border-top:1px solid #f5f5f5;}
#slide { width:940px; margin:0 auto;}

/* Navigation */
#nav {}
#navl {}
#navr {background:#fff  url("../images/bg_menu.png"); 
 background: rgb(255, 255, 255); padding: 2px; border-radius: 5px; border: 1px solid rgb(187, 187, 187); height:45px; position:relative; z-index: 999999; box-shadow: 0px 0px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#nav { padding-left:0px;z-index:10; position:relative; text-align:center; }
#nav-left { float:left; width:100%;}
#nav-right { float:right; width:0%; }
#nav ul {margin-left: 0px; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:100%;position:relative; padding-right:0px; margin:0;}
#nav ul li a { display:block;
 padding:0 15px 0 15px;
 line-height:44px; color:#0F78A6; 
 text-decoration:none;
 font-size:12px;
 font-weight:normal;
 border-style:solid solid solid solid;
 border-width:0px 1px 0px 0px;
 border-color:#EBEBEB;}
#nav ul li.active { background:#FFF;}
#nav ul li.active a, 
#nav ul li a:hover {color:#000; 
 border-style:solid solid solid solid;
 border-width:1px 1px 0px 0px;
 border-color:#437FBA #EBEBEB #EBEBEB #EBEBEB; 
background:url() 0 0 repeat-x; }
#nav ul li:hover {}
#nav ul li ul {position:absolute;width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding: 0; height:auto; width:180px; margin:0 auto; border:0; text-align: left; }
#nav ul li ul li:hover ul {left:180px; top:0}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{background:#FFFFFF;margin:0; padding:0 0 0 10px;height:24px;line-height:24px; border-bottom:1px solid #3a3a3a; border-right:0; color:#0F78A6; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0px 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}

/* Sidebar */
#leftbar-w {width:100px;float:left;}
#addthis {float:center; padding-left: 12px; padding-top: 0px;}
#rightbar-w {width:240px; float:right; padding:0px 0 0 0; }/*ความกว้าง ขวา*/
#sidebar {padding:0}
#sidebar .module { padding:2px 0px 0px 0px; margin-bottom: 2px;border-radius: 5px; border: 1px solid rgb(187, 187, 187); z-index: 999999; box-shadow: 0px 0px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:12px; }
#sidebar .module-title {background: url(../images/sidebar.png); 
font-size:12px; font-weight:bold; text-shadow:none; padding:8px 8px 0px 15px;  color:#333;  height:22px;}

#sidebar .module-title h3 {line-height: 11px;}
#sidebar .module-body {padding:8px 8px 8px 0px; }
#sidebar .module-body p{padding:0; margin:0;}
#sidebar  ul li { margin:0 5px; padding:0;}
#sidebar .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; }
#sidebar .module ul.menu li a {border-bottom: 1px solid #FFFFFF;color: #1A6CA9;display: block;padding: 3px 15px 3px 5px;text-decoration: none; text-align: left;}
#sidebar .module ul.menu li a:hover { color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff;}
#sidebar .module ul.menu li.active a{color:#058CA1;}
#sidebar .module ul.menu li ul {margin:0;}
#sidebar .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar .module ul.menu li ul li a{ border: 0; color:#999; background:none;text-align:left; padding-left: 11px;}
#sidebar .module ul.menu li ul li a:hover{color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar .module ul.menu li.active ul li a{color: #6e99c2;}
#sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover{color:#134E8B;}
#sidebar li a
{
background: url(../images/arrow_t.png) left no-repeat;
margin:0px;
padding-left:20px;
padding-top:-10px;
 border-bottom:dotted  1px #ccc;
}

/* Hide from IE5-Mac \*/
#sidebar li a
{
float: none
}
/* End hide */

/* Sidebar2 */

#sidebar2 {padding:0; background:#227EA7; color:#fff;}
#sidebar2 .module { padding:2px 0px 0px 0px; margin-bottom: 2px;border-radius: 5px; border: 1px solid rgb(187, 187, 187); z-index: 999999; box-shadow: 0px 0px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:12px; }
#sidebar2 .module-title {background: url(../images/h_bar.png); 
font-size:12px; font-weight:bold; text-shadow:none; padding:8px 8px 0px 15px;  color:#fff;  height:22px;}

#sidebar2 .module-title h3 {line-height: 11px;color:#fff;}
#sidebar2 .module-body {padding:8px 8px 8px 0px; color:#fff;}
#sidebar2 .module-body p{padding:0; margin:0;}
#sidebar2  ul li { margin:0 5px; padding:0;}
#sidebar2 .module ul.menu{margin:5px 0 0 0; padding:0;list-style:none; padding:0; list-style-type:none;}
#sidebar2 .module ul.menu li{ list-style:none; list-style-type:none;margin:0; padding:0; }
#sidebar2 .module ul.menu li a {border-bottom: 1px solid #FFFFFF;color: #1A6CA9;display: block;padding: 3px 15px 3px 5px;text-decoration: none; text-align: left;}
#sidebar2 .module ul.menu li a:hover { color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff;}
#sidebar2 .module ul.menu li.active a{color:#058CA1;}
#sidebar2 .module ul.menu li ul {margin:0;}
#sidebar2 .module ul.menu li ul li {background:none; border:none; margin: 0 0 0 15px;   }
#sidebar2 .module ul.menu li ul li a{ border: 0; color:#999; background:none;text-align:left; padding-left: 11px;}
#sidebar2 .module ul.menu li ul li a:hover{color: #575757; background: url(../images/sidehover.jpg) 100% -50px no-repeat #fff; }
#sidebar2 .module ul.menu li.active ul li a{color: #6e99c2;}
#sidebar2 .module ul.menu li ul li.active a, #sidebar2 .module ul.menu li.active ul li a:hover{color:#134E8B;}
#sidebar2 li a
{
background: url(../images/dot_icon.gif) left no-repeat;
margin:0px;
padding-left:15px;
 border-bottom:dotted  1px #ccc;
}

/* Hide from IE5-Mac \*/
#sidebar2 li a
{
float: none
}
/* End hide */
/* Content  หน้า  bg หลัก*/
#main { margin: 0px auto 0; position: relative; width:1007px; background:#F6F6F6 url(../images/bg.png);  padding:-10px 0 0 0 ;}


#main-content { background:#fff url(); /* สี banner*/
position:relative; padding: 5px; height:100%;color: #555;  }
.shadow {background:url(../images/shadow.png) repeat-y 50% transparent; margin: -1px auto; margin-top:5px; width: 940px;}
.shadowtop {background:url("../images/shadowtop.png"); height: 20px;margin: 50px auto -30px;width: 940px; padding-right:1px;}
.slideshadow {background: url("../images/slideshadow.png") no-repeat scroll 0 0 transparent;height: 8px; margin: 4px auto; width: 400px;}
s.slideshadow2 {background: url("../images/slideshadow2.png") no-repeat scroll 0 0 transparent;height: 32px; margin: 0px auto; width: 920px;}

#maincol {position: relative; border:solid 1px #EBEBEB; }
#wrapper {margin:0 auto; width:940px; margin-top: 3px; text-shadow: none; position: relative; background: none repeat scroll 0 0 #eee;}
/*#wrapper {margin:0 auto; width:940px; margin-top: 3px; text-shadow: none; position: relative; background: none repeat scroll 0 0 #F7F7F9;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);padding: 3px;text-shadow: 0 1px 0 #FDFDFF;}*/
#crdt {border:0;float:right;color:#708090;width:50%;line-height:10px;font-size:10px;margin:-150% 0 0 0;overflow:hidden;padding:0}
#crdt a{color:#708090;}
.top1 {background:url(../images/main-top.png) 0 0 no-repeat;clear:both;}
.top2 {background: url(../images/main-top.png) 100% 100% no-repeat; }
.top3 { background: #fff; height: 6px;margin:0 6px;}
.bot1 {background:url(../images/main-bot.png) 0 0 no-repeat;clear:both;}
.bot2 {background: url(../images/main-bot.png) 100% 100% no-repeat;}
.bot3 { background: #fff; height: 6px;margin:0 6px;}


#leftcolumn{margin-left:9px;padding:0px;width:205px;float:left;}
#rightcolumn{margin-right:9px;padding: 0;width:200px;float:right;}
#centercontent{width:400px;float:left;margin:0px 0 0 10px;padding:0px 0 0 0;overflow:hidden;}
#centercontent ul{margin: 0 0 10px 3px;}
#centercontent td {border:solid 5px #000;}
#centercontent th {border:solid 5px #000;}
#centercontent_md{width: 660px;float:left;padding-left: 3px; margin:10px;}/*ความกว้าง กลาง*/
#centercontent_bg{width: 930px;float:left;margin:0px 5px 0px 5px;padding:10px 0 0 0;}

div.clearpad {padding:3px 3px 3px 3px;}
div.clearpad ul {clear: both; margin-left:3px;}


/* Content styles */
#login-form {padding-left:15px;  margin-left:8px;  }
#login-form li{ }
#login-form input[type=checkbox] { padding-left:-30px;  }
#login-form input[type=text] {width: 150px;  background:#fff;  }
#login-form input[type=password] { width: 150px; background:#fff;  }
#login-form label {float: left; width: 11em;   }
#login-form a{background:none;}
#login-form h2{background:none;}
ul.archive li { list-style:none; padding:0 0 0 10px;}
.archive .article-count {color:#999;padding:0 0 0 10px;}
.blog-featured {background:#eee; color: #555;}
.items-leading {position: relative; clear:both;    border-radius: 5px; border: 1px solid rgb(187, 187, 187); z-index: 999999; box-shadow: 0px 0px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:20px;}/*กรอบ บล็อก*/
.items-row {position: relative;clear:both;  border-radius: 5px; border: 1px solid rgb(187, 187, 187); z-index: 999999; box-shadow: 0px 0px 6px rgba(0,0,0,0.25); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25); -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:20px;}/* กรอบ บล็อก*/
.item-page { position:relative; background:none; color: #555; padding: 20px;}/* หัวข้อข่าว บล็อก*/
h2.item-page-title {padding: 10px;  font-family: 'Cuprum', sans-serif; background:none; }
h2.item-page-title a, .leading-0 a {font-size: 14px;font-weight:normal; font-family: 'Cuprum', sans-serif;}
h2.item-page-title a:hover, .leading-0 a:hover{color:#c4c4c4; text-decoration: underline;}
.item-page-title, .item-page-title a {text-decoration:none; color:#336699;} 
.item-page-title a:hover {}
.buttonheading { position:absolute; top:15px; right:0;}
.buttonheading .edit {float:right;margin:0 5px;}
.buttonheading .print { float:right; margin:0 5px;}
.buttonheading .email {float:right;margin:0 5px;}
.iteminfo {font-size: 12px;overflow:hidden;margin-bottom:5px;display:block;width: 100%; color:#999; line-height: 13px;}
.iteminfo a {color:#999;} .iteminfo a:hover {color:#333;}
.iteminfo .category {}
.iteminfo .sub-category { padding:0 0 0 0px}
.iteminfo .create {}
.iteminfo .modified {}
.iteminfo .published {}
.iteminfo .createdby {font-weight:bold; display:block}
.items-more {clear:both; padding:10px;} h3.items-more { font-size:14px; padding:0; margin:0;}
.items-more ol { margin:0 0 0 30px; padding:0}
th.list-title, th.list-author,th.list-hits,th.list-date  { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding:2px; border-right:1px solid #fff; color:#fff;}
th.list-title a, th.list-author a,th.list-hits a,th.list-date a { color:#fff; font-weight:bold}
td.list-title, td.list-author, td.list-hits, td.list-date { border-bottom:1px dotted #ccc;}
td.list-title { width:50%;}
td.list-author { width:15%; text-align:center;}
td.list-hits { width:5%;text-align:center;}
td.list-date { width:15%;text-align:center;}
.cols-1 {width:100%; clear:both;}
.cols-2 .column-1{width:45%;float:left; margin:4px;}
.cols-2 .column-2{width:45%;float:right; margin:4px;}
.cols-3 .column-1{width:32%;float:left}
.cols-3 .column-2{width:32%;margin-left:1%;float:left;}
.cols-3 .column-3{width:32%;float:right;}
.cols-4 .column-1{width:23%;float:left}
.cols-4 .column-2{width:23%;margin-left:1%;float:left;}
.cols-4 .column-3{width:23%;margin-left:1%;float:left}
.cols-4 .column-4{width:23%;margin-left:0;float:right}
.column-1, .column-2, .column-3, .column-4 { position:relative;margin:0 0 20px 0}


/* Contact styles */
th.item-num, th.item-title,th.item-position,th.item-phone,th.item-suburb,th.item-state { background:#3F332E url(../images/h3.png) 0 0 repeat-x; padding: 2px 2px 2px 7px; border-right:1px solid #fff; color:#fff; text-align:left;}
th.item-num a, th.item-title a,th.item-position a,th.item-phone a,th.item-suburb a,th.item-state a {color:#fff}
td.item-num {width:5%; text-align:left;}
td.item-title {width:25%; text-align:left;}
td.item-position {width:15%;text-align:left;}
td.item-phone {width:15%;text-align:left;}
td.item-suburb {width:15%;text-align:left;}
td.item-state {width:15%;text-align:left;}
.contact label { width:100%;font-weight:bold; float:left}
.contact input { float:left;}
.contact .jicons-icons { float:left; padding:5px 10px 10px 0;}
.contact h3 { font-size:14px;}
.by {font-size: 9px;padding: 0;text-align: left; color: #c8c8c8;}
.by a{color: #c8c8c8; text-decoration:none;}

.spacer .module {float: left; border-bottom:solid 1px #ccc;}
.spacer.w99 .module {width: 100%;}
.spacer.w49 .module {width: 50%;}
.spacer.w33 .module {width: 33.3%;}
.spacer.w24 .module {width: 24.5%;}

.readmore a{ float:right; line-height:14px; color:#fff;overflow:visible; font-size:11px; padding:4px; border-radius: 3px; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s;margin:8px;}
.readmore a:hover{ background: #555; color:#fff; text-decoration:none; margin:8px;}

ul.pagenav { display:block;} ul.pagenav li { list-style:none;}
.pagenav-prev { float:left; padding-top: 10px;}
.pagenav-next { float:right; padding-top: 10px;}
.pagination { clear:both;}
span.pagination { background:none;}
.pagination span, .pagination a, ul.pagenav li a {padding: 1px 8px; background: #fff; color: #555; font-weight: bold; font-size: 90%;}
.pagination a, ul.pagenav li a {  font-weight: bold; text-decoration:underline}
.button, .validate {  background: none repeat scroll 0 0 #757474;border: 1px solid #555555;color: #FFFFFF;font-weight: normal;margin: 4px;padding: 1px 12px;}
.button:hover,.validate:hover,.pagination a:hover,ul.pagenav li a:hover  {background:#3A759E;color:#fff;}
.inputbox, input, textarea, select {background:url("../images/buttonbg.jpg") repeat-x scroll 0 0 transparent; height:20px; border:1px solid #e1e1e1; color:#13618d; -moz-border-radius: 4px; border-radius: 4px; padding-right: 4px;}
.breadcrumbs { padding:0 0 0 10px; color:#555; font-size:11px;}

/* Search Module */
.searchbox {background: url("../images/searchbg.png") repeat-x scroll 0 0 transparent; width: 165px; height: 33px; color:#555; border-radius: 0px; border: 0px; margin-top: 11px; padding-left:7px;}
.search_button {background:url(../images/search-button.png) 0 0 no-repeat; width:30px; height:30px; border:none; text-indent:-9999em; cursor:pointer;}
.search_button:hover {background:url(../images/search-button-h.png) 0 0 no-repeat;}


/* Modules 1 */
#mods1 {overflow: hidden;padding:0; margin:0 auto;clear:both; }
#mods1 .module { padding:0; margin:0; }
#mods1 .inner { padding:10px; }
#mods1 .module-title {margin:0;padding:0 0 10px 0;}
#mods1  h3 {display: block;padding-left: 10px;padding-top: 3px;height: 20px;font-size: 18px;}
#mods1 .module-body {padding:0; margin:0;}
#mods1 ul {margin:0 10px; padding:0;}
#mods1 ul li {list-style:inside;}
#mods1-i { clear:both;}
#ath {text-indent:-9999em; height:2px; width:25%; float:right;}
/* Modules 2 */
#mods2 {overflow: hidden;padding:0; margin:0 auto;clear:both;width:960px; }
#mods2 .module { margin:0;padding:0;}
#mods2 .inner { padding:10px;}
#mods2 .module-title {margin:5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:100; color:#333; text-shadow:1px 1px #fff;}
#mods2 .module-body {padding:0; margin:0;}
#mods2 a {color:#419af8;}#mods2 a:hover {}
#mods2 ul {margin:0; padding:0;}
#mods2 ul li {list-style:inside;margin:0; padding:0;}
/* Modules 3 */
#mods3 {overflow: hidden;padding:0; margin:0 auto; clear:both; width:960px; color:#dfdfdf; background:#1a528c url(../images/mods3.png) 0 0 repeat-x;}
#mods3 .module { margin:0;padding:0;}
#mods3 .inner { padding:5px 10px 0 10px;}
#mods3 .module-title {margin:0 0 5px 0;padding:0;display: block;height: 22px;font-size: 20px;font-weight:normal; color:#fff; text-shadow:1px 1px #000;}
#mods3 .module-body {padding:0; margin:0;}
#mods3 a { color:#419af8;}#mods3 a:hover { color:#fff;}
#mods3 ul {margin:0; padding:0;}
#mods3 ul li {list-style:inside; border-bottom:1px dotted #043466; list-style:none;}
#mods3 ul li:hover {}
#mods3 ul li a {font-weight:100; display:block; padding:0 0 0 15px; background:url(../images/arrow.png) 0 50% no-repeat;}

/* Footer */
#footer .top1 {background:url(../images/mods3-top.png) 0 0 no-repeat;clear:both;}
#footer .top2 {background: url(../images/mods3-top.png) 100% 100% no-repeat; }
#footer .top3 { background: #0b58a9; height: 6px;margin:0 6px;}
#footer .bot1 {background:url(../images/mods3-bot.png) 0 0 no-repeat;clear:both;}
#footer .bot2 {background: url(../images/mods3-bot.png) 100% 100% no-repeat; }
#footer .bot3 { background: #1a528c; height: 6px;margin:0 6px;}
#footer { clear:both; margin:10px 0 0 0; padding:0;}
.footer-pad { width:960px; margin:0 auto; padding: 0;}
.copy { margin:0; padding:0 0 0 10px;font-size:12px; float:left;color:#ccc}
.copy a {font-size:12px; color:#ccc}
.cms {margin:0; text-align:center; float:center; color:#555555; font-size:9px;padding: 0;width: 290px; margin: 0 auto;}
.cms a { text-decoration:none; font-size:9px;color:#555555; font-weight:bold;padding: 0;}

/* System Messages */
#system-message    { margin: 0; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin: 0; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
#error  .error { color:#FF0000}
#error { width:600px; margin:100px auto 0 auto; padding:20px; background:#fff;-moz-border-radius:6px;border-radius:6px;}

.tg  a{color: #c0bfbf;}
.tg {border-radius:0 0 5px 5px; clear: both; color: #c0bfbf;font-size: 10px;width: 940px; text-align: center; margin: 0 auto; padding-left: 40px;}
#slide {height: 152px; color:#c6c6c6; float: left; width: 958px; margin-top:5px; margin-bottom: 5px;-moz-border-radius: 5px; border-radius:5px;-moz-box-shadow: 0 0 5px #b9b9b9;-webkit-box-shadow: 0 0 5px#b9b9b9;box-shadow: 0 0 5px #b9b9b9;}
#bookmark {float: right;margin-top: 8px;}

.back-bottom {}
/*#bottom {width:940px; padding:5px 0 0 0;
 background:#e1e1e1; margin: auto; border-top:3px solid #c4c4c4;}*/
 
#bottom {width:940px; padding:5px 0 0 0;margin: auto; border-top:2px solid #ECECEC;}
.userT  h3{color:#1A6CA9;   }
.userT {  text-shadow: #fff 0 1px; color: #555; 
padding: 0px 10px 6px 5px; float: left; 
width: 700px;  margin: 5px;}

.user1  h3, .user2  h3, .user3  h3 {color:#1A6CA9;   }
.user1 {  text-shadow: #fff 0 1px; color: #555; padding: 0px 5px 3px 4px; float: left; width: 200px;  margin: 2px;}
.user2 {text-shadow: #fff 0 1px; color: #555; padding: 0px 5px 3px 4px; float: left; width: 200px;margin: 2px;}
.user3 {text-shadow: #fff 0 1px; color: #555; padding: 0px 5px 3px 4px; float: left; width: 433px;margin: 2px;}
.pdf-icon,.print-icon,.email-icon{float: right; list-style: none; padding:5px 5px 5px 0px; margin:5px;}





/* Common style for Dark Buttons --- */
a.btn-blue,
a.btn-red,
a.btn-green,
a.btn-orange,
a.btn-black {
	background-image: url(../images/grad-d1-trans.png);
	color: #fff;
	border: 1px solid #ccc;
	text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus,
a.btn-red:hover, a.btn-red:active, a.btn-red:focus,
a.btn-green:hover, a.btn-green:active, a.btn-green:focus,
a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus,
a.btn-black:hover, a.btn-black:active, a.btn-black:focus {
	background-image: url(../images/grad-d1-trans.png);
	background-position: bottom;
	border-color: #aaa;
}

/* Button Blue*/
a.btn-blue { background-color: #08c; border-color: #08c; }

a.btn-blue:hover,
a.btn-blue:active,
a.btn-blue:focus { border-color: #006ea6; color: #fff; }

a.btn-blue span { border-color: #6ab9e1; }

/* Button Black*/
a.btn-black { background-color: #666; border-color: #666; }

a.btn-black:hover,
a.btn-black:active,
a.btn-black:focus { border-color: #333; color: #fff; }

a.btn-black span { border-color: #999; }

/* Button green*/
a.btn-green { background-color: #669900; border-color: #669900; }

a.btn-green:hover,
a.btn-green:active,
a.btn-green:focus { border-color: #4d7300;  color: #fff; }

a.btn-green span { border-color: #b1cb7d; }

/* Button red*/
a.btn-red { background-color: #cc0000; border-color: #cc0000;  }

a.btn-red:hover,
a.btn-red:active,
a.btn-red:focus { border-color: #9a0000; color: #fff; }

a.btn-red span { border-color: #e47878; }

/* Button orange*/
a.btn-orange { background-color: #e58c00; border-color: #e58c00; }

a.btn-orange:hover,
a.btn-orange:active,
a.btn-orange:focus { border-color: #a96700; color: #fff; }

a.btn-orange span { border-color: #f1c073; }

/* Common style for Rounded Buttons --- */
.btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm,
.btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span {
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px; 
	-o-border-radius: 18px; 
}

.btn-rounded-sm, .btn-rounded-sm span {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
	-o-border-radius: 12px; 
}

div.joomla h1.title span {
    font-size:22px;
    color:#000;
    letter-spacing:normal;
    line-height:26px;
}