body {
background: url(../images/bg.gif) repeat-x fixed;	
font-size: 12px;
font-family: Verdana;
color:#000000;
padding:0px;
margin:20px 0px 0px 0px;
}
img{border:0px;}
a {
font-weight:bold;
color: #000000;
text-decoration:underline;
}
a:visited {color:#000000;}
a:hover {color: #c43300;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
margin:0px }

h2 {
color: #186D18;
font-size:24px;
font-weight:bold;
padding: 10px 30px 10px 10px;
margin:0px;
}

h3 {
color: #000000;
font-size:20px;
font-weight:bold;
padding: 5px 0px 10px 10px;
margin:0px;
}

#h4 {
color: #000000;
font-size:20px;
font-weight:bold;
padding: 15px 0px 0px 0px;
margin:0px;}
#h4 a,#h4 a:link, #h4 a:visited{
color: #000000;}
#h4 a:hover {color: #c43300;}
#h4 a:active { color:#000000;}
#h5 {
color: #186D18;
font-size:24px;
font-weight:bold;
padding: 10px 17px 0px 10px;
margin:0px;
letter-spacing:inherit;
}
.special {
font-family:"Times New Roman", Times, serif;
color: #186D18;
font-size:24px;
font-weight:bold;
padding: 15px 30px 0px 7px;
margin:0px;
text-align:center;
}
.style1 {
	color: #FF0000;
	font-size:14px;
	font-weight: bold;
}
/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-left: auto;
margin-right: auto;
height:100%;
border:1px solid #8D8D8D;
background:#FFF;
}
#menu {	
	clear: both;
	margin: 0; 	
	padding: 0px 0 0px 0;		
	width: 900px;		
	background: #504745;
	float: left;
	height:35px;
}
#menu ul {
	font: bold 12px 'Verdana', sans-serif;
	color: #00FE00;
	background-color: #504745;		 	
	margin: 0 15px 0px 15px;
	padding: 0;
	display: inline;
	border-bottom: 0px solid #FFF;
	text-align:center;
	float: left;
	width:auto;
	height:35px;
}
#menu li {
	width:auto;
	float: left;
	list-style: none;
}
#menu li a {	
	display: block;
	padding: 10px 24px;	
	color: #00FE00;	
	text-decoration: none;	
}
#menu li a:hover {
	background: #C8935D;
	color: #FFF;
}
#menu li a#current  {
	background: #993333;
	color: #FFF;
}

