/*
	TERF Thai Elephant Research and Conservation Fund
	site design by normalfx
	url : http://www.normalfx.com
	email : normalfx@gmail.com
*/
*{
	padding:0;
	margin:0
	}
a{
	outline:none;
	text-decoration:none;
	color:#305600
	}
a:hover{
	color:#EE8F00
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#A3BD6C url(images/main_bg.jpg) top center no-repeat
}

/* Page Layout */
#wrapper{
	width:960px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	background:#fff
	}
#header{
	/*height:200px;*/
	float:left;
	width:100%;
	background:#FFF url(images/bg_leaf.gif) top right no-repeat
	}
#footer{
	display:block;
	float:left;
	margin:10px 0 0 0;
	width:100%;
	background:#305600;
	color:#fff
	}
#header h1{
	width:523px;
	float:left
	}
#header h1 a{
	display:block;
	width:523px;
	height:108px;
	text-indent:-9999em;
	background:url(images/werf_logo_en.gif) top left no-repeat
	}
#header #lang{
	display:block;
	float:left;
	font-weight:700;
	font-size:0.7em;
	width:150px;
	margin:90px 0 0 285px
	}
#header #nav{
	display:block;
	width:100%;
	height:92px;
	background:url(images/head_btm.gif) bottom left no-repeat;
	float:left;
	clear:both
	}
#header #nav ul{
	float:left;
	width:100%;
	background:url(images/menu_tail.gif) top right no-repeat
	}
#header #nav ul li{
	display:inline
	}
#header #nav ul li a{
	display:block;
	float:left;
	text-indent:-9999em;
	height:39px
	}
#header #nav ul li#home a{
	width:119px;
	background:url(images/btn_home.gif) top left no-repeat
	}
#header #nav ul li#projects a{
	width:86px;
	background:url(images/btn_project.gif) top left no-repeat
	}
#header #nav ul li#finished-projects a{
	width:127px;
	background:url(images/btn_finish.gif) top left no-repeat
	}
#header #nav ul li#activities a{
	width:153px;
	background:url(images/btn_act.gif) top left no-repeat
	}
#header #nav ul li#info a{
	width:108px;
	background:url(images/btn_info.gif) top left no-repeat
	}
#header #nav ul li#publications a{
	width:112px;
	background:url(images/btn_public.gif) top left no-repeat
	}
#header #nav ul li#useful-links a{
	width:109px;
	background:url(images/btn_link.gif) top left no-repeat
	}
#header #nav ul li#about-us a{
	width:94px;
	background:url(images/btn_about.gif) top left no-repeat
	}
#header #nav ul li#home a:hover, .home #header #nav ul li#home a, #header #nav ul li#projects a:hover, .projects #header #nav ul li#projects a, #header #nav ul li#finished-projects a:hover, .finished-projects #header #nav ul li#finished-projects a, #header #nav ul li#finished-projects a:hover, #header #nav ul li#activities a:hover, .activities #header #nav ul li#activities a, #header #nav ul li#info a:hover, .info #header #nav ul li#info a, #header #nav ul li#publications a:hover, .publications #header #nav ul li#publications a, #header #nav ul li#useful-links a:hover, .useful-links #header #nav ul li#useful-links a, #header #nav ul li#get-involved a:hover, .get-involved #header #nav ul li#get-involved a, #header #nav ul li#about-us a:hover, .about-us #header #nav ul li#about-us a{
	background-position:0 -39px
	}
#wrapper #intro{
	display:block;
	float:left;
	width:910px;
	height:161px;
	margin:5px 0 0 10px;
	border:5px #93C491 solid
	}
html> body #wrapper #intro{
	margin:5px 0 0 20px;
	}
#intro h2{
	width:450px;
	font-size:1.25em;
	line-height:1em;
	color:#305600;
	font-family:trebuchet MS, "Times New Roman", Times, serif;
	margin:10px 0 0 20px
	}
#wrapper #intro p{
	width:380px;
	color:#305600;
	font-size:0.7em;
	margin:10px 0 0 20px;
	line-height:1.6em
	}
#wrapper .intr-home{
	background:url(images/bg_intro.jpg) top left no-repeat
	}
#wrapper .intr-proj{
	background:url(images/bg_projects.jpg) top left no-repeat
	}
#wrapper .intr-act{
	background:url(images/bg_act.jpg) top left no-repeat
	}
#wrapper .intr-info{
	background:url(images/bg_info.jpg) top left no-repeat
	}
#wrapper .intr-public{
	background:url(images/bg_public.jpg) top left no-repeat
	}
#wrapper .intr-links{
	background:url(images/bg_link.jpg) top left no-repeat
	}
#wrapper .intr-get-involved{
	background:url(images/bg_get_involved.jpg) top left no-repeat
	}
#wrapper .intr-about{
	background:url(images/bg_about_us.jpg) top left no-repeat
	}
#wrapper #main-content{
	float:left;
	display:block;
	width:707px;
	padding:10px 0 0 20px
	}
#main-content #project-box{
	display:block;
	margin:0 0 10px 0;
	width:100%;
	height:239px;
	background:url(images/bg_project.jpg) top left no-repeat
	}
