@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #a3b282;
}
a.r:link {
	text-decoration: none;
	color: #ffffff;
}
a.r:visited {
	text-decoration: none;
	color: #ffffff;
}
a.r:hover {
	text-decoration: none;
	color: #005500;
}
a.r:active {
	text-decoration: none;
	color: #005500;
}

.oneColFixCtr #container {
	width: 760px;
	text-align: left;
	background-color: #EE0000;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	max-height: 100%;
	min-height: 100%;
}
.oneColFixCtr #mainContent {
	padding: 0px;
	position: absolute;
	top: 0px;
	background-color: #EE0000;
	height: 100%;

}
input.bodytext {
	background-color: #A3B282 ! important;
	font: Arial;
	font-size: 10pt;
	border: 1px solid #000000;
}
.inputbox {
	background-color: #A3B282 ! important;
	font: Arial;
	font-size: 10pt;
	border: 1px solid #000000;
}
.inputbox2 {
}
div.rollover {
	width: 315px;
	height: 57px;
	margin-left: 435px;
	top: 1154px;
	z-index: 234;
	position: absolute;
	}
		div.buttonvolunteers {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 72px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669900;
		}
		.mainbuttontext2 {
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	line-height: 24px;
}
.mainbuttontext2green {
	font-size: 10pt;
	color: #005500;
	font-family: Arial;
	font-weight: bold;
	line-height: 24px;
}
	div.header {
	width: 760px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: absolute;
	z-index: 0;
	}
	div.greencol {
	width: 200px;
	height: auto;
	background-color: #669900;
	top: 250px;
	position: absolute;
	z-index: 2;
	}
		div.all {
	background-color: #BB0000;
	}
	div.aboutfill {
	background-color: #99CC99;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 13pt;
	padding-bottom: 12px;
	font-family: Arial;
	font-size: 22pt;
	color: #FFFFFF;
	font-weight: bold;
	}
	div.firstcontent {
	position: absolute;
	top: 724px;
	width: 540px;
	margin-left: 210px;
	}
	div.mailinglist {
	position: absolute;
	top: 780px;
	width: 435px;
	height: 100px;
	margin-left: 315px;
	vertical-align: middle;
	z-index: 6;
	}
	div.downloadbrochure {
	position: absolute;
	top: 890px;
	width: 435px;
	height: 100px;
	margin-left: 315px;
	vertical-align: middle;
	z-index: 6;
	}
		div.downloadbrochure2 {
	position: absolute;
	width: 435px;
	height: 100px;
	margin-left: 315px;
	vertical-align: middle;
	z-index: 6;
	top: 320px;
	}
	div.applytext {
	position: absolute;
	top: 1000px;
	width: 435px;
	height: 100px;
	margin-left: 315px;
	vertical-align: middle;
	z-index: 6;
	}
	div.smallbutton1 {
	position: absolute;
	top: 760px;
	width: 540px;
	height: 150px;
	margin-left: 210px;
	z-index: 8;
	}
	div.smallbutton2 {
	position: absolute;
	top: 870px;
	width: 100px;
	height: 100px;
	margin-left: 210px;
	z-index: 5;
	}
	div.smallbutton3 {
	position: absolute;
	top: 980px;
	width: 100px;
	height: 100px;
	margin-left: 210px;
	z-index: 5;
	}
	div.projectfill {
	background-color: #333300;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	line-height: 13pt;
	}
	div.whitefill {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	line-height: 13pt;
	height: auto;
	}
	div.commentfill {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	line-height: 13pt;
	width: 520px;
	z-index: 0;
	background-color: #E6FED3;
	padding-right: 10px;
	}
	div.volunteeringfill {
	background-color: #339900;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	line-height: 13pt;
	height: 300px;
	}
	div.newsfill {
	background-color: #33CC00;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	line-height: 13pt;
	height: 300px;
	}
	div.contactfill {
	background-color: #66CC66;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
	line-height: 13pt;
	height: 420px;
	}
	div.whitecol {
	width: 540px;
	top: 250px;
	position: absolute;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	z-index: 1;
	padding-left: 210px;
	}
	div.leftcolumn {
	width: 200px;
	background-color: #33FF00;
	}
	div.introduction {
	width: 520px;
	height: auto;
	top: 1090px;
	margin-left: 210px;
	position: absolute;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 7;
	background-color: #A3B282;
	}
	div.mail {
	top: 220px;
	margin-left: 630px;
	position: absolute;
	z-index: 3;
	}
	div.brochure {
	top: 360px;
	margin-left: 630px;
	position: absolute;
	z-index: 3;
	}
	div.apply {
	top: 500px;
	margin-left: 630px;
	position: absolute;
	z-index: 3;
	}
	div.button9 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #99CC33;
	}
	div.button9:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
	div.button1 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #003300;
	}
		div.button7 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #99CC99;
	}
			div.button7:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
		div.button1:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.button2:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.button3:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
		div.button8 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #99CC66;
	}
	div.button8:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.button4:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.button5:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.button6:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
			div.buttonaboutus:hover {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 40px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669933;
	}
		div.button1wide {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #99CC99;
	}
		div.button2 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #333300;
	}
			div.button2wide {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #333300;
	}
		div.button3 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #336600;
	}
			div.fundholder {
	width: 130px;
	height: 630px;
	margin-left: 410px;
	position: absolute;
	top: 34px;
	background-color: #336600;
	}
				div.fundholder2 {
	width: 270px;
	height: 280px;
	margin-left: 270px;
	position: absolute;
	top: 34px;
	background-color: #336600;
	background-repeat: no-repeat;
	z-index: 100;
	}
				div.textholder {
	width: 390px;
	height: 630px;
	position: absolute;
	top: 34px;
	background-color: #336600;
	padding-left: 10px;
	padding-right: 10px;
	}
					div.textholder2 {
	width: 250px;
	height: 280px;
	position: absolute;
	top: 34px;
	background-color: #336600;
	padding-left: 10px;
	padding-right: 10px;
	}
			div.button3wide {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #336600;
	}
		div.button4 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #339900;
	z-index: 99;
	}
		div.button5 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #33CC00;
	}
		div.button6 {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 20px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #66CC66;
	}
			div.button6wide {
	width: 540px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #66CC66;
	}
	div.buttonaboutus {
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 30px;
	text-align: left;
	text-indent: 40px;
	line-height: 22pt;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #005500;
	background-color: #669966;
	}
	div.buttonspacer {
	width: 200px;
	height: 30px;
	background-color: #669900;
	line-height: 24pt;
		}
	div.buttonautospacer {
	width: 200px;
	background-color: #669900;
	}
		div.buttonautospacer2 {
	width: 200px;
	background-color: #669900;
	height: 1000px;
	z-index: 1;
	}
	div.thindark {
	width: 200px;
	height: 1px;
	background-color: #005500;
		}
	div.thindarkwide {
	width: 540px;
	height: 1px;
	background-color: #005500;
		}
	div.thinlight {
	width: 200px;
	height: 1px;
	background-color: #a3b282;
	}
		div.thinlightwide {
	width: 540px;
	height: 1px;
	background-color: #a3b282;
	}
	div.footer {
	width: 760px;
	background-color: #003300;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/fernthai%20footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	height: 170px;
	z-index: 0;
	}
		div.footer2 {
	width: 760px;
	background-color: #003300;
	margin-left: -210px;
	background-image: url(images/fernthai%20footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	height: 170px;
	z-index: 0;
	}
		div.footerlinks {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	background-color: #003300;
	}
	div.easysearch {
	width: 200px;
	height: 150px;
	background-image: url(images/easysearch.gif);
	padding-top: 10px;
	}
	div.chipin {
	width: 200px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #A3B282;
	height: 320px;
	background-image: url(images/chipin%20background.gif);
	}
		div.chipin2 {
	width: 200px;
	height: 320px;
	background-image: url(images/chipin%20background.gif);
	}
	div.videoholder {
	width: 425px;
	height: 344px;
	position: absolute;
	margin-left: 10px;
	top: 40px;
	z-index: 10;
	}
	div.videoframe {
	width: 405px;
	height: 296px;
	z-index: 10;
	position: absolute;
	margin-left: 10px;
	top: 40px;
	border: 14px solid #a3b282;
	}
		div.videoframe2 {
	width: 416px;
	height: 307px;
	z-index: 11;
	position: absolute;
	margin-left: 17px;
	top: 47px;
	border: 2px solid #669900;
	}
			div.leftcolumn {
	width: 200px;
	background-color: #669900;
	}
			div.z {
	z-index: 200;
	}
a:link {
	text-decoration: none;
	color: #005500;
}
a.links:link {
	text-decoration: none;
	color: #DD0000;
	font-weight: normal;
}
a:visited {
	text-decoration: none;
	color: #005500;
}
a:hover {
	text-decoration: none;
	color: #005500;
}
a:active {
	text-decoration: none;
	color: #005500;
}
.mainbuttontext {
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
}
.maincontenttext {
	font-size: 14px;
	font-family: Arial;
	color: #FFFFFF;
}
.maincontenttextblack {
	font-size: 10pt;
	font-family: Arial;
	color: #000000;
	text-align: justify;
	font-weight: normal;
}
.maincontenttextblack2 {
	font-size: 10pt;
	font-family: Arial;
	color: #000000;
	text-align: justify;
	font-weight: normal;
}
a.maincontenttextblack2:link {
	font-size: 10pt;
	font-family: Arial;
	color: blue;
	text-align: justify;
	font-weight: normal;
}
.maincontenttextwhite {
	font-size: 10pt;
	font-family: Arial;
	color: #ffffff;
	text-align: justify;
	font-weight: normal;
}
.style3 {font-size: 18pt; font-weight: bold;}
.style8 {font-size: 11pt; font-weight: bold;}
.style9 {color: #E2A500}
.style10 {color: #CE1A01}
.style12 {color: #80BF10}
.style15 {font-size: 14pt; color: #CE1A01; font-weight: bold;}
.style17 {font-size: 12pt}
.style19 {font-size: 14pt; color: #E2A500; font-weight: bold;}
.style20 {color: #80BF10; font-size: 14pt; font-weight: bold;}
.style21 {
	font-size: 9pt;
	font: arial;
	color: #FFFFFF;
}
.style30 {
	font-size: 7pt;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
}
.style31 {color: #669900; font-weight: bold; font-size: 12pt;}
.style32 {color: #000000; font-size: 9pt;}
.style41 {
	font-size: 14pt;
	color: #003300;
	font-weight: bold;
}
.style42 {
	font-size: 14pt;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial;
}
.style45 {
	font-size: 14pt;
	color: #333300;
	font-weight: bold;
}
.style48 {
	font-size: 14pt;
	color: #336600;
	font-weight: bold;
}
.style52 {
	font-size: 14pt;
	color: #336600;
	font-weight: bold;
}



#frm_upload, #tbl_upload, #btn, #sbm {
	margin:0px;
	padding:0px;
}
#tbl_upload {
}
#tbl_upload th, #tbl_upload td {
	text-align:left;
	vertical-align:middle;
}
#tbl_upload th {
	padding:3px 0px 0px 0px;
	font-weight:bold;
}
#tbl_upload td {
	padding:3px;
}
.frmfld {
	background-color: #A3B282 ! important;
	border: 1px solid #000000;
}
#btn, #sbm {
	height:20px;
	width:120px;
	display:block;
}
#btn {
	background-color:transparent;
	border:none;
	cursor:pointer;
}
#sbm {
	background:url(http://www.fernthai.org/images/button.gif) repeat-x 0px 50%;
	border: 1px solid #000000;
}
.warning {
	color:#990000;
	font-weight:bold;
}