body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background: #0459AC url(images/background4.gif) top left repeat-x;
	}

td {
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}
	
p {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0 10px 0;
	padding: 0;
	}

p.center {
	text-align: left;
	}

p.quest, span.quest {
	font-weight: bold;
	color: #000;
	margin-bottom:3px;
	}

p.copyright {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004990;
	line-height: 20px;
	text-align: center;
	margin-bottom:3px;
	}

p.small2 {
	font-size: 11px;
	font-weight: bold;
	color: red;
	text-align: center;
	margin-bottom:3px;
	}

p.big, span.big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom:3px;
	}
	
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #008000;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 3px;
	padding: 0px;
	}

h1.uline	{
	padding-bottom: 3px;
	border-bottom: 1px solid #417BC2;
	}
	
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004990;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	}

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #C00;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	}

h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #004990;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	}

.hed4 {
	font: normal bold 22px Arial, Verdana, Helvetica, sans-serif;
	color: #004990;
	}

.header1 {
	border: 1px solid #64b1ff;
	background-color: #ddeeff;
	padding: 4px 5px;
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
}

.header2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin: 0;
	}

.header3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #004990;
	}

.hline {
	border: none;
	background-color:#417BC2;
	color:#417BC2;
	height: 1px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}

.pageof {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;
	float: right;
	margin-right: 10px;
	margin-top: -17px;
	}

.copyright {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #FFF;
	background-color: #417BC2;
	text-align: center;
	}

.copyright2 {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	}

.address {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	}

.bottom {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	}
	