/* ----------banner for logo-------------- */
#banner {
height:150px;
background:  url(../images//header.jpg) no-repeat top;
background-color: #e1ddd9;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 
#bannertitle{padding-top:50px;font-size:2em;font-weight:bold;}

/* -----------------content--------------------- */
#content {
background:#ffffff;
margin-left: 209px;
text-align:justify;
padding: 0px 0px 0px 0px;
}
.fish_copyright{
width:380px;
font-size:8px;
color:#F00;
text-align:justify;
}
.photo_copyright{
font-size:8px;
color:#F00;
text-align:justify;
}
p, pre{
padding: 5px 10px;
margin:0px;
margin-right:25px;
text-align:justify;
}
.p1{
padding: 10px 10px 10px 10px;
margin:0px;
text-align:justify;
}
.txt{
font-size:11px;
text-align:justify;
padding: 0px 35px 0px 0px;
width:135px;
}
.txt2{
font-size:12px;
text-align:justify;
padding: 5px 35px 10px 0px;
width:135px;
}
.txt3{
font-size:12px;
text-align:justify;
vertical-align:top;
padding: 5px 10px 10px 0px;
width:155px;
}
.txt_h1{
text-align:justify;
font-size:14px;
}
.txt_h2{
font-size:18px;
font-weight:bold;
color:#9A1212;
}
a.txt_h2:link, a.txt_h2:visited {
font-size:18px;
font-weight:bold;
color:#9A1212;
text-decoration:none;
}
a.txt_h2:hover, a.txt_h2:active {
text-decoration:underline;
}
.txt_h3{
font-size:3px;
}
.txt_h4{
color:#9A1212;
}
a.txt_h4:link, a.txt_h4:visited {
color:#9A1212;
text-decoration:none;
font-weight:normal;
}
a.txt_h4:hover, a.txt_h4:active {
text-decoration:underline;
}
.txt_h5{
font-size:6px;
}
.txt_h6{
color:#9A1212;
font-weight:bold;
}
a.txt_h6:link, a.txt_h6:visited {
color:#9A1212;
font-weight:bold;
text-decoration:none;
}
a.txt_h6:hover, a.txt_h6:active {
text-decoration:underline;
}
.t_pic{
width:164px;
float:left;
}
#fish_lib{
padding: 0px 15px 0px 12px;
margin:0px;
text-align:justify;
}
.fish_p_txt{
font-size:12px;
padding: 15px 0px 0px 0px;
width:150px;
}
.fish_p_pic{
width:135px;
padding: 15px 10px 0px 5px;
float:left;
}
#head1{
padding: 10px 10px 15px 10px;
margin:0px;
text-align:justify;
}
/* -----------------about picture--------------------- */
.pic{
text-align:center;
padding: 10px 15px 10px 10px;
}
.pic2{
text-align:center;
padding: 10px 80px 10px 80px;
}
.pic_news12{
text-align:center;
padding: 0px 15px 0px 0px;
}
.pic_news0901{
float:right;
padding: 0px 0px 0px 10px;
border:none;
width:auto;
}
.picleft2y{
text-align:left;
padding: 10px 0px 10px 13px;
}
.picright2y{
text-align:right;
padding: 10px 10px 10px 0px;
}
.pic3{
text-align:center;
padding: 10px 70px 10px 70px;
}
.mpic{
padding: 0px 0px 0px 0px;
}
#mpic{
text-align:center;
padding: 5px 15px 5px 10px;
}
#mpic2{
text-align:center;
padding: 0px 150px 0px 115px;
}
#mpic2y{
text-align:center;
padding: 0px 157px 0px 135px;
}
#mpic3{
text-align:center;
padding: 10px 100px 0px 70px;
}
#spic3{
text-align:center;
padding: 0px 35px 0px 40px;
}
#photo2y{
text-align:center;
padding: 0px 155px 0px 125px;
}
.picleft{
text-align:left;
padding: 10px 0px 10px 10px;
}
.piccenter{
text-align:center;
padding: 10px 0px 10px 7px;
}
.picright{
text-align:right;
padding: 10px 35px 10px 0px;
}
.picleft2{
text-align:left;
padding: 10px 0px 10px 10px;
}
.piccenter2{
text-align:center;
padding: 10px 0px 10px 0px;
}
.picright2{
text-align:right;
padding: 10px 0px 10px 0px;
}
.picleft3{
text-align:left;
padding: 10px 40px 10px 50px;
}
.picleft3_2{
text-align:left;
padding: 10px 40px 10px 50px;
}
.picleft3_ycenter{
text-align:left;
padding: 10px 10px 10px 10px;
}
.picleft3_145{
text-align:left;
padding: 10px 0px 10px 17px;
}
.piccenter3{
text-align:center;
padding: 10px 0px 2px 0px;
}
.picright3{
text-align:right;
padding: 10px 75px 10px 40px;
}
.picright3_105{
text-align:right;
padding: 10px 65px 10px 25px;
}
.piccenter_res{
text-align:center;
padding: 10px 0px 15px 0px;
}
.picleft_res{
text-align:left;
padding: 10px 0px 20px 0px;
}
.picright_res{
text-align:right;
padding: 10px 0px 20px 0px;
}
#lib{
padding: 5px 0px 10px 10px;
}
.lib_pic{
float:left;
width:150px;
margin-bottom:7px;
}
.lib{
padding: 5px 0px 10px 10px;
height:0px;
width:650px;
}
.lib_txt{
text-align:left;
width:450px;
line-height:1em;
}
.con_txt{
float:left;
text-align:justify;
width:300px;
line-height:1.7em;
font-size:14px;
}
.con_pic{
text-align:right;
}
.home_pic{
text-align:left;
width:275px;
padding: 20px 0px 0px 10px;
}
.con_flag{
text-align:left;
padding: 0px 0px 0px 10px;
}
.home_txt_left{
text-align:justify;
vertical-align:top;
padding: 7px 30px 0px 10px;
}
.home_pic_left{
text-align:left;
padding: 10px 0px 0px 10px;
}
.home_txt_right{
text-align:justify;
vertical-align:top;
padding: 15px 0px 0px 15px;
}
.home_pic_right{
text-align:right;
vertical-align:top;
padding: 10px 35px 0px 0px;
}
#resort{
padding: 0px 35px 0px 10px;
}
.resort_txt{
text-align:justify;
width:385px;
padding: 3px 0px 0px 0px;
}
.resort_txt_pic{
text-align:center;
height:25px;
font-size:10px;
font-weight:bold;
}
.resort_txt_left{
text-align:center;
padding: 0px 30px 0px 0px;
height:25px;
font-size:10px;
font-weight:bold;
}
.resort_txt_right{
text-align:center;
padding: 0px 30px 0px 30px;
font-size:10px;
font-weight:bold;
height:25px;
}
.resort_pic{
text-align:left;
width:275px;
padding: 10px 0px 0px 10px;
}
.resort_pic_left{
text-align:left;
padding: 0px 0px 0px 10px;
}
.resort_pic_right{
text-align:right;
padding: 10px 35px 0px 0px;
}
.pro_pic{
text-align:left;
width:275px;
padding: 10px 0px 10px 10px;
}
.pro_pic_left{
text-align:left;
padding: 10px 0px 10px 10px;
}
.pro_pic_right{
text-align:right;
padding: 10px 35px 10px 0px;
}
.ask_txt{
text-align:justify;
}
.ask_pic{
text-align:left;
width:190px;
padding: 10px 0px 0px 10px;
}
.use{
padding: 5px 0px 10px 10px;
height:0px;
width:640px;
}
.use_pic{
text-align:left;
width:330px;
padding: 7px 0px 0px 10px;
border:#000000;
}
.use_pic a {
	font-weight:bold;
	color: #000000;
	border:#000000;
}

