@charset "utf-8";



#logo {height:352px;width:1026px;;margin-left:auto;margin-right:auto;background-image:url(learn-thai.png);background-position:center center;}

#main {
	
	width: 1026px;
	margin: 0 auto;
	min-height:700px;
	
	border-left: 1px dotted #000;
	border-right: 1px dotted #000;
	
	
	}
//main : background-color:#04570a;
//#logo {height:352px;width:1026px;margin-top:50px;margin-left:auto;margin-right:auto;background-image:url(learn-thai.png);background-position:center center;}


#googai {
		margin-left:auto;
		margin-right:auto;
  		
  		}
#googai td {border-width:3px; border-color:#04570a; border-style:solid; padding:5px;}

#content a:link {text-decoration:none;font-weight:bold;color:#04570a; } a:visited {font-weight:bold;color:#04570a;} a:hover {font-weight:bold;color:#FFFF00;} a:active  {font-weight:bold;color:#FFFF00;}


#h3 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;font-size:22px;font-weight: bold;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#h1 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;font-size:26px;font-weight: bold;color:#000;background-color:#FFFFFF;text-align:center;width: 1026px;margin-left:auto;margin-right:auto;}	
#h2 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;font-size:25px;font-weight: bold;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#h4 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;font-size:24px;font-weight: bold;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#h5 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;font-size:28px;font-weight: bold;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#content {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#content1 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#content2 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}
#content3 {font-family:"Franklin Gothic", Arial, Helvetica, sans-serif;color:#000;background-color:#FFFFFF;text-align:center;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}

#valid  {background-color:#FFFFFF;text-align:center;height:31px;line-height:26px;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}

#footer {font-family:"Book_Akhanake", Arial, Helvetica, sans-serif;color:#000;background-color:#FFFFFF;text-align:center;height:15px;font-size:12px;line-height:26px;margin-top:20px;width: 1026px;margin-left:auto;margin-right:auto;}

	
*{margin: 0;padding: 0;}

.container {
clear: both;
float: left;
width: 100%;
height:100px;
background: #FFFFFF;
font-family: "Book_Akhanake";
font-size:22px;
}

#navi {

float: left;
position: relative;
left: 50%;
margin: 0 auto;
padding: 0;
list-style-type: none;
font-family: "Book_Akhanake";
font-size: 22px;
line-height: 1.5;
}

#navi ul {
list-style: none;
float: left;
position: relative;
right: 50%;
}

#navi li {
float: left;
width: 171px;
}


#navi h3 {
font-size:22px;
text-align: center;
color: #FFF;
border: 1px solid #000000;
background: #70c16b;
}

#navi a {
font-size:18px;
text-decoration: none;
display: block;
border: 1px solid #000000;
text-align: center;
background: #89eb83;
color: #000000;
}

#navi a:hover {
font-size:18px;
color: #f6300c;
background: #89eb83;
}

#navi ul ul {
position:absolute;
right: 0%;
z-index: 2;
display: none;
}

#navi ul li:hover ul {
display: block;
}



#leer	{height: 200px;
	width: 1026px;}