/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

ul{list-style-type:none;}

form {
  display:inline;
}

body{
	margin:0;
	color:#232323;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-attachment: scroll;
	background-image: url(../images/sf-body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	/*background-color: #f7fcf8;*/
	font-family: MS Sans Serif, Tahoma ,sans-serif;

}

body, td{
	font-family: MS Sans Serif, Tahoma ,sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.3em;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: none;
	font-weight: normal;
}

input.button { cursor: pointer; }

input.text {
	padding: 2px 5px;
	background: #F8FAEB;
	border-top: 1px solid #abaaaa;
	border-left: 1px solid #abaaaa;
	border-right: 1px solid #abaaaa;
	border-bottom: 1px solid #abaaaa;
}

p { margin-top: 0; margin-bottom: 5px; }


img { border: 0 none; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
	padding: 5px 0;
	margin-bottom: 0px;
	/*background-color:#66CCFF;*/
}

div#main_bg{
	margin:0px auto;
	/*width: 989px;  */    /*ความกว้างหน้าเว็บ*/
	width: 950px;  	
	text-align:left;
}

.search {
	text-align:right;
	height:42px;
	padding:2px 25px 0px 0px;
}
.search .inputbox {
	background:#fcc809;
	width: 156px;
	height: 15px;
	font-size: 11px;
	color: #ffffff;
	padding:5px 2px 2px 2px;
	border: 1px solid #e4b300;
}


#br{
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	width:auto;
	border:0px ;
	height:2px;
	color: #FFFFFF;	
}

#banner{
	margin-left: 0px;
	margin-right: 0px;
	/*width: 963px;*/  /* ความกว้าง Banner */
	width:950px;
	height:160px;
	/*background: url(../images/header.jpg) bottom repeat-x;*/
}


#leftcolumn{
	padding: 0px;
	/*margin: 0px auto;*/
	margin-top:0px;
	padding-left:0px;
	/*width: 225px;*/ /* ความกว้างคอลัมซ้าย */
	width: 0px;
	float:left;
	background-color: #ffffff;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#rightcolumn{
	padding: 0px;
	/*margin: 0px auto;*/
	margin-top:0px;
	padding-left:0px;
	/*width: 225px;*/ /* ความกว้างคอลัมซ้าย */
	width: 250px;
	float:left;
	background-color: #f7f2e8;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumn{
	/*width: 735px;*/ /* ความกว้างคอลัมหลัก */
	width: 700px;
	float:left;
	margin:0px;
	margin-top:0px;
	padding:0px;
	/*background-color: #f2f2f2;*/
	background-color: #f7f2e8;
	border-left:1px solid #f7f2e8;
	border-right:1px solid #f7f2e8;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumntwo{
	/*width: 735px;*/ /* ความกว้างคอลัมหลัก */
	width: 610px;
	float:left;
	margin:0px;
	margin-top:2px;
	padding:0px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	border-left:2px solid #f7ebeb;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumnthree{
	/*width: 735px;*/ /* ความกว้างคอลัมหลัก */
	width: 950px;
	float:left;
	margin:0px;
	margin-top:2px;
	padding:0px;
	/*background-color: #f2f2f2;*/
	background-color: #ffffff;
	border-left:2px solid #f7ebeb;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}


#bordertable{
	border-bottom:1px solid #b6cca6; 
	border-top:1px solid #b6cca6;  
	border-right:1px solid #b6cca6;
	border-left:1px solid #b6cca6;
}

#bordertable1{
	border-bottom:1px solid #e7e7e7; 
	border-top:1px solid #e7e7e7;  
}

#bordertable2{
	border-bottom:1px solid #cccccc; 
	border-top:1px solid #cccccc;  
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#bordertabledata{
	border-bottom:1px solid #cccccc; 
	border-top:1px solid #cccccc;  
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	padding:15px;
}

#bordertabledata1{
	border-bottom:1px solid #cccccc; 
	border-top:1px solid #cccccc;  
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

#borderrighttable{
	border-right:1px solid #cccccc;
}

#DisplayRowHead{
	background-color: #7a8ff3;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
	color: #FFFFFF;
}

#DisplayRow1{
	background-color: #f4f8fb;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#DisplayRow2{
	background-color: #f0f0f0;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

div.path{
	padding:10px 0 0 5px;
	border-bottom:2px solid #ffd324;
	/*background-color: #FFFFFF;*/
}


