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: 6px;
	margin-bottom: 10px;
}
   

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

h3 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	margin: 15px 0 10px 0;
}

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

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

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 {
	padding:0; 
	margin:10px 0;
	list-style-position: inside;
}

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

.hidden{
	display:none;
}
	
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 {
	width: 744px; height: 128px;
}  

div.banner img{
width:744px; 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; 
width:320px; 
}

.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 {
	position: relative;
	left:180px;
	float:left; 
	text-align:left; 
	width:562px;
}

div.central-column img.main-image{
	margin: 6px 15px 10px 0px; float:left; border: 1px solid #244025;
	}

div.left-container{	 /*the container for the left hand column*/
	position: relative;
	left: -562px;
	width: 180px;
	float:left; 
	padding-top: 10px;
	text-align:left;
}
	
div.right-container{	 /*the container for the central column on 3 columned pages*/	   
	width: 180px;
	float:right; 
}


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

div.wide{
	float: left;  
	margin-left:10px;
	padding: 30px 0 10px 15px;
	text-align:left;
	width:531px;
}
div.wide p{
	text-align: justify;
	margin:0 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; 
}

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

/* -------------------------------------END NEW TEXT ---------------------------*/

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;
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*/
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: 0px;
}

/*
 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;
 margin-bottom: -1px;
 height: 24px;
 color: black;
}

.sidemenu ul li {
 position: relative;
 margin-bottom: -1px;
 height: 24px;
 color: black;
}

.sidemenu ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
 position: relative;
 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;
 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 promos*/
div.promo{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: left;
	width: 180px;
	padding:0 0 10px 0;
	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: 0;
}

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*/


/* 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.world-map{	font-family: Tahoma, Verdana, Arial, sans-serif;
	width: 180px;
	color: #928787;
	padding: 4px 0  2px 0;
	margin: 0;
	}

div.world-map p{
	text-align:left;
	width: 164px ;
	font-size:8pt;
	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;
}

div.top-panel{ /*the panel below the banner at the top of the page*/
	width: 724px; top: 142px; padding-left: 18px; margin-bottom:27px; height:29px; vertical-align:middle; text-align:left;}
	
	


div.top-panel{ /*the panel below the banner at the top of the page*/
width:724px;  margin-top:0px; padding-left:18px; 
}

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

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

div.personnel {
	margin: 15px 0 30px 0;
	font-family: verdana;
	font-size: 10pt;
	font-style: italic;
	width: 505px;
	padding-bottom:20px;
}


div.personnel div.image{
	width:100px; float:left;
}

div.personnel div.personnel-inner{
	float:left; display:inline; width:400px; margin-bottom:30px;
}

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

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.body-gallery{
margin-top: 20px; margin-bottom: 10px;
width: 525px;
}

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

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

tr.prices-header td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
}

tr.prices-content td{
	width: 80px; 
	height: 20px; 
	padding-left: 5px;
}

.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(/templates/original/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;
	color: #522809;
	font-size: 12pt;
	margin-top: 30px;
	margin-bottom:8px;
	margin-left: 0px;
	margin-right: 15px;

}

/* ------------------------------------- LINKS PAGE ---------------------- */

div.links-page{margin-bottom:30px;}

div.links-page a{
	display:block; margin-top:20px; margin-bottom:3px;
}

div.links-page h4{margin-top:30px;}

/*back to links*/
a#back-top{
	display:block;
	margin:30px 0 20px 0;
}

/* ------------------------------------- END LINKS PAGE ---------------------- */

a.project-list{
		display:block;
		margin-bottom:25px;	
}