/* UNIVERSAL STYLES */



body { 

	padding: 0;

	margin: 0;

	font: 1em verdana, tahoma, arial, sans-serif;

	background: #FFF;

	color: #300

}



img {

	border: none;

}



div { 

	padding: 0;

	margin: 0;

	background: transparent;

}



h1 {

	font: bold 0.9em verdana, tahoma, arial, sans-serif;

	color: #360;

	background: #FFF;

}



h2 {

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

}



h3 {

	font: bold 0.7em verdana, tahoma, arial, sans-serif;

}



h4 {

	font: italic 0.75em verdana, tahoma, arial, sans-serif;

}



p {

	font: 0.75em verdana, tahoma, arial, sans-serif;

	color: #333;

	background: #FFF;

}


a.link {

    	text-decoration:underline;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #000;

	background: #FFF;

}

a.active { 

    	text-decoration:underline;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #000;

	background: #FFF;

	}

a.visited {

    	text-decoration:underline;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #333;

	background: #FFF;

}

a.hover {	

     	text-decoration:underline;

	font:1em verdana, tahoma, arial, sans-serif;

	color: #360;

	background: #FFF;

}





/* HEADER */

#header {

	height:120px;

	background-image:url("../images/ecoteerlogo.gif");

	background-repeat: no-repeat;

	background-position: top left;

}



#topmenucurve {

	height:30px;

	width:18px;

	border:none;

	float:right;

	background-image:url("../images/topmenucurve.gif");

	background-repeat: no-repeat;

	background-position: top left;

	color: #333;

}



#loginmenu {

	height:30px;

	width:290px;

	border:none;

	float:right;

	font: 0.75em verdana, tahoma, arial, sans-serif;

	color: #CF9;

	background-image:url("../images/topmenu.gif");

	line-height:2em;

}



#loginmenu a:link {

    	text-decoration:underline;

	font:0.9em verdana, tahoma, arial, sans-serif;

	font-weight: bold;

	color: #FFF;

	background: transparent;

}

#loginmenu a:active { 

    	text-decoration:underline;

	font:0.9em verdana, tahoma, arial, sans-serif;

	font-weight: bold;

	color: #FFF;

	background: transparent;

	}

#loginmenu a:visited {

    	text-decoration:underline;

	font:0.9em verdana, tahoma, arial, sans-serif;

	font-weight: bold;

	color: #FFF;

	background: transparent;

}

#loginmenu a:hover {	

     	text-decoration:underline;

	font:0.9em verdana, tahoma, arial, sans-serif;

	font-weight: bold;

	color: #CF9;

	background: transparent;

}









#menu {

	text-align: left;

	padding: 0;

	margin: 0 0 20px 0;

	background: #FFF;

	background-image:url("../menuimages/off.gif");

	background-repeat: repeat-x; 

	background-position: bottom left;

	height:25px;

}



#contentwrapper{

	float: left;

	width: 100%;

	border: none;

}



#contentcolumn{

	margin-right: 180px; /*Set right margin to RightColumnWidth*/

	border: none;

}



#contentcolumn h1 {

	font: bold 0.9em verdana, tahoma, arial, sans-serif;

	color: #300;

	background: #FFF;

	margin:0;

	padding:0;

}



#contentcolumn h2 {

	font: bold 0.8em verdana, tahoma, arial, sans-serif;

	color: #300;

	background: #FFF;

	margin:10px 0 0 0;

	padding:0;	

}



#contentcolumn h3 {

	font: bold 0.7em verdana, tahoma, arial, sans-serif;

	color: #333;

	background: #FFF;

	margin:5px 0 0 0;

	padding:0;	

}



#contentcolumn h4 {

	font: italic 0.75em verdana, tahoma, arial, sans-serif;

}



#contentcolumn p {

	font: 0.7em verdana, tahoma, arial, sans-serif;

	color: #333;

	background: #FFF;

	margin:5px 0 5px 0;

	padding:0;

}



#contentcolumn a:link { 

	color: #333;

	background: transparent;

	}

#contentcolumn a:active { 

	color: #333;

	background: transparent;

	}

#contentcolumn a:visited {

	color: #333;

	background: transparent;

}

#contentcolumn a:hover {	

	color: #F60;

	background: transparent;

}







#rightcolumn{

	float: left;

	width: 180px; /*Width of right column in pixels*/

	margin-left: -180px; /*Set left margin to -(RightColumnWidth) */

	background: #FFF;

}



.innertube{

	margin: 0;

}





