@font-face {
 font-family: MyCustomFont;
 src: url("Kunlasatri-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("Kunlasatri-Bold.ttf") /* TTF file for CSS3 browsers */
}


body {
	font-family:tahoma,verdana,arial;  
	font-size:14px; 
	color: #494441;
	--background: url(images/bgweb3.jpg);  
	padding:  0px;
	margin:   0px;
	outline: none;
    outline-color: none;
    outline-width: none;
    border: none;

}


A {
  color: #288B02;
  text-decoration: none;
}

A:hover {
  color: #288B02;
  text-decoration: underline;
}

.web {
  color: #494441;
  text-decoration: none;
}

.web:hover {
  color: #494441;
  text-decoration: none;
}

.style1 {
	color: #FF6600;
	font-weight: bold;
}
.style2 {
	color: #0099CC;
	font-weight: bold;
}
.style3 {color: #FF0066}
.style9 {color: #006699}
.style10 {color: #FF0000}

.style11 {color: #01be01}



.news {
  color: #494441;
  text-decoration: none;
}

.news:hover {
  color: #de6e48;
  text-decoration: none;
}

.s1 {
  color: #ffffff;
  font-size:14px;
  text-decoration: none;
}

.l1 {
  color: #ff8a00;
   font-size:22px; 
  text-decoration: none;
}


.l2 {
  color: #0099CC;
  font-size:20px; 
  text-decoration: none;
}



.l3 {
  color: #fddad3;
  font-size:13px; 
  text-decoration: underline;
}

.l3:hover {
  color: #ffffff;
  font-size:13px; 
  text-decoration: none;
}

.h3 {
  color: #555555;
  font-size:18px;
  text-decoration: none;
}

.a3 {
  color: #de6e48;
  font-size:15px;
  text-decoration: underline;
}

.menu {
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  color: #ffffff;
  display: block;
  width: 100px;
  height: 30px;
  background-color: #2E9401;
  text-decoration: none;
}

.menu:hover {
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  color: #2E9401;
  display: block;
  width: 100px;
  height: 30px;
  background-color: #ffffff;
  text-decoration: none;
}

.menu2 {
  color: #ffffff;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 200px;
  height: 30px;
  text-decoration: none;
}

.menu2:hover {
  color: #2E9401;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 200px;
  height: 30px;
  background-color: #ffffff;
  text-decoration: none;
}

.menu3 {
  color: #ffffff;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 150px;
  height: 30px;
  text-decoration: none;
}

.menu3:hover {
  color: #2E9401;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 150px;
  height: 30px;
  background-color: #ffffff;
  text-decoration: none;
}

.menu4 {
  color: #ffffff;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 120px;
  height: 30px;
  text-decoration: none;
}

.menu4:hover {
  color: #2E9401;
  font-family: MyCustomFont;
  font-size: 24px;
  line-height:35px;
  display: block;
  width: 120px;
  height: 30px;
  background-color: #ffffff;
  text-decoration: none;
}

.v1 {
  color: #de6e48;
  font-size:14px;
  text-decoration: none;
}

.a2 {
  color: #494441;
  font-size:14px;
  text-decoration: underline;
}

.h2 {
  color: #494441;
  font-size:16px;
  text-decoration: underline;
}

td{
 font-family: tahoma,verdana,arial;  
 font-size: 14px;
 line-height: 22px;
 color: #494441;
}

img{
    padding:  0px;
	margin:   0px;
	outline: none;
    outline-color: none;
    outline-width: none;
    border: none;
}

.PhotoViewer
{
    height: 520px;
    width: 980px;
    margin-left: 0px;
    outline: 0px;
    border:none;
    outline:none;
}

a.button {
display: block;
width: 109px;
height: 33px;
color:#ffffff;
line-height:30px;
text-decoration: none;
background-image: url('images/button1.png') ;
}

a.button:hover {
color:#ffffff;
background-image: url('images/button2.png') ;
}

object, embed, Frame, IFrame, a, a img, a:active, a:selected, a:visited {
    outline:none;
  border: none;
  outline-color: none;
  outline-width: none;
    }
.social{
	overflow:hidden;
	margin: 0 auto;
	position:absolute;
	width:160px;
	position:absolute;
	right:40;
	top:35px;
	height:48px;

repeat; 		padding:24px 10px 0 5px;
}
.social a{ display:block; float:left;width:24px;height:24px; overflow:hidden; margin-left:15px;}
.social a:first-child{margin: 0 0 0 0;}
.social a:hover img{ margin-top:-24px;}
