@charset "iso-8859-1";
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #2B2573;
	margin: 0;
	background-image : url(/thai/images/thai_bg.gif);
}

p {
	color:#2B2573;
	font-size: 9pt;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 525px;	
	line-height: 15px;
		
}

h1 {
	color:#2B2573;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	margin-left: 0px;
	padding-top: 6px;
	margin-bottom: 10px;
   }
   

h2 
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #2B2573;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
		
}

h2.fees-info 
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #2B2573;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #F89400;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	
		
}

h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	color: #F89400;
	margin-left: 0px;
	margin-top: 3px;
	margin-bottom: 10px;
	
}

h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #F89400;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}

h6 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	color: #2B2573;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
} 

ul {
	list-style-type:decimal; 
	font-weight: bold; 
	list-style-position: outside; 
	padding:0px; 
	margin:0px;
}

li {
	font-size: 9pt;
	margin-left: 0px;
	}

table {
padding: 0px;
border: 0px;	
margin: 0px;
}

img {
margin: 0px;
padding: 0px; 
border: 0px; 
}

strong {	
	color: #2B2573;
	font-weight: bold;	
}

a {font-family: Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
	font-size: 9pt;}

a:link, a:visited, a:active {
	color: #B2252D;
	text-decoration: none;
}

a:hover {
	color: #B2252D;
	text-decoration:underline;
}


/*end general style*/  

.border-table { /*the main table around the outside of the page*/
	width: 744px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 3px;
	text-align: center; 
	padding:10px;
	border: 1px solid #c3cbd6;
	background-color: #FEFEF9;
}

.centered-table {	
	margin-left: auto; margin-right: auto; text-align: center;}

div.banner {
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	width:744px; 
	height:128px;
}  

div.banner img{
width:742px; height:128px; 
border-left: 1px solid #c3cbd6; border-right: 1px solid #c3cbd6; border-top: 1px solid #c3cbd6;
}

br.clear-mod {
	 clear: both; line-height: 0; 
display: block; }

/* START TOP MENU BAR based upon FreeStyle Menu v1.0RC by Angus Turnbull http://www.twinhelix.com*/
div.nav a
	{font-weight: bold;
	font-size:9pt;	 
	}
	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
margin: 0;
padding: 0;
list-style: none;
}
	
	/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
display: none;
position: absolute;
top: 1.0em; margin-top: 15px; /* I'm using ems and px to allow people to zoom their font */
left: -1px;
width: 163px;
height: 24px;
}
	
	/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0px;
 left: 163px;
}
	
	/*
	 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
	 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
	*/
.menulist li {	/*top menu list items when not selected or highlighted */
float: left;
display: block;
font-weight: bold;
color: #B2252D;
position: relative;
background: #FEFEF9;
margin-right: -1px;
border: 1px solid #c3cbd6;
margin-bottom: -1px;
height: 24px;
width: 104px;
text-align: center;
vertical-align: middle;
}
	
	/* Items in the dropdown submenus */
.menulist ul li {
float: none;
margin-right: 0;
color: #B2252D;
background-color: #D2DFEB;
width: 163px;
height: 24px;
text-align: left;
border: 1px solid #D2DFEB;
border-top: 1px solid #FEFEF9;
vertical-align: middle;
	}

.menulist ul>li:last-child {
float: none;
margin-right: 0;
color: #B2252D;
background-color: #D2DFEB;
width: 163px;
height: 24px;
text-align: left;
vertical-align: middle;
}
		
/* Links inside the menu */
.menulist a {
display: block;
padding-left: 3px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 6px;
font-size: 9pt;
text-decoration:  none;
}

	
	/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
	
.menulist ul li a:hover{ /*the list item which the mouse is currently over providing it has no submenu. this also appears briefly in the delay before the submenu is displayed*/
color: black;
background-color: white;
text-decoration:  none;
}
	
.menulist a:hover, .menulist a:focus, .menulist a.highlighted:hover, .menulist a.highlighted { /*the list item which the mouse is currently over providing it has no submenu. this also appears briefly in the delay before the submenu is displayed*/
color: black;
background-color: white;
text-decoration:  none;
}
	
	/* Only style submenu indicators within submenus. */
.menulist a .subind {
display: none;
}

.menulist ul a .subind {
display: block;
float: right;
}
		
	/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
float: left;
}

.menulist ul a {
float: none;
}
	/* \*/
.menulist a {
 float: none;
}
/* */

/*

 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */ 
		
div.sidemenu-container{
padding-top: 0px;
padding-bottom: 7px;
}
	