#main-content #project-box h3{
	text-indent:-9999em
	}
#main-content #project-box ul{
	width:450px;
	margin:10px 0 0 250px;
	padding:0 0 0 20px
	}
#main-content #project-box ul li{
	color:#305600;
	font-size:0.7em;
	line-height:1.4em
	}
#main-content #project-box ul li a{
	display:block;
	font-weight:700
	}
#main-content #publication{
	display:block;
	float:left;
	width:100%
	}
#main-content #publication h3{
	display:block;
	text-indent:-9999em;
	width:100%;
	height:33px;
	background:url(images/head_public.gif) top left no-repeat
	}
#main-content #publication .body{
	float:left;
	display:inline;
	padding:0 10px;
	background:#E7FAE6;
	border-style:solid;
	border-width:2px;
	border-color:#93C491;
	border-width:0 3px;
	width:681px
	}
#main-content #publication .body h4{
	display:inline;
	color:#333;
	float:left;
	width:640px;
	font-size:0.7em;
	font-weight:200;
	padding:0 10px 10px 10px
	}
#main-content #publication .tail{
	display:block;
	float:left;
	width:100%;
	height:9px;
	background:url(images/round_foot.gif) top left no-repeat
	}
#main-content #activities{
	display:block;
	float:left;
	width:100%;
	margin:10px 0
	}
#main-content #activities h3{
	display:block;
	text-indent:-9999em;
	width:100%;
	height:33px;
	background:url(images/head_activities.gif) top left no-repeat
	}
#main-content #activities .body{
	float:left;
	width:681px;
	padding:0 10px;
	background:#E7FAE6;
	border-style:solid;
	border-width:2px;
	border-color:#93C491;
	border-width:0 3px
	}
#main-content #activities .tail{
	display:block;
	float:left;
	width:100%;
	height:9px;
	background:url(images/round_foot.gif) top left no-repeat
	}
#wrapper #r-side-bar{
	float:left;
	display:block;
	width:210px;
	margin:0 0 0 10px;
	padding:10px 0 10px 0
	}
html> body #wrapper #r-side-bar{
	width:223px
	}
#wrapper #r-side-bar #news{
	display:block;
	margin:0 20px 0 0
	}
#wrapper #r-side-bar #news h3{
	display:block;
	text-indent:-9999em;
	border-bottom:3px #305600 solid;
	width:100%;
	background:url(images/head_news.gif) top left no-repeat
	}
#wrapper #r-side-bar #news ul{
	border-top:1px #305600 solid;
	margin:2px 0 0 0;
	padding:0 10px 0 0
	}
#wrapper #r-side-bar #news ul li{
	list-style:none;
	font-size:0.72em;
	padding:5px 5px;
	border-bottom:1px #305600 dotted
	}
#wrapper #r-side-bar #sub-nav{
	margin:0 20px 0 0
	}
#wrapper #r-side-bar #sub-nav h3{
	display:block;
	text-indent:-9999em;
	border-bottom:3px #305600 solid;
	width:100%;
	}
#wrapper #r-side-bar #sub-nav h3.projects{
		background:url(images/head_projects.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.act{
		background:url(images/head_act_sidebar.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.info{
		background:url(images/head_infomation.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.pub{
		background:url(images/head_pub_sidebar.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.link{
		background:url(images/head_link_sidebar.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.get-involved{
		background:url(images/head_get_involved_sidebar.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav h3.about-us{
		background:url(images/head_about_us_sidebar.gif) top left no-repeat
		}
#wrapper #r-side-bar #sub-nav ul{
	border-top:1px #305600 solid;
	margin:2px 0 0 0;
	padding:0 10px 0 0
	}
#wrapper #r-side-bar #sub-nav ul li{
	list-style:none;
	font-size:0.72em;
	font-weight:700;
	padding:5px 5px;
	border-bottom:1px #305600 dotted
	}
#wrapper #r-side-bar #sub-nav ul li.banner{
	text-align:center;
	border-bottom:none
	}
#wrapper #r-side-bar #sub-nav ul li a{
	display:block;
	padding:0 0 0 15px;
	background:url(images/bullet.gif) 0 -60px no-repeat;
	}
#wrapper #r-side-bar #sub-nav ul li.banner a{
	background:none
	}
#wrapper #r-side-bar #sub-nav ul li a:hover{
	background-position:0 0
	}
/* general body container */
#main-content #general-container{
	display:block;
	float:left;
	width:100%
	}
#main-content #general-container h3{
	display:block;
	text-indent:-9999em;
	width:100%;
	height:33px
	}
#main-content #general-container h3.project-list{
	background:url(images/head_project_list.gif) top left no-repeat
	}
#main-content #general-container h3.project-detail{
	background:url(images/head_project_detail.gif) top left no-repeat
	}
#main-content #general-container h3.activities{
	background:url(images/head_activities_events.gif) top left no-repeat
	}
#main-content #general-container h3.information{
	background:url(images/head_info.gif) top left no-repeat
	}
#main-content #general-container h3.link{
	background:url(images/head_links.gif) top left no-repeat
	}