form#form-login fieldset { 
	border: 0 none; 
	margin: 0;
	margin-left:10px;
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0px;
	font-size: 10px;
	color: #858585;
}

ul.latestnews {
	padding:10px 0px 10px 15px;
	margin:0px;
}

div.componentheading{
	font-weight:bold;
	font-size:16px;
	margin:7px auto;
	border-bottom:5px solid #ffd324;
}

td.contentheading, td.buttonheading{
	font-weight:bold;
	font-size:16px;
	color:#7c3636;
/*	height:33px;
	background: url(../images/contentheading_line.png) bottom repeat-x;*/
	/*border-bottom:5px solid #ffd324;*/
}

#fontfooter{
	font-weight:bold;
	font-size: 10px;
	color:#000000;
	FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif
}

#search_strip{
	width:1004px;
	height:76px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #dcd66e;
	text-decoration: none;
	padding: 0px;
	float: none;
	background-image: url(images/search_strip.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.search_area {
	float: left;
	height: 58px;
	width: 300px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	/*background-image: url(../images/search.png);*/
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 530px;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}


.search_box {
	margin: 0px;
	float: left;
	height: 24px;
	width: 165px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	color: #b2d2d5;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}


.searchtextbox {
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 158px;
	border: 1px solid #999999;
}
.searchtextbox:hover {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 18px;
	width: 158px;
	border: 1px solid #333333;
	FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}
.search_go{
	margin: 0px;
	float: left;
	height: 24px;
	width: 35px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}
.go {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/go.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 18px;
	width: 34px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}
.go:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/go1.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 18px;
	width: 34px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumn p.more{
	width:420px; 
	height:25px; 
	float:left; 
	background:url(../images/sky-color-bg.jpg) 0 10px repeat-x; 
	padding:10 0 20px 30;
}

#maincolumn p.more a{
	width:80px; 
	height:21px; 
	display:block; 
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#958201; 
	line-height:21px; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 240px; 
	padding:4px 0 0 50px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumn p.more a:hover{
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#645804; 
	text-decoration:none;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumn p.more1{
	width:420px; 
	height:25px; 
	float:left; 
	background:url(../images/sky-color-bg.jpg) 0 10px repeat-x; 
	padding:10 0 20px 30;
}

#maincolumn p.more1 a{
	width:100px; 
	height:21px; 
	display:block; 
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#958201; 
	line-height:21px; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 240px; 
	padding:4px 0 0 50px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#maincolumn p.more1 a:hover{
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#645804; 
	text-decoration:none;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}


#rightcolumn p.more2{
	width:80px; 
	height:25px; 
	float:left; 
	background:url(../images/sky-color-bg.jpg) 0 10px repeat-x; 
	padding:10 0 20px 30;
}

#rightcolumn p.more2 a{
	width:70px; 
	height:21px; 
	display:block; 
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#958201; 
	line-height:21px; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 30px; 
	padding:4px 0 0 50px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#rightolumn p.more2 a:hover{
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#645804; 
	text-decoration:none;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#leftcolumn p.more3{
	width:80px; 
	height:25px; 
	float:left; 
	background:url(../images/sky-color-bg.jpg) 0 10px repeat-x; 
	padding:10 0 20px 30;
}

#leftcolumn p.more3 a{
	width:90px; 
	height:21px; 
	display:block; 
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#958201; 
	line-height:21px; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 30px; 
	padding:4px 0 0 40px;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}

#leftcolumn p.more3 a:hover{
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff; 
	color:#645804; 
	text-decoration:none;
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}


#maincolumn ul.events{
	float:left; 
	background:#fff; 
	color:#5F7A77; 
	padding:5px 0 0 10px;
}

#maincolumn ul.events li.captionthree{
	background:#fff; 
	color:#AC9601; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:none;
}

#maincolumn ul.events li a{
	width:293px; 
	height:20px; 
	display:block; 
	background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color:#959595; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 12px;
}
#maincolumn ul.events li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:underline;
}

/*----Menu Panel----*/
#menuPan{
	width:950px; 
	height:33px; 
	background:url(../images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto;
}

#menuPan ul{
	width:950px; 
	height:28px; 
	position:absolute; 
	top:-25px; 
	left:123px;
}
#menuPan ul li{
	width:113px; 
	height:28px; 
	float:left;
}
#menuPan ul li a{
	width:109px; 
	height:28px; 
	display:block; 
	background:#FED38D; 
	color:#2F2A28; 
	/*border-right:1px dashed #969260; */
	FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
	font-weight:bold; 
	text-align:center; 
	text-decoration:none;
}