.use_txt{
float:left;
line-height:1.1em;
width:auto;
}

/* --------------left navi------------- */
#left {
float: left;
width: 209px;
margin: 0px 0px 0px 0px;
padding: 0px;
background:#E3E3E3;
}

/* -----------footer--------------------------- */
#footer {
width:900px;
clear: both;
margin: 0px 0px 0px 0px;
height:35px;
text-align:left;
background: #504745;
color:#CCCCCC;
font-size:10px;
}
 #footer h1 a{
 font-size:10px;
 color:#CCCCCC;
 }
  #footer h1{
  	font-size:10px;
  	padding:12px 5px 0px 0px;
  	margin-left:0;
	margin-right:0;
	text-align:center;
 }

/**********vertical menu***************/
.verticalmenu {
   display: block;
   font: bold 12px "Verdana", Arial, Helvetica, sans-serif;
   color: #9A1212;
   text-decoration: none;
   text-align: left;
   width: 200px;
 }
.verticalmenu ul{
 list-style:none;
 padding-left:20px;
 padding-top:20px;
 padding-right:60px;
 margin: 0px;
}

.verticalmenu li,.verticalmenu a:link, .verticalmenu a:visited{
   display: block;
   font: bold 12px "Verdana", Arial, Helvetica, sans-serif;
   color: #9A1212;
   text-decoration: none;
   text-align: left;
   height: 35px;
 }

.verticalmenu a:hover{
   color: #dc4d1b;
   padding: 0px 0px 0px 5px;
 }
.weather{
	width:150px;
	height:50px;
	/*
	width:165px;
	border:#9A1212 thin solid;
	height:110px;
	*/
	margin-left:10px;
	margin-top:8px;
}
.weather_img{
	margin-left:10px;
	margin-right:10px;
}

#outer{
height:auto;
padding: 30px 0px 0px 0px;
}
#inner{
padding:0px 0px 0px 0px;
background:#E3E3E3;
}
#tb_main{
padding:0px 0px 0px 0px;
}
.tb_title{
width:550px;
padding:5px 0px 5px 5px;
text-align:left;
background:#CCFF99;
border-bottom:#000000;
border-left:#000000;	
border-right:none;
border-top:#000000;
}
.tb_hits{
padding:5px 8px 5px 0px;
width:70px;
text-align:right;
background:#CCFF99;
border-bottom:#000000;
border-left:none;	
border-right:#000000;
border-top:#000000;
}
.tb_title1{
width:550px;
padding:5px 0px 5px 5px;
text-align:left;
border-bottom:#000000;
border-left:#000000;	
border-right:none;
}
.tb_hits1{
padding:5px 8px 5px 0px;
width:70px;
text-align:right;
border-bottom:#000000;
border-left:none;	
border-right:#000000;
}
.fmenu{
	width:200px;
	height:460px;
}
.bt {
	width:900px;
	height:35px;
}