#homepageintro {

	border: none;

	margin: 0 0 0 20px;

	padding: 0;	

	background: transparent;

	

}



#photo {

	border: none;

	width: 430px;

	height: 205px;

	margin: 0 0 20px 10px;

	padding: 0;

	background: #FFF;

	float: right;

}



#quotes {

	clear: both;

	border: none;

	background: #336600 url("../images/quotesbg.gif") no-repeat left top;

	height: 32px;

	font: 0.7em verdana, tahoma, arial, sans-serif;

	color: #FFF;

	padding: 5px 0 0 120px;

	line-height: 1em;

}	





#findplacement {

	clear: both;

	border: none;

	background: transparent url("../images/greenfadebg.gif") repeat-x;

	height: 333px;

	font: 0.7em verdana, tahoma, arial, sans-serif;

	color: #FFF;

	padding: 5px 0 0 0;

	margin: 0;

	line-height: 1em;

	text-align: left;

}







.bl {background: url("../images/bl.gif") 0 100% no-repeat #FFF; width:85%; margin:10px 5px 25px 15px;}

.br {background: url("../images/br.gif") 100% 100% no-repeat;}

.tl {background: url("../images/tl.gif") 0 0 no-repeat;}

.tr {background: url("../images/tr.gif") 100% 0 no-repeat; padding:10px;}

.clear {font-size: 1px; height: 1px;}

#curvy {margin:0;padding:0;border:none;height:80%;font-size: 1em;color:#030;line-height:1.2em;}

#curvy h1 {font-size: 1.1em; font-weight:bold; color:#030;border:none;padding:0 0 5px 0;}

#curvy p {color:#030;border:none;display:inline;}

#curvy ol {padding: 0px 30px 0 50px;margin: 5px 0 0 0; list-style: decimal; font:1em verdana, tahoma, arial, sans-serif;

color:#030; position: relative; z-index:99;border:none;}



#findplacementguide p {

	font: 1em verdana, tahoma, arial, sans-serif;

	color: #360;

	background:transparent;

}



#findplacementguidetopleft {

	border: none;

	background: transparent url("../images/findtopleft.gif") no-repeat left top;

	height: 14px;

	width: 100%;

	margin-right:14px;

	float: left;

	padding:0;

}

#findplacementguidetopright {

	border: none;

	background: transparent url("../images/findtopright.gif") no-repeat left top;

	height: 14px;

	width: 14px;

	float: left;	

	margin-left:-14px;

	padding:0;	

}



#findplacementguidecentre {

	border: none;

	margin: 0;

	padding:0;

	background: transparent;

	clear: both;

	margin-left:14px;

	width:100%;

	float:left;

}

#findplacementguidebottomleft {

	border: none;

	height: 14px;

	width: 100%;

	margin-right:14px;

	float: left;

	background: transparent url("../images/findbottomleft.gif") no-repeat left bottom;	

	padding:0;	

}

#findplacementguidebottomright {

	border: none;

	height: 14px;

	width: 14px;

	float: left;	

	margin-left:-14px;

	background: transparent url("../images/findbottomright.gif") no-repeat right bottom;	

	padding:0;	

}



#map {

	margin: 10px 0 10px 20px;

	padding:0;

}



#findplacement p {

	margin: 0 0 0 20px;

	width: 305px;

	font: 0.9em verdana, tahoma, arial, sans-serif;

	color: #360;

	background:transparent;

}



#searchmap {

	width: 400px;

	border: none;

}	



.searchinputs {

	width: 140px;

	font: 0.9em verdana, tahoma, arial, sans-serif;

	color: #000;

	background:transparent;	

	margin: 0;

	padding:1px;

}





.countryinput {

 	text-align:left;

 	width: 130px;

 	font: 0.8em verdana, tahoma, arial, sans-serif;

 	color: #000;

 	background:transparent;	

 	margin: 0;

 	padding:1px;



} 



#searchplacementype {

	border: none;

	width: 150px;

	height:40px;

	margin: 0;

	padding:0;

	float: left;

}

#searchplacementype p{

	width: 150px;	

}

#searchcontinent {

	border: none;

	width: 150px;

	height:40px;	

	margin: 0;

	padding:0;	

	float: left;

}

#searchcontinent p{

	width: 150px;;	

}

#searchcountry {

	border: none;

	width: 150px;

	height:40px;	

	margin: 0;

	padding:0;

	float: left;	

	clear: both;

}

#searchcountry p{

	width: 150px;	

	margin-left:20px;

}

#searchcountry input{

	margin-left:20px;

}

