body, div, form, table, ul, li, h1, h2, h3, img,p
{
	border:0px;
	margin:0px;
	padding:0px;
}

body
{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-color: #fff;
	color:#333;
}

html { overflow-y:scroll; }

#imageholder
{
	display:none;
}

a:active
{
	outline: none;
}

a:focus
{
	-moz-outline-style: none;
}

#main
{
	margin: 0 auto 0 auto;
	width:998px;
	background-color:#fff;
	background-image:url(../images/bg.png);
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}

#content
{
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
}

#header
{
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	width:977px;
	height:255px;
	background-position:top;
}

#innercontent
{
	padding-bottom:10px;
	text-align:center;
}

#leftsidebar
{
	float:left;
	background-image:url(../images/graygrad.gif);
	background-repeat:repeat-x;
	height:620px;
	width:210px;
}

#langswap
{
	display:none;
}

#lang
{
	position:relative;
	width:55px;
	top:0px;
	left:922px;
	text-align:right;
	margin-top:1px;
	margin-bottom:3px;
}

#maincontent
{
	float:right;
	background-image:url(../images/graygrad.gif);
	background-repeat:repeat-x;
	width:685px;
	padding-left:30px;
	padding-right:30px;
}

#maincontent h1
{
	padding-top:20px;
	padding-bottom:12px;
	color:#F60;
	font-size:14px;
	font-weight:bold;
}

#maincontent h2
{
	padding-top:20px;
	padding-bottom:12px;
	color:#F60;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

#maincontent h3
{
	padding-bottom:12px;
	color:#F60;
	font-size:12px;
	font-weight:bold;
}

p
{
	color:#333;
	line-height:22px;
	text-align:left;
	padding-bottom:18px;
}

#footer
{
	padding-top:10px;
}

#footerleft
{
	float:left;
	text-align:left;
	color:#999;
	line-height:20px;
}

#footerright
{
	float:right;
	text-align:right;
	color:#999;
	line-height:20px;
}

.clear
{
	clear:both;
}

.right
{
	text-align:right;
}

a.more
{
	text-decoration:none;
	color:#4a8044;
}

a.more:hover
{
	text-decoration:none;
	color:#F30;
}

a.textlink
{
	color:#00F;
	text-decoration:none;
}

a.textlink:hover
{
	color:#C00;
	text-decoration:underline;
}

ul
{
	text-align:left;
	padding-left:20px;
	padding-top:0px;
}

li
{
	padding-bottom:12px;
}


.indent
{
	text-indent:40px;
}

#slide ul
{
	text-align:left;
	padding-left:0px;
	padding-top:0px;
}

#slide li
{
	padding-bottom:0px;
}
/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:210px; height:620px; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:210px; color:#000; background:#eee; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer; }

#slide li.sub {background:#eee url(../images/out.gif) no-repeat 5px 8px;}

#slide li.top a {text-decoration:none; color:#000; display:block; background:url(../images/out.gif) no-repeat 5px 8px;}

#slide li.top a.highlight {text-decoration:none; color:#f60; display:block; background:#ddd url(../images/out.gif) no-repeat 5px 8px;}

#slide li.top a:hover {color:#069; background:#ddd url(../images/out-over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#f60; background:#ddd url(../images/down.gif) no-repeat 5px 8px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:240px; width:180px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff url(../images/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}
#slide li div ul li a:hover {color:#069; background:#fff url(../images/out-over.gif) no-repeat 5px 6px;}

#slide li div ul li a.subhighlight {padding:0; margin:0;color:#f60; text-decoration:none; background:#fff url(../images/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}

#contactleft
{
	float:left;
	text-align:left;
	font-size:11px;
}

#contactright
{
	width:50%;
	float:right;
	text-align:left;
	font-size:11px;
}

.error
{
	color:#FF3300;
	font-size:11px;
}

.box
{
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#eef3f7;
	margin-bottom:7px;
	padding:3px;
	color:#085895;
	border:1px solid #ccc;
	font-size:11px;
	width:320px;
}

.genbox
{
	font-family:Tahoma, Geneva, sans-serif;
	background-color:#eef3f7;
	margin-bottom:7px;
	padding:3px;
	color:#085895;
	border:1px solid #ccc;
	font-size:11px;
}

label
{
	color:#333;
	padding-left:2px;
}

.button
{
	cursor:pointer;
	font-size:11px;
}

.centered 
{
	margin:0 auto;
	text-align:center;
}

#langswap
{
	display:none;
}

#clientarea
{
	width:59%;
	text-align:left;
	font-size:11px;
	margin-left:280px;
}

#errDiv
{
	width:300px;
	text-align:left;
	height:10px;
	margin-left:255px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:10px;
	font-size:11px;
	color:#999;
}

.graytext
{
	padding-left:47px;
	font-size:10px;
}

.khlongpicleft
{
	float:left;
	width:auto;
	padding-left:40px;
}

.khlongpicright
{
	float:right;
	width:auto;
	padding-right:40px;
}

.pondpicleft
{
	float:left;
	width:auto;
}

.pondpicright
{
	float:right;
	width:auto;
}

#slideshow
{
	position:relative;
	top:0px;
	left:0px;
	width:977px;
	height:255px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}


#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#ricemainleft
{
	float:left;
	width:467px;
	text-align:left;
	margin-top:10px;
}

#ricemainright
{
	float:right;
	width:auto;
	margin-top:6px;
}

#ricepicleft
{
	float:left;
	width:auto;
	margin-top:20px;
}

#ricepicright
{
	float:right;
	width:310px;
	margin-top:20px;
}

.oilpicleft
{
	float:left;
	width:225px;
	margin-top:20px;
	text-align:left;
}

.oilpicmid
{
	float:left;
	width:235px;
	margin-top:20px;
	text-align:center;
}

.oilpicright
{
	float:right;
	width:225px;
	margin-top:20px;
	text-align:right;
}

#foodpicleft
{
	float:left;
	width:auto;
	margin-top:20px;
}

#foodpicright
{
	float:right;
	width:310px;
	margin-top:20px;
}

pre
{
	display:block;
	font:80% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#tooltip
{
	position:absolute;
	border:1px solid #333;
	background:#CCCCFF;
	padding:10px;
	color:#333;
	display:none;
	font-size:12px;
	margin-right:30px;
}

#globpic
{
	float:left;
	margin:0px;
	padding:0px;
}