.txt_bt {
	background: #504745;
	color:#CCCCCC;
	font-size:10px;
	margin-top: 12px;
	margin-left:0;
	margin-right:0;
	text-align:center;
}
 .txt_bt  h1 a{
 font-size:10px;
 color:#CCCCCC;
 }
  .txt_bt  h1 a:hover{
 font-size:10px;
 color:#CCCCCC;
 text-decoration:none;
 }
  .txt_bt  h1{
  font-size:10px;
  }
.publish a {
color: #000000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.publish a:link, .publish a:visited{
color: #9A1212;}
.publish a:hover {color: #dc4d1b;}
.publish a:active { color:#000000;}
.tb_pub{
padding:5px 0px 5px 5px;
text-align:left;
background:#CCFF99;
border-bottom:#000000;
border-left:#000000;	
border-right:#000000;
border-top:#000000;
}
.tb_pub1{
padding:5px 0px 5px 5px;
text-align:left;
border-bottom:#000000;
border-left:#000000;	
border-right:none;
}
.tb_pubsize1{
padding:5px 8px 5px 0px;
text-align:left;
border-bottom:#000000;
border-left:none;	
border-right:#000000;
} 
hr{
margin:0px;
margin-left:10px;
margin-right:35px;
text-align:center;
}
.hr1{
margin:0px;
margin-left:10px;
margin-right:35px;
text-align:center;
color:#000;
}
.res_menu_top {
padding:5px 0px 5px 0px;
text-align:center;
background:#CCFF99;
border-bottom:#000000;
border-left:#000000;	
border-right:#000000;
border-top:#000000;
}
.res_menu_left {
width:470px;
padding:5px 0px 5px 5px;
text-align:left;
border-bottom:#000000;
border-left:#000000;	
border-right:none;
}
.res_menu_right{
padding:5px 8px 5px 0px;
width:110px;
text-align:right;
border-bottom:#000000;
border-left:none;	
border-right:#000000;
}
#res_1st{
text-align:center;
padding: 10px 35px 10px 10px;
}
#res_tb{
text-align:center;
padding: 10px 35px 0px 10px;
}
#res_thai_tb{
text-align:center;
padding: 10px 35px 0px 10px;
}
.flights_txt{
text-align:justify;
width:570px;
padding: 0px 35px 0px 0px;
}
.flights_pic{
margin-right:5px;
}
/* Photo gallery */
#tb_photo {
text-align:center;
margin: 0; 
padding: 0;
}
#photo {
background:#FFFFFF;
text-align:center;
margin: 0; 
padding: 0;
}
#photo ul {
margin: 0; 
padding: 0;
list-style-type: none;
width:auto;
float:inherit;
} 
#photo li {
float:left;
text-align:center;
display: block;
width:181px;
background:#FFF;
padding-right:42px;
padding-bottom:20px;
}
.txt_back{
height:25px;
padding-top:12px;
padding-bottom:8px;
padding-right:50px;
text-align:center;
}
#photo_pic{
text-align:center;
padding: 0px 170px 20px 125px;
}
#photo_pic2{
text-align:center;
padding: 0px 185px 0px 125px;
}
.photo_picleft2{
text-align:left;
}
.photo_picright2{
text-align:right;
}
/*text random*/
.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
border:0px;
}
.qoute{
color:#9A1212;	
text-align:left;
font-size:16px;
font-family:"Courier New", Courier, monospace;
border:0;
}
a.qoute:link, a.qoute:visited {
color:#9A1212;		
text-decoration:none;
}
a.qoute:hover, a.qoute:active {
color:#9A1212;
text-decoration:none;
}
.qoute1{
color:#9A1212;	
text-align:left;
font-size:11px;
font-weight:normal;
font-style:italic;
}
a.qoute1:link, a.qoute1:visited {
color:#9A1212;	
text-align:left;
font-size:11px;
font-style:italic;
text-decoration:none;
}
a.qoute1:hover, a.qoute1:active {
text-decoration:none;
}
.topic{
text-align:left;
font-size:22px;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}
/*Flow plan*/
.flow_plan{
text-align:left;
width:360px;
padding: 7px 0px 0px 10px;
}
.flow_plan_txt{
font-size:13px;
text-align:justify;
width:290px;
padding: 0px 0px 0px 0px;
}
.bg_flow_plan{
background:url(../images/flow_plan/flowplan.jpg);
border:#000 solid 1px;
width:360px;
height:283px;
}
.box{
	width:292px;
}
.country_box{
	width:295px;
}