#menuPan ul li a:hover{
	width:112px; 
	height:28px; 
	background:#FED38D; 
	color:#fff; 
	border:none; 
	text-decoration:none;
}

#menuPan ul li.home{
	width:112px; 
	height:28px; 
	background:#faa23a; 
	color:#fff; 
	FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
	font-weight:bold; 
	text-align:center; 
	border:none; 
	text-decoration:none;
}

#menuPan ul li.contact a{
	width:112px; 
	height:28px; 
	display:block; 
	background:#FED38D; 
	color:#2F2A28; 
	border:none; 	
	FONT-WEIGHT: bold; FONT-SIZE: 14px; FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
	text-align:center; 
	text-decoration:none;
}
#menuPan ul li.contact a:hover{
	width:112px;
	height:28px; 
	background:#FED38D; 
	color:#fff; 
	border:none; 
	text-decoration:none;
}

/*----End Menu Panel----*/

#leftcolumn ul.services{
	float:left; 
	background:#fff; 
	color:#5F7A77; 
	padding:2px 0 0 15px;
}

#leftcolumn ul.services li.captionone{
	background:#fff; 
	color:#AC9601; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:underline;
}

#leftcolumn ul.services li{
	width:137px; 
	height:20px;
}

#leftcolumn ul.services li a{
	width:125px; 
	height:20px; 
	display:block; 
	background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color:#959595; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 12px;

}

#leftcolumn ul.services li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:underline;
}

#rightcolumn ul.servicestwo{
	float:left; 
	background:#fff; 
	color:#5F7A77; 
	padding:0px 0 0 15px;
}

#rightcolumn ul.servicestwo li.captiontwo{
	background:#fff; 
	color:#AC9601; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:underline;
}

#rightcolumn ul.servicestwo li{
	width:137px; 
	height:20px;
}
#rightcolumn ul.servicestwo li a{
	width:125px; 
	height:20px; 
	display:block; 
	background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 12px;
}
#rightcolumn ul.servicestwo li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:underline;
}

#btrightPan{
	width:170px; 
	float:left; 
	FONT-FAMILY: MS Sans Serif, Tahoma ,sans-serif;
}
#btrightPan #graph{
	width:170px; 
	height:58px; 
	display:block; 
	background:url(../images/side-frame.jpg) 0 0 no-repeat; 
	font-size:16px; 
	line-height:18px; 
	position:relative; 
	margin:0 auto;
}

#btrightPan #graph h2{
	width:80px; 
	height:22px; 
	display:block; 
	background:#fff; 
	color:#FF8700; 
	font-size:16px; 
	position:absolute; 
	top:-2px; 
	left:86px;
}
#btrightPan #graph p{
	font-size:14px; 
	position:absolute; 
	top:30px; 
	left:86px;
}
#btrightPan #graph a{
	width:170px; 
	height:58px; 
	display:block; background:url(../images/graph-nor.jpg) 13px 0 no-repeat; 
	font-size:0px; 
	text-decoration:none; 
	margin:0 0 0 1px; 
	text-indent:-1000px
}
#btrightPan #graph a:hover{
	background:url(../images/graph-hover.jpg) 13px 0 no-repeat; 
	text-decoration:none;
}

#rightcolumn ul.servicesthree{
	float:left; 
	border-bottom:1px solid #B1DED5; 
	border-top:1px solid #B1DED5;  
	border-right:1px solid #B1DED5;
	background:#fff; 
	color:#5F7A77; 
	padding:5px 0 0 14px;
}

#rightcolumn ul.servicesthree li.captionthree{
	background:#fff; 
	color:#AC9601; 
	font-size:12px; 
	font-weight:bold; 
	text-decoration:underline;
}

#rightcolumn ul.servicesthree li{
	width:140px; 
	height:20px;
}
#rightcolumn ul.servicesthree li a{
	width:140px; 
	height:20px; 
	display:block; 
	background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:none; 
	line-height:20px; 
	padding:0 0 0 10px;
}
#rightcolumn ul.servicesthree li a:hover{
	background:url(../images/bullet2-hover.gif) 0 7px no-repeat #fff; 
	color:#5F7A77; 
	text-decoration:none;
}