#searchprice {

	border: none;

	width: 150px;

	height:40px;	

	margin: 0;

	padding:0;

	float: left;	

}

#searchprice p{

	width: 150px;;	

}

#searchduration {

	border: none;

	width: 150px;	

	height:40px;	

	margin: 0;

	padding:0;

	float: left;

	clear: both;

}

#searchduration p{

	width: 150px;;	

}

#searchvolunteers {

	border: none;

	width: 150px;	

	height:40px;	

	margin: 0;

	padding:0;

	float: left;	

}

#searchvolunteers p{

	width: 150px;;	

}

#searchbutton {

	border: none;

	width: 200px;	

	margin: 0;

	padding:0;

	clear: both;

	float: left;	

	text-align:left;

}

#searchbutton p{

	width:200px;

	margin:0 0 20px 10px;

	padding:0;

}

#searchsubmitbutton {

	width:175px;

	height:22px;

	background: transparent url("../images/searchbutton.gif") no-repeat center top;

	cursor: pointer; /* hand-shaped cursor */

	/* cursor: hand; for IE 5.x */

	margin: 10px 0 10px 0;

	padding:0 0 1px 10px;

	font-size: 1.1em;

	text-align: left;

	border:none;

}





#rightmailing {

	width: 150px;

	border-top: 1px solid #000;

	border-right: none;

	border-left: 1px solid #000;

	border-bottom: 1px solid #000;

	background: #C96; 

	margin:30px 0 0 0;

	padding:10px 0 10px 10px;

	background-image:url("../images/mailingbg.gif");

	float:right;

}



#rightmailing h1 {

	color: #333;

	background: transparent;

	font-size:0.7em;

	margin:0;

	text-align:left;

}	



#rightmailing p {

	color: #333;

	background: transparent;

	font-size:0.7em;

	text-align: left;

	margin:0;

	padding:0;

	width: 130px;

}







#middlecontentlhs {

	border:none; 

	width:400px; 

	float:left;

	font-size:1.1em;

}



#middlecontentrhs {

	border:none; 

	background: transparent;

	padding:0;

	margin:0;

	float:left;

	width:50%;

}

#middlecontentrhs h1 {

	font-size: 1.1em; font-weight:bold; color:#030;

	padding:0;

	margin: 0 0 5px 0;

	background: transparent;



}



#middlecontentrhs h2 {

	font-size: 1em; font-weight:bold; color:#030; 

	padding:0;

	margin:0;

	background: transparent;	

}



#middlecontentrhs p {

	font-size: 1em; 

	color:#030;

	padding:0;

	margin:0;

	background: transparent;

	border:none; 

	width:85%;

}



#middlecontentrhsEcotourism {

	border:none; 

	padding:0; 

	margin:0;	

	float:left;

	clear:both;

	width:100%;	

}

#ecophoto{

	background:transparent url("../images/hpplacementtypeseco.jpg") no-repeat left top; 

	width:75px; 

	height:70px;

	border:none; 

	float:left;

}

#ecotxt {

	border:none; 

}

#middlecontentrhsConservation {

	border:none; 

	padding:0; 

	margin:0;

	background:transparent;

	float:left;

	clear:both;	

	width:100%;

}

#consphoto{

	background:transparent url("../images/hpplacementtypescons.jpg") no-repeat left top; 

	width:75px; 

	height:70px;

	border:none; 

	float:left;

}

#constxt {

	border:none; 

}

#middlecontentrhsTeaching {

	border:none; 

	padding:0; 

	margin:0;

	background:transparent;

	float:left;

	clear:both;	

	width:100%;	

}

#teachphoto{

	background:transparent url("../images/hpplacementtypesteach.jpg") no-repeat left top; 

	width:75px; 

	height:70px;

	border:none; 

	float:left;

}

#ecotxt {

	border:none; 

}

#middlecontentrhsHumanitarian {

	border:none; 

	padding:0; 

	margin:0;

	float:left;

	clear:both;

	width:100%;	

	background:transparent;

}

#humphoto{

	background:transparent url("../images/hpplacementtypeshum.jpg") no-repeat left top; 

	width:75px; 

	height:70px;

	border:none; 

	float:left;

}

#humtxt {

	border:none; 

}

#middlecontentrhsResearch {

	border:none; 

	padding:0; 

	margin:0;

	float:left;

	clear:both;

	width:100%;	

	background:transparent;

}

#resphoto{

	background:transparent url("../images/hpplacementtypesresearch.jpg") no-repeat left top; 

	width:75px; 

	height:70px;

	border:none; 

	float:left;

}

