body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 0;
}

p {
	margin: 0;
	line-height: 15px;
}

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	margin-top: 25px;
	margin-bottom: 20px;
}
   

h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	margin: 25px 0 10px 0;
	color: black;
}

h3, .form-input h2 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	margin: 20px 0 15px 0;
	color: #E17933;
}

h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11pt;
	margin: 10px 0 10px 3px;
}

h5 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 15px 0 5px 0;
	color: #E17933;
}

h6 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 5px 0 10px 0;
}

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

ul {
	font-weight: bold;
	list-style-position: inside;
	list-style-type: decimal;
	margin: 10px 0;
	padding: 0;
	color:#E17933; 
}

li {
	line-height:12pt;
	font-size: 9pt;
	margin-left: 0px;
	color:#E17933; 
	font-weight:normal;
	}

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

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

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

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

a:hover {
	text-decoration:underline;
}

.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; 
}

ul.program-list{
	list-style-type:none; margin-bottom:20px; padding-left:15px;
}

ul.fees-info{
	list-style-type:square; padding-left:15px; margin-bottom:20px;
}

ul.fees-info li{
font-size: 9pt;
font-weight:normal; 
line-height:14pt; 
}

span.list-text{
font-size: 9pt;
font-weight:normal; 
line-height:14pt; 
color:black;
}

.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;
}	

/* --------------------------------NEW TEXT -------------------------------------------*/
div.central-column {
	left:0px;
	float:left; 
	text-align:left; 
	width:564px;
	margin-top:30px;
}

div.central-column a{
	line-height: 12pt;
}

div.central-column ul{
	list-style-type:square;
	color:#E17933; 
	
}

div.central-column li{
	color:black;
	line-height:15pt; 
}

div.original-left-column{	 /*the container for the left hand column*/
width:140px;
float:left; 
padding-top:10px;
}
	
div.left-container{	 /*actually the right column on the old pages but labelled this for compatibility with new sheet*/	   
	margin-top:40px;
	width: 180px
	float:right; 
}

/*start central column = main area on 3 columned pages*/
div.narrow{
float: left;
padding: 0;
margin: 17px 0 0 15px;
text-align:left; 
width:395px;
display:inline;
}


div.narrow p{
	margin:0 0 10px 0;
}

div.wide-inner{
	margin: 35px 10px 0 15px;
}

div.wide-column-inner{
	margin: 55px 15px 15px 15px;
}

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

div.wide, div.wide-column{
	float: left;  
	padding: 0 0 0 0;
	text-align:left;
	width:564px;
	margin: 0 0 20px 0;	
}
div.wide p, div.wide-column p{
	margin:10px 0 10px 0;
	font-size: 9pt;	
}

div.top-banner{
	height:192px;
}

div.top-menus{
	position: absolute; width: 744px; top: 172px; left: 50%; margin-left: -372px;
}

div.top-panel{ /*the panel below the banner at the top of the page*/
	margin-bottom:27px;}

/* start wide = central column on pages which only have 2 columns*/

/* -------------------------------------END NEW TEXT ---------------------------*/
br.clear-mod {
	 clear: both; line-height: 0; 
	display: block;
}

span.list-header{ /* list header on mainpages */
padding-left:8px; 
padding-right:10px;
font-weight:normal;  
line-height:16pt;
}

/* 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;
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;
width: 163px;
height: 24px;
text-align: left;
vertical-align: middle;
	}

.menulist ul>li:last-child {
float: none;
margin-right: 0;
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*/
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*/
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 */ 
		

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

div.bookmarks a{font-weight: normal; font-size:8pt; text-align: center; padding:0 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;
}

.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;
}
/* 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; 
	padding-top: 10px;
	padding-bottom: 3px;
	font-size: 8pt;
	}	

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


div.top-panel{ /*the panel below the banner at the top of the page*/
width:724px; height:29px;  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{
	font-weight: bold;
}

/* combination page tables */
table.combination-table{
	margin-bottom: 40px;
}

table.combination-table tr.prices-header strong{
	color:white;
}

/*costs graph */
img#costs{
	width: 524px; height: 265px; border: 0px; margin-left: 0px; margin-bottom: 20px;
}

.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;
}


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;
}	 

table.costs{
	border: 0px; border-spacing: 4px; width: 510px;
}

tr.prices-header td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
	background-color: #2c2573;
	color: #ffffff;
}

tr.prices-content td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
	background-color: #dbedfb;
	font-weight:normal;
}

tr.main-prices-header td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
	background-color: #2c2573;
	color: #ffffff;
}

