.main {
	margin: auto;
	height: auto;
	width: 980px;
	background-color:#000000
	}

.top_logo {
	float: left;
	height: 110px;
	width: 980px;
	background-color:#5D3075;
	background-image:url(../images/back.gif);
	background-repeat:repeat-x
}
.ranikhet_logo {
	float: left;
	height: 100px;
	width: 600px;
	padding-top:10px;
}
.ranikhet_logo1 {
	float: left;
	height: 100px;
	width: 220px;
	padding-top:10px;
}
.ranikhet_logo2 {
	float: left;
	height: 90px;
	width: 300px;
	padding-top:20px;
	font-size:26px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	text-align:center
	}

.hillsea_logo {
	float: left;
	height: 80px;
	width: 360px;
	padding-right:20px;
	padding-top:30px;
	text-align:right;
}
.javascript_content {
	float: left;
	height: 252px;
	width: 980px;
}
.left_link {
	width: 200px;
	height: 256px;
	float: left;
	background-color:#CCCC99
}
.link-style a{
	float: left;
	height: 23px;
	width: 170px;
	padding-left:30px;
	padding-top:8px;
	border-bottom:1px #999999 solid;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	}
.link-style a:hover{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#662929;
	}
.flash {
	float: left;
	height: 248px;
	width: 446px;
	padding:1px;
}

.flash-control {
	float: left;
	height: 248px;
	width: 777px;
	padding:1px;
}
.flash_content {
	float: left;
	height: 250px;
	width: 332px;
	padding:2px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	background-color:#CACA9E
}
.font_head{
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#666666;
	}
.font-12{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
	color:#333333;
	padding:5px;
	}
.font_12_nopad{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	color:#333333;
		}
.bottom {
	float: left;
	height: 320px;
	width: 980px;
	margin-top:2px;
	border-top:5px #EE4F2F solid;
	background-color:#FFFFFF
}
.bottom1 {
	float: left;
	height: 700px;
	width: 980px;
	margin-top:2px;
	border-top:5px #EE4F2F solid;
	background-color:#FFFFFF
}
.bottom2 {
	float: left;
	height: 500px;
	width: 980px;
	margin-top:2px;
	border-top:5px #EE4F2F solid;
	background-color:#FFFFFF
}

.bottom-link{
	float: left;
	height: 50px;
	width: 980px;
	background-color:#CCCC99;
	border-top:5px #EE4F2F solid;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	color:#333333
	}
.bottom-link a{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	color:#996600
	}
.bottom-link a:hover{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	color:#990000
	}
.bottom-link a:active{
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	color:#990000
	}
	



.bottom_head {
	float: left;
	height: 20px;
	width: 980px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	padding:5px;
	border-bottom:1px #003366 dashed
}
.bottom_content {
	padding: 10px;
	float: left;
	height: 250px;
	width: 950px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
}
.bottomother {
	padding: 10px;
	float: left;
	height: 300px;
	width: 304px;
	border-right:1px #999999 dashed
}
.font_link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:justify;
    }