.sidemenu, .sidemenu ul {
 margin: 0;
 padding: 0;
 width: 180px;
 list-style: none;
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.sidemenu ul {
 display: none;
 position: absolute;
 height: 24px;
 padding: 0px;
 top: -1px;
 left: 188px;
 top: -50px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.sidemenu li {
 position: relative;
 background-color: #FEFEF9;
 border: 1px solid #FEFEF9;
 margin-bottom: -1px;
 height: 24px;
 color: black;
}

.sidemenu ul li {
 position: relative;
 background-color: #D2DFEB;
 border: 1px solid #D2DFEB;
 border-top: 1px solid #FEFEF9;
 margin-bottom: -1px;
 height: 24px;
 color: black;
}

.sidemenu ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
 position: relative;
 background-color: #D2DFEB;
  border: 1px solid #D2DFEB;
 border-top: 1px solid #FEFEF9;
 height: 24px;
 color: black;
}

/* Links inside the menu */
.sidemenu a {
 display: block;
 padding-left: 7px;
 padding-right: 3px;
 padding-top: 5px;
 padding-bottom: 0px;
 height: 18px;
 text-decoration: none;
 font-size: 9pt;
}

.sidemenu ul a {
 display: block;
 padding-left: 7px;
 padding-right: 3px;
 padding-top: 5px;
 padding-bottom: 0px;
 height: 18px;
 text-decoration: none;
 font-size: 9pt;
}

}
/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.sidemenu a:hover, .sidemenu a.highlighted:hover, .sidemenu a:focus {
 color: black;
 background-color: #FEFEF9;
 text-decoration: none;
}
.sidemenu a.highlighted {
 color: black;
 background-color: #FEFEF9;
 text-decoration: none;
}

.sidemenu ul a:hover, .sidemenu ul a.highlighted:hover, .sidemenu ul a:focus {
 color: black;
 background-color: #FEFEF9;
 text-decoration: none;
}
.sidemenu ul a.highlighted {
 color: black;
 background-color: red;
 text-decoration: none;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.sidemenu a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .sidemenu li {
 float: left;
 width: 100%;
}

* html .sidemenu li {
 float: left;
 height: 1%;
}

/* End Hacks */

/* start main column*/
div.wide a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
}

div.wide{
	float: left;  
	width: 525px;
	border-left: 1px solid #c3cbd6;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align:left;
	
}
div.wide p{
	text-align: justify;
	width: 525px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0;
	margin-bottom:10px;
	font-size: 9pt;	 
}

div.wide img{
	float: left;
	margin-top:6px; 
	margin-bottom:3px; 
	margin-left:0px; 
	margin-right: 14px; 
}
/* start wide = central column on pages which only have 2 columns*/

div.left-container{	 /*the container for the left hand column*/
	width: 180px;
	float:left; 
	padding-top: 4px;
	margin-right: 8px;
	text-align:left;
	
}

/*start promos*/
div.promo{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	width: 180px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	margin: 0px;
}

div.promo p{
	text-align:left;
	width: 164px ;
	font-size:8pt;
	color: #928787;
	border: 1px dashed #c3cbd6;
	padding:7px;
	font-size:8pt;
	font-weight: bold;
	line-height: 17px;
}

div.promo strong{
	font-size: 9pt; 
	color: #000000; 
	line-height: 12pt;
	border-bottom: 0px;
}

div.promo img{
margin-bottom: 8px;
float: center;
}
/*end promos*/