.small {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.smaller {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

.smallest {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
	
.smallestwhite {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	}

.sml {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}

.qtip {
	font: 14px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #CC0000;
	}

.search {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	}

.greentxt	{
	color: #008000;
	}
	
.redtxt	{
	color: red;
	}
	
.bluetxt	{
	color: #004990;
	}
	
.whitetxt	{
	font-size: 30px;
	font-weight: bold;
	color:#FFFFFF;
	}

li.bullits {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-image: url(images/bullet7.gif);
	margin: 0px 10px;
	text-align: justify;
	line-height: 15px;
	}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333;
	margin-top: 0px;
	margin-bottom: 10px;
	}
	
.style7 {
	color: green;
	font-weight: bold;
	}

.style8 {
	color: red;
	font-weight: bold;
	}

.style10 {color: #666666}

.line1	{
	border-top: 1px solid #DBDBDB;
	margin-top: 2px;
	margin-bottom: 1px;
	}

.member {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	}

.totop {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #004990;
	} 

.bullet1 {
	font-family: Tahoma, Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	list-style-image: url(images/arrow4.gif);
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 30px;
	margin-right: 30px;
	padding: 0;
	text-align: justify; 
	line-height:150%
	}

.bullet2 {
	font-family: Tahoma, Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	list-style-image: url(images/arrow4.gif);
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 30px;
	padding: 0; 
	line-height:125%
	}

.bullet3 {
	font-family: Tahoma, Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 75px;
	margin-right: 50px;
	padding: 0;
	text-align: justify; 
	line-height:125%
	}

.bullet4 {
	font-family: Tahoma, Arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 120px;
	margin-right: 70px;
	padding: 0;
	text-align: justify; 
	line-height:125%
	}

.bullet5 {
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif; 
	font-size: 12px; 
	color: #000;
	list-style-image: url(images/arrow_r.gif);
	margin-top: 0;
	margin-bottom: 15px;
	margin-left: 30px;
	padding: 0; 
	line-height:150%
	}

.bullet6 {
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif; 
	font-size: 12px;
	color: #CCCCFF;
	list-style-type: disc;
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 15px;
	padding: 0; 
	line-height:125%
	}

.section {
	border-top: 1px dotted #003366;
	margin-top: 10px;
	margin-bottom: 15px;
	}

.photo22222 {
	border: 2px solid #F1E3C7;
	}

.pict1 {
	margin: 15px 0px 25px 0;
	}
	
.pict2 {
	margin: 3px 20px 20px 0;
	}
	
.pict3 {
	margin: 20px 0px 20px 20px;
	}
	
.pict4 {
	margin: 0px 0px 20px 20px;
	}

.pict5 {
	margin: 20px 20px 0 20px;
	}

.outline {
	border: solid 1px #003366;
	background-color: #F4F7FB;
	}

.outline2 {
	border: solid 1px #64b1ff;
	background-color: #F4F7FB;
	}
.outline3 {
	border: solid 1px #80BF80;
	background-color: #F4F7FB;
	}

.outline4 {
	border: solid 1px #004284;
	background-color: #F4F7FB;
	}

.outline5 {
	border: solid 1px #FF9900;
	background-color: #FFFCF0;
	}

.outline9 {
	border: solid 1px #64b1ff;
	background-color: #F4F7FB;
	}

.show {
	display: none;
	}

#table222 {
	display: none;
	}
	
.clear {
	display:block;
 	clear:both;
  	height:1px;
  	font-size:1px;
  	line-height:1px;
  	}
  
A.side:link {
	TEXT-DECORATION: underline; 
	color: #004990;
	}
	
A.side:visited {
	TEXT-DECORATION: underline; 
	color: #004990;
	}
	
A.side:hover {
	TEXT-DECORATION: underline; 
	color: red;
	}
	
A.side:active {	
	TEXT-DECORATION: underline; 
	color: #008000;
	}

A.grey:link {
	TEXT-DECORATION: none; 
	color: #000;
	}
	
A.grey:visited {
	TEXT-DECORATION: none; 
	color: #000;
	}
	
A.grey:hover {
	TEXT-DECORATION: underline; 
	color: red;
	}
	
A.grey:active {	
	TEXT-DECORATION: underline; 
	color: #008000;
	}

A.next:link {
	TEXT-DECORATION: none; 
	color: #004990;
	}
	
A.next:visited {
	TEXT-DECORATION: none; 
	color: #004990;
	}
	
A.next:hover {
	TEXT-DECORATION: underline; 
	color: red;
	}
	
A.next:active {	
	TEXT-DECORATION: underline; 
	color: #008000;
	}

a.more:link {
	TEXT-DECORATION: none; 
	color: red;
	}
	
a.more:visited {
	TEXT-DECORATION: none; 
	color: red;
	}
	
a.more:hover {
	TEXT-DECORATION: underline; 
	color: red;
	}
	
a.more:active {	
	TEXT-DECORATION: underline; 
	color: #008000;
	}

.button_blue {
	margin-bottom:10px; 
	font-family:verdana,arial,helvetica; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:11px; 
	color:#004990;
	line-height: 30px;  
	padding:1px 4px 2px 4px; 
	background-color:#FFFFFF; 
	border:1px #FFFFFF solid;
}

a.button_blue:hover {
	color:#FFFFFF; 
	background-color:#004990;
	border:1px #004990 solid; 
}

.button_blue_over {
	margin-bottom:10px; 
	font-family:verdana,arial,helvetica; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:11px; 
	color:#FF0000;
	line-height: 30px; 
	padding:1px 4px 2px 4px; 
	background-color:#FFFFFF; 
	border:1px #004990 solid;
}

.button_more {
	margin-bottom:10px;
	line-height: 15px; 
	font-family:arial, verdana, helvetica;
	font-weight:bold;
	text-decoration:none; 
	font-size:10px; 
	color:#FF0000;
	padding:0px 4px 0px 4px;
	background-image:url(images/more-02.gif);
	background-repeat: no-repeat;
	background-position: center right;	 
	background-color:#FFFFFF; 
	border:1px #FF0000 solid;
}

a.button_more:hover {
	color:#FFFFFF;
	background-image:url(images/more-01.gif);
	background-repeat: no-repeat;
	background-position: center right; 
	background-color:#FF0000;
	border:1px #FF0000 solid; 
}

.button_pic {
	margin-bottom:10px; 
	font-family:arial, verdana, helvetica; 
	font-weight:bold; 
	text-decoration:none; 
	font-size:11px; 
	color:#004990;
	line-height: 30px;  
	padding:3px 6px 3px 6px; 
	background-color:#FFFFFF; 
	border:1px #004990 solid;
}

a.button_pic:hover {
	color:#004990; 
	background-color:#E5EFF0;
	border:1px #004990 solid; 
}

.button_close {
	background-image:url(images/close.gif);
	background-repeat: no-repeat;
	background-position: center left;	 
	background-color:#FFFFFF; 
	border:1px #004990 solid;
}

.button_next {
	background-image:url(images/next.gif);
	background-repeat: no-repeat;
	background-position: center right;	 
	background-color:#FFFFFF; 
	border:1px #004990 solid;
}

.button_previous {
	background-image:url(images/previous.gif);
	background-repeat: no-repeat;
	background-position: center left;	 
	background-color:#FFFFFF; 
	border:1px #004990 solid;
}

.text-normal {
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

.form {
	font-family: Tahoma, Arial;
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.form2 {	
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #004990;
	}

.loginform {
	font-size: 11px;
	color: #0066CC;
}

.propform {
	font-size: 11px;
}

.submitit {
	font-size: 11px;
}

.bg-green {
	background-image: url(images/bg-green-vert.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.bg-rem {
	background-image: url(images/REM-logo-sml.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.bg-news {
	background-image: url(news/images/TREPG-news.gif);
	background-repeat: no-repeat;
	background-position: 409px 10px;
	margin-top: 25px;
}

.bg-map {
	background-image: url(images/thai_map.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.bg-loading {
	background-image: url(images/loading-image.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg-loading2 {
	background-image: url(images/loading-image2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.spacer-green {
	background-image: url(images/spager-g.gif);
	background-repeat: repeat-y;
}



/* Menu Tabs
----------------------------------------------- */

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 11px Arial;
/* width: 100%; */
border: 1px solid #625e00;
border-width: 0 0 0 0;
background: black url(images/blockdefault.png) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a#current{
color: white;
background: transparent url(images/blockactive.png) center center repeat-x;
}

#solidblockmenusmenuline{
clear: both;
padding: 0;
width: 100%;
height: 6px;
line-height: 6px;
background: #7fb507; /*Brown color theme*/ 
}


.content-container {
	width: 599px;
	*width: 609px;
	w\idth: 600px;
	border: 1px solid #91a7b4;
	padding: 5px;
	*margin-right: 10px;
}


/* Video Gallery
----------------------------------------------- */
.photogallery { /*CSS for TABLE containing a photo album*/
}

.photogallery td {
	padding: 10px;
	text-align: center;
}

.photogallery td a {
	text-align: center;
	color: #0066CC;
	text-decoration: none;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.photogallery td a:hover {
	color: #CC0000;
	text-decoration: underline;
}

.photogallery img{ /*CSS for images within an album*/
border: 1px solid #91a7b4;
text-decoration: none;
margin-bottom: 5px;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 12px Arial;
margin-left: 20px;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}

#wrap	{
	width: 1024px;
	margin-top: 0;
	padding-top:5px;
	min-height: 1000px;
	background: #FFFFFF url(images/bg-content.png) top center repeat-y;
}

/*  RSS Feed Box
-------------------------------------- */

div.feeds {	
	margin: 5px 0;
}

div.feeds ul { 
	margin:0 0 0 -30px;
	*margin: 0;
}

div.feeds ul li { 
	font-size: 11px;
	background: #FFFFFF url(images/rss-1.gif) left center no-repeat;
	line-height: 20px;
	padding-left: 20px;
	list-style-type:none;
	text-align: left;
	margin:0;
}

/*  Partner show & hide
-------------------------------------- */

.partner {
  	 /* width: 600px; */
 	 margin: 1em 0;
}

.partner h2 {
  	margin: 0;
	margin-bottom: 5px;
  	padding: 5px;
  	cursor: pointer;
}

.partner div {
	margin-left: 5px;
  	padding: .25em .25em .5em 0;
}
.partner p {
  	margin: 5px;
}
.partner h2.hover {
  	cursor: pointer;
}

.partner-box {
	border: 0px solid #91a7b4;
	padding: 10px 5px;
	margin-bottom: 10px;
}

.alt {
	background-color:#FAFAFA;
}

.partner-box img {
	float: left;
	display:block;
	border: none;
	margin: 2px 10px 10px 5px;
}

table .boxmodule th {
	background: #FAFAFA url(images/bg_menu_bar9.gif) center left repeat-x;
}

table .boxmodule {
	background-color: #FFFFFF;
}

table .services {
	margin: 10px 5px;
	border-collapse: collapse;
	width: 540px;
}

table .services th {
	color:#FFFFFF;
	text-transform:capitalize;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

table .services ul {
	margin: 5px 20px;
	padding: 0;
}

table .services ul li {
	list-style-image: url(images/bullet-services.gif);
	font-size: 12px;
	margin: 0;
	padding: 0;
}

textarea {
	background-color:#FFFFFF;
}

table .gradient {
	background: #FFF url(images/bg-green-vert.jpg) bottom left repeat-x;
}

/* Quick Search Map
-------------------------*/
#map {
	margin:0;
	padding:0;
	width:170px;
	height:300px;
	background: transparent url(images/thailand-map-new.png) top left no-repeat;
	font-family:arial, helvetica, sans-serif;
	font-size:8pt;
}
		
#map li {
	margin:0;
	padding:0;
	list-style:none;
}
		
#map li a {
	position:relative;
	display:block;
	/*
   Specifying a background image
   (a 1px by 1px transparent gif)
   fixes a bug in older versions of
   IE that causeses the block to not
   render at its full dimensions.
	*/
	background:url(images/blank.gif);
	text-decoration:none;
	color:#000;
}
		
#map li a span { display:none; }
	
#map li a:hover span {
	position:relative;
	display:block;
	width:100px;
	right:110px;
	top:-24px;
	border:1px solid #000;
	background:#fff;
	padding:5px;
	filter:alpha(opacity=80);
	opacity:0.8;
}
	
#map a.chiangmai {
	top:24px;
	left:11px;
	width:60px;
	height:25px;
}
		
#map a.udonthani {
	top:18px;
	left:85px;
	width:60px;
	height:25px;
}
		
#map a.bangkok {
	top:62px;
	left:35px;
	width:50px;
	height:25px;
}
		
#map a.pattaya {
	top:65px;
	left:75px;
	width:50px;
	height:20px;
}		
		
#map a.huahin {
	top:50px;
	left:22px;
	width:50px;
	height:25px;
}
		
#map a.kohchang {
	top:45px;
	left:90px;
	width:60px;
	height:25px;
}			
		
#map a.kohsamui {
	top:55px;
	left:65px;
	width:65px;
	height:25px;
}
		
#map a.phuket {
	top:80px;
	left:20px;
	width:42px;
	height:30px;
}