#main-content #general-container h3.get-involved{
	background:url(images/head_get_involved.gif) top left no-repeat
	}
#main-content #general-container h3.about-us{
	background:url(images/head_about_us.gif) top left no-repeat
	}
#main-content #general-container .body{
	float:left;
	width:681px;
	padding:0 10px;
	background:#E7FAE6;
	border-style:solid;
	border-width:2px;
	border-color:#93C491;
	border-width:0 3px
	}
#main-content #general-container .tail{
	display:block;
	float:left;
	width:100%;
	height:9px;
	background:url(images/round_foot.gif) top left no-repeat
	}
#footer p{
	padding:5px 20px;
	font-size:0.7em
	}

/*  general class */
.figure-container{
	display:inline;
	clear:both;
	width:100%;
	float:left;
	margin:0 0 15px 0
	}
.figure {
	float:left;
	display:inline;
	background:#F2F3BD none repeat scroll 0 0;
	border:1px solid #D7D86F;
	margin:0 5px 10px;
	padding:3px 3px 4px;
	width:152px
	}
.figure img{
	width:150px;
	border-color:#D7D86F;
	border-width:1px;
	height:140px
	}
.figure small {
	display:block;
	color:#627F27;
	font-family:"Lucida Grande",arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	height:32px;
	padding:4px 3px 0;
	}
.figure-narrow{
	float:left;
	display:inline;
	background:#F2F3BD none repeat scroll 0 0;
	border:1px solid #D7D86F;
	margin:0 5px 10px;
	padding:3px 3px 4px;
	width:322px
	}
.figure-narrow img{
	width:320px;
	border-color:#D7D86F;
	border-width:1px;
	height:140px
	}
.figure-narrow small {
	display:block;
	color:#627F27;
	font-family:"Lucida Grande",arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	height:32px;
	padding:4px 3px 0;
	}
.figure-container-detail{
	display:inline;
	clear:both;
	width:100%;
	float:left;
	margin:0 0 15px 0
	}
.figure-container-detail .figure {
	float:left;
	display:inline;
	background:#F2F3BD none repeat scroll 0 0;
	border:1px solid #D7D86F;
	margin:0 5px 10px;
	padding:3px 3px 4px;
	width:142px
	}
.figure-container-detail .figure img{
	width:139px;
	border-color:#D7D86F;
	border-width:1px;
	height:140px
	}
.figure-container-detail .figure small {
	display:block;
	color:#627F27;
	font-family:"Lucida Grande",arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	font-style:normal;
	line-height:1.1em;
	margin:0;
	height:32px;
	padding:4px 3px 0;
	}
.figure-no-fix{
	float:left;
	display:inline;
	width:193px;
	background:#F2F3BD none repeat scroll 0 0;
	border:1px solid #D7D86F;
	margin:0 5px 10px;
	padding:4px;
	}
.figure-no-fix img{
	border-color:#D7D86F;
	border-width:1px;
	}
.figure-no-fix small {
	display:block !important;
	color:#627F27;
	font-family:"Lucida Grande",arial,sans-serif;
	font-size:0.6em;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	height:32px;
	padding:4px 3px 0;
	}
.act-container{
	float:left;
	width:660px;
	padding:10px;
	background:#fff
	}
.act-block{
	float:left;
	background:#fff;
	width:640px;
	clear:both;
	padding:10px;
	border-bottom:1px dotted #ccc
	}
.act-block a img{
	border:2px solid #305600
	}
.act-block a:hover img{
	border:2px solid #EE8F00
	}
.act-block img{
	float:left;
	width:160px;
	margin:0 10px 0 0
	}
.act-block h4{
	font-size:0.9em
	}
.act-block small{
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	float:left;
	font-size:0.8em
	}
.act-block p{
	font-size:0.72em;
	padding:5px 0;
	width:465px;
	float:left
	}
.act-block .thumb-list{
	overflow:hidden;
	width:465px;
	}
.act-block .thumb-list img{
	width:100px;
	height:67px;
	margin:0 10px 10px 0
	}
.gen-block{
	float:left;
	background:#fff;
	width:640px;
	clear:both;
	padding:10px;
	border-bottom:1px dotted #ccc
	}
.gen-block ul, .gen-block ol{
	margin:10px 40px;
	clear:both
	}
.gen-block ul li, .gen-block ol li{
	padding:0 0 5px 0;
	font-size:0.7em
	}
.gen-block ul li a, .gen-block ol li a{
	display:block;
	font-weight:700
	}
.gen-block ul li span, .gen-block ol li span{
	font-weight:200
	}
.gen-block h4{
	font-size:0.9em
	}
.gen-block h5{
	color:#333;
	padding:10px 0 0 0
	}
.gen-block small{
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	float:left;
	font-size:0.8em
	}
.gen-block p{
	font-size:0.70em;
	padding:5px 0
	}
.gen-block p a{
	font-style:italic;
	}
.gen-block .hilight{
	color:#305600;
	padding:20px;
	float:left;
	font-size:1.1em
	}
.image-left{
	float:left;
	padding:5px
	}
.image-right{
	float:right;
	padding:5px
	}
div.img-center{
	text-align:center
	}