#restxt {

	border:none; 

}

#middlecontentrhsFarming {

	border:none; 

	padding:0; 

	margin:0;

	float:left;

	clear:both;

	width:100%;	

	background:transparent;

}

#farphoto{

	background:transparent url("../images/hpplacementtypesfarm.jpg") no-repeat left top; 

	width:75px; 

	height:80px;

	border:none; 

	float:left;

}

#fartxt {

	border:none;

}



#whyregister {

	clear: both; 

	float:left;

	color:#000; 

	width:100%; 

	border:none;

	background: transparent url("../images/bottomlhsline.gif") repeat-x left 3px;

}

#whyregcontainer {

	margin:10px;

}

#whyregister p{

	color:#333;

	width:70%;

	border:none;

	display:inline;

	font-size: 1em;

}



#hpforum {

	border: none;

	float: right;

	position: relative;

	width:262px;

	top:0;

	background: transparent url("../images/hpforumbg.jpg") no-repeat left top;

	padding:0;

	margin: 0;

	z-index: 100;

}

#hpforum p {

	padding:80px 10px 10px 10px;

	margin: 0;

	width:250px;

	display:block;

}

#hpforum a {

	padding:80px 10px 10px 10px;

	margin: 0;

}



#partneredwith {

	border: 1px solid #336600;

	background: transparent url("../images/partnerheader.gif") no-repeat left top;

	font-size:1em;

	font-weight: normal;

	text-align: left;

	margin: 30px 0 0 0;

	padding:30px 0 0 0;

	width: 159px;	

	float: right;

	clear: both;

}

#partneredwith p {

	font-weight: normal;

	font-size:0.7em;

	color: #999;

	margin:0;

	padding:10px 2px 10px 5px;

}



#rightmailing form {

	font-size:1em;

}



#rightmailing a:link {

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #000;

	background: transparent;

}

#rightmailing a:active { 

    	text-decoration:underline;

	font-family: verdana, tahoma, arial, sans-serif;

	color: #000;

	background: transparent;

	}

#rightmailing a:visited {

    	text-decoration:underline;

	font-family: verdana, tahoma, arial, sans-serif;

	color: #333;

	background: transparent;

}

#rightmailing a:hover {	

     	text-decoration:underline;

	font-family: verdana, tahoma, arial, sans-serif;

	color: #360;

	background: transparent;

}



/* MAILING LIST FORM*/

#mailinglistform  {

	color: #333;

	font-size:0.7em;

	text-align: left;

	margin: 10px 0 0 0;

	padding:0;

	width: 139px;

}

#mailinglistform p {

	margin:10px 0 0 0;

}

.forminput {

	color: #333;

	text-align: left;

	margin: 0;

	padding:0;

	width: 120px;

	border: 1px solid #000;

} 



#mlsubmitbutton {

	width:136px;

	height:22px;

	background: transparent url("../images/mailinglistsubmit.gif") no-repeat center top;

	cursor: pointer; /* hand-shaped cursor */

	/* cursor: hand; for IE 5.x */

	margin: 10px 0 10px 0;

	padding:0 0 1px 10px;

	font-size: 1em;

	text-align: left;

	border:none;

}









/* FOOTER */

#footer {

	font:0.6em verdana, tahoma, arial, sans-serif;

	color:#333;

	background: #C96;

	background-image:url("../images/footer.gif");

	width: 100%;

	float: left;

	margin: 20px 0 0 0;

	clear: both;

}





#footercurve {

	float:left;

	height:32px;

	width:197px;

	background: #C96;

	background-image:url("../images/footercurve.gif");

}

#footertext {

	padding:6px 0 0 0;

}

#footertext a:link {

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #000;

	background: transparent;

}

#footertext a:active { 

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #666;

	background: transparent;

	}

#footertext a:visited {

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #666;

	background: transparent;

}

#footertext a:hover {	

     	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #360;

	background: transparent;

}

#afterthought {

	padding:10px;

	font:0.6em verdana, tahoma, arial, sans-serif;

	color: #666;	

	background: transparent;

}

#afterthought a:link {

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #666;

	background: transparent;

}

#afterthought a:active { 

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #666;

	background: transparent;

	}

#afterthought a:visited {

    	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #666;

	background: transparent;

}

#afterthought a:hover {	

     	text-decoration:underline;

	font-family:verdana, tahoma, arial, sans-serif;

	color: #360;

	background: transparent;

}

#afterthoughtleft {	

	float:left;

}

#afterthoughtright {	

	float:right;

}