tr.main-prices-content td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
	background-color: #dbedfb;
	font-weight:normal;
}

.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;
}

/*start left column = left hand column promos on 3 columned pages*/
div.promo{
font-family: Tahoma, Verdana, Arial, sans-serif;
width: 140px;
padding-bottom: 0px;
margin: 0px;
}

div.promo p{
text-align:left;
width: 128px;
font-size:8pt;
color: #928787;
border: 1px solid #ddd;
padding:6px;
font-size:8pt;
font-weight: bold;
line-height: 17px;
}

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

/* start volunteer/photo 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 solid #ddd;
	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 left column = left hand column promos on 3 columned pages*/
div.world-map{
font-family: Tahoma, Verdana, Arial, sans-serif;
width: 140px;
padding-bottom: 0px;
margin: 0px;
}

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

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

/* start cname = the countires list in the right hand menu*/

.black {
font-size: 10pt;
}

div.countries-list{
float: right;
width: 180px;
padding-bottom: 10px;
}

p.cname{
font-family: Tahoma, Verdana, Arial, sans-serif;
width:167px; 
height: 24px;
text-align: right;
padding-left:11px;
padding-top:1px; 
padding-bottom: 2px;
background-image: url(/images/country_blend.jpg);
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 10pt;
vertical-align: text-top; 
float: right;
}

p.ctitle{
font-family: Tahoma, Verdana, Arial, sans-serif;
width:167px; 
height: 25px;
text-align: left;
padding-left:11px;
padding-top:9px;
padding-bottom: 0px;
background-color: #dddddd;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
font-size: 10pt;
vertical-align: text-top;
float: right;
}

a.cname{ 
font-family: Tahoma, Verdana, Arial, sans-serif;
float: left;
color: #1D09AA;
font-weight: bold;
font-size: 10pt;
font-style: normal;	
vertical-align: bottom;	
line-height: 20pt;
}

div.volunteer-benefits li{ 
font-size: 9pt;	   
list-style-type: lower-roman;
padding-left: 5px;
padding-top: 0pt;
padding-bottom: 5px;
}

div.question p{
	margin-top:5px;
	margin-bottom:15px;
}

div.question h4{   /*question headings  on the why choose t2t page*/
margin-bottom: 5px;
}

strong.orange{
font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #E17933;
	padding-bottom: 5px;
}

table.sitemap{
	text-align:left;
}

table.sitemap ul{
	list-style-type: none;			
}



table.sitemap td{
	padding-bottom:20px; 
	width:180px;
	vertical-align:top;
}


div.vol-story{
	width:510px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 5px;
margin-top: 15px;

}


div.story-header strong{/*headers on the volunteer story page*/
font-size:11pt;
color: #E17933;
}
div.story-header a{/*headers on the volunteer story page*/
font-size:11pt;
}  

strong.dates{  /*dates on the volunteer story page*/
color: black;
font-size: 9pt;
font-weight: bold;
}

a img.white-border { /*border on photo galleries*/
margin: 0 6px 6px 0;
border: 1px solid #c1c1c1;
background-color: #FFF;
padding: 4px;
}

.form-input td.label{
	width:150px; vertical-align:middle; text-align:right; 	padding-right:15px;
}

.form-input td.textarea-label{
	width:100px; vertical-align:top; text-align:right; 	padding-right:15px; padding-top:40px;
}

.top-text{
font-weight:normal;
font-size:9pt;
}

td.top-text{
width:150px; 
text-align:right; 
padding-right:10px;

}

div.signature{
	float:right;
	text-align:right;
	display:block;
	padding-right:15px;
	padding-bottom:20px;
	position:relative;
	top:-20px;
}

div.signature img{
	float:right;
	border: 0px;
}

p.quote{
	font-size:11pt;
	font-style:italic;
}

div.terms-box{
	height:320px;width:600px; overflow:scroll; border: 1px solid black; padding: 12px; margin-top:15px;
}

ul.form-input{
	list-style-position: outside;
}

ul.form-input li{
	padding: 5px 0; list-style-type: none; color:black; 
}

.form-input td.label{
	width:150px; vertical-align:middle; text-align:right; 	padding-right:15px;
}

.form-input td.textarea-label{
	width:100px; vertical-align:top; text-align:right; 	padding-right:15px; padding-top:40px;
}

p.error{
	padding:10px 0;
	color:red;
	font-size:11pt;
}

div#text-box-about-us{
	display:none;
}

div#text-box-up{
	display:none;
}

div#text-box-facts{
	display:none;
}