/* start volunteer promos*/
div.vol-promo{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: right;
	width: 180px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

div.vol-promo p{
	text-align:left;
	width: 164px ;
	font-size:8pt;
	color: #928787;
	border: 1px dashed #c3cbd6;
	margin-right: 0px;
	margin-left: 0px;
	padding:6px;
	font-size:8pt;
	line-height: 17px;
	font-weight: bold;
}

div.vol-promo strong{
	font-size: 9pt; 
	color: #000000; 
	line-height: 12pt;
	border-bottom: 0px;
}

div.vol-promo img {
 padding-bottom: 4px;
}
/* start volunteer promos*/

/*start bookmark links*/
div.bookmarks{width:728px; font-family: Tahoma, Verdana, Arial, sans-serif; text-align: center; 	padding-top: 3px; padding-bottom:0px; padding-left: 8px; padding-right: 8px; border: 1px solid #c3cbd6;
font-size: 8pt; height:40px; margin-bottom: 10px; vertical-align:center;}

div.bookmarks a{font-weight: normal; font-size:8pt; text-align: center; padding-left: 8px; padding-right:8px;}	
img.bookmark-image{position: relative;top: 7px; float:top; width:32px; height:23px; padding-bottom:0px; 	padding-top:0px; border:0px;}

/* start bottom table = links menu at the bottom of the page*/
div.bottom-table {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	width: 742px;
	text-align: center;
	padding: 0px;
	border: 1px solid #c3cbd6;
}

.bottom-table a{
	font-weight: normal;
	font-size:8pt;
	text-align: center;
	padding-left: 8px;
	padding-right: 8px;
}

.bottom-table p{
	width: 726px;
	font-size:8pt;
	margin-top: 8px;
	margin-bottom:8px;
	color: #2B2573;
}
/* end bottom table = menus at the bottom of the page*/

div.copy{	  /* the copywrite at the bottom of the page*/
	width:460px;
	text-align: left; 
	margin-top: 10px;
	padding-bottom: 3px;
	font-size: 8pt;
	color:#2B2573;
	}	

.copy a{
	font-size: 8pt;
	color:#B2252D;
} 

div.world-map{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	width: 180px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-top: 4px;
	margin: 0px;
	}

div.world-map p{
	text-align:left;
	width: 164px ;
	font-size:8pt;
	color: #928787;
	padding:7px;
	padding-top: 0px;
	font-size:8pt;
	font-weight: bold;
	line-height: 17px;
}

div.world-map strong{
	font-size: 9pt; 
	color: #000000; 
	line-height: 12pt;
	border-bottom: 0px;
}

div.world-map img{
	margin-bottom: 8px;
	float: center;
}


div.top-panel{ /*the panel below the banner at the top of the page*/
width:724px; height:29px;  background-color: #D2DFEB; border-top: 1px solid #c3cbd6; border-left: 1px solid #c3cbd6; border-right: 1px solid #c3cbd6; margin-top:0px; padding-left:18px; vertical-align:middle; text-align:left;
}	

div.top-panel strong{
font-family: Tahoma, Verdana, Arial, sans-serif;
vertical-align:middle; padding-bottom:4px;
padding-top:4px;
line-height:21px;
float:left; 
width:680px;
}

img.flag{ /*country flag in the top panel*/
border:0px; 
float:right;
vertical-align:middle; 
padding: 4px;
}

tr.prices-content{
background-color: #D2DFEB;
font-weight: bold;
}

tr.prices-header{
background-color: #2c2573;
color: #ffffff;
}

span.list-text{
font-size: 9pt;
font-weight:normal; 
line-height:14pt; 
width:320px; 
}

.caption {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#333333;
}

.personnel {
	margin-bottom: 10px; margin-right: 8px; margin-top: 6px;
	font-family: verdana;
	font-size: 10pt;
	font-style: italic;
	width: 395px;
}

div.personnel{
padding-top: 10px;
padding-bottom: 10px;
width: 505px;
}

div.personnel img{
padding-left:0px; padding-right: 5px; padding-bottom: 30px;
margin-top:2px; 
}

div.personnel span {
	font-style: normal;
	font-weight: bold; 
	font-size: 11pt;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div.personnel strong {
	font-style: normal;
}

div.personnel a{
	font-style: normal;
}

.no_margins {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 15px;
	line-height:11pt;
}

.caption {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#333333;
}

div.photo-gallery{
margin-top: 15px; margin-bottom: 45px;
width: 525px;
}

div.photo-gallery p{
padding-top: 25px; padding-bottom: 20px;
}

div.photo-gallery img{
border: 1px solid #B2252D; 
margin: 3px;
}

div.destination-gallery{
margin-top: 20px; margin-bottom: 10px;
width: 525px;
}

div.destination-gallery img{
border: 1px solid #B2252D; 
margin: 3px;
}

div.destination-gallery strong{
line-height: 20pt;
}

div.places-links{
margin-top:10px; margin-bottom:25px;
}

div.places-links strong{
line-height: 18px;
}

strong.program-heading{
line-height: 18px;
}

img.big-vol-story{
margin-bottom:20px; border:1px solid #2B2573;
}

img.small-vol-story{
margin-bottom:20px; margin-top:20px; border:1px solid #2B2573;
vertical-align:bottom;
}	 

.gallery-img{
margin:10px;
border: 1px solid #c1c1c1;
background-color: #FFF;
padding: 6px;
}

.gallery_logo {margin-top:-18px; margin-bottom:0; margin-left:0px; margin-right:0; float: right;}

.gallery_caption {
	margin-top:8px;
	padding-left: 5px;
	padding-bottom: 3px;
	background-image: url(/images/t2t_gallery_logo.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 50%;
}

.caption_here { 
font-size:10pt;
display: block; 
vertical-align: top;
}


.top-banner {
background-color: #FFF;
padding: 8px;
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
}

H4.no_leftmargin {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	color: #2B2573;
	margin-top: 30px;
	margin-bottom:8px;
	margin-left: 0px;
	margin-right: 15px;

}

td.currency_converter
{
	background-color: #D2DFEB;
}