/* CSS Document Thai-1 */
body {     scrollbar-3d-light-color:#66FF00;
           scrollbar-arrow-color:#009900;
           scrollbar-base-color:66FF00;
           scrollbar-dark-shadow-color:#009900;
           scrollbar-face-color:#FFFFFF;
           scrollbar-highlight-color:#FFFFFF;
           scrollbar-shadow-color:#009900}
		   
html {     scrollbar-3d-light-color:#66FF00;
           scrollbar-arrow-color:#009900;
           scrollbar-base-color:66FF00;
           scrollbar-dark-shadow-color:#009900;
           scrollbar-face-color:#FFFFFF;
           scrollbar-highlight-color:#FFFFFF;
           scrollbar-shadow-color:#009900}

body {
text-align: center;}

#container {
margin: 0 auto;
width: 780;
height: 100%;
text-align: left;}

#container #top { /* Date */	
width: 780px;
height: 30px;
position: relative; left: 30px;
text-align: left;}

#container #header {	
width: 780px;
height: 100px;
position: relative; left: 30px;
background-image:  url(images/header-logo.jpg);
border-bottom 2px solid #66ff00;}

#container #nav {
width: 780px;
height: 21px;
position: relative; left: 30px;
background-color #00ff00;
border-top 1px solid #66ff00;}

#nav #cfnavbar{
margin: 0;
padding: 0;
position: absolute; top: 1px; left: 3px;}

#nav #cfnavbar ul{
background: url(images/bg.gif) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 80% Verdana;}

#nav #cfnavbar ul li{
display: inline;}


#nav #cfnavbar ul li a, #cfnavbar ul li span{
float: left;
color: black;
font-weight: bold;
padding: 8px 13px 5px 6px;
text-decoration: none;
background: url(images/divider.gif) top right no-repeat;}

#nav #cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;}

#nav #cfnavbar ul li a#leftcorner{
float: none;
padding-left: 10px;
padding-right: 0px;
background: url(images/leftcorner.gif) top left no-repeat;}

#nav #cfnavbar ul li a#rightcorner{
padding-right: 10px;
background: url(images/rightcorner.gif) top right no-repeat;}

#nav #cfnavbar ul li a:hover{
text-decoration: underline;}

#nav #cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;}

#container #body {
	margin: auto;
	width: 780px;
	padding: 30px 0px 0px 0px;
	position: relative; left: 30px;
	text-align: justify;}

#body #column_left{width:350px; margin-left: 20px; margin-right:20px; float:left;}
#body #column_right{width:335px; float:right;}

p {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000000;}

h1 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: italic;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
color: #000000;}

h2 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #000000;}

h3 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #000000;}

h4 {
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
display: inline;
color: #000000;}

p.dropcap:first-letter {
	float: left; /* Make the text flow around the letter */
	font-family: Times, Verdana, Arial, Helvetica, Serif; /* Use whatever font fits your site (Verdana, Arial, Helvetica, sans-serif;) */
	color: #FF00FF; /* Color of the font */
	font-size: 2.5em; /* Makes the letter twice the size of the rest of the text */
	font-weight: bold; /* Don't need it, but looks good */
	line-height: 1em; /* Adjustment for IE. Otherwise it doesn't line up correctly */
	padding-right: 0.10em;} /* If it's getting crowded - adjust */

.menulinks  {
position: absolute; top: 120px; left: 2px;}

.menulinks ul { 
margin: auto;}

.menulinks li {
margin: 0px 0px 0px 0px;
list-style-type: none;
display: inline;}

.menulinks li a {
color: #000000;
padding: 5px 10px 10px;
text-decoration: none;
font-size: 14px;
font-family: Verdana;}

.menulinks li a:hover{
color: #009900;
background-colour: #009900;
 /*If you want to use a color for the background instead replace above line with background-color: [insert color here with # sign in front];*/
font-style: italic;
text-decoration: underline;}


.commentbox{  /* Comments / Testomonials Page */
background-color: #ececec;
width: 295px;
padding: 10px;}

.commentfooter{
background: url(images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;}

#container #footer {
clear:both;
height: 25px;
position: relative; left: 30px;
background-color #FF00FF;
text-align: left;
border-bottom: 1px solid #66ff00;
padding: 12px 0px 0px 0px; 
text-decoration: none;}

.site-map {  /* Site Map Hyperlink */
position: absolute; bottom: 0px; left: -35px;
font-family: Times, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
display: inline;
color: #000000;}

.site-map ul { 
margin: auto;
display: inline;}

.site-map li{
list-style-type: none;
display: inline;}

.site-map a:link {
color: #000000;
text-decoration: none;
display: inline;}

.site-map a:visited {
color: #000000;
text-decoration: none;
display: inline;}

.site-map a:hover {
color: #009900;
text-decoration: none;
font-style: italic;
font-weight: bold;
display: inline;}

.site-map a:active {
color: #000000;
text-decoration: none;
display: inline;}

.menu {  /* Site Menu Page Nav */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #B8B8B8;
display: inline;}

.menu a:link {
color: #B8B8B8;
text-decoration: none;
display: inline;}

.menu a:visited {
color: #B8B8B8;
text-decoration: none;}

.menu a:hover {
color: #009900;
font-style: italic;
text-decoration: none;}

.menu a:active {
color: #B8B8B8;
text-decoration: none;}