@charset "utf-8";
/* CSS Document */
/*main box*/

<!--body {background: url(Images/bgre7.gif); width:100%; height:100%;}-->
body {background: #4DDBF9; width:100%; height:100%;}

h1 {font:AngsanaUPC, tahoma; font-size:20px; text-align:center; color:#333; text-decoration:none;}
h1 a {font:AngsanaUPC, tahoma; font-size:20px; text-align:center; color:#333; text-decoration:none; background-image:url(Images/h_bg1.jpg);}
h1 a:hover {font:AngsanaUPC, tahoma; font-size:20px; text-align:center; background-color:#FFFF00; text-decoration:none;}


#header{ margin:auto; padding:0; width:975px; height:50px; position:relative; /*border:1px #CCC solid;*/ background-image:url(Images/h_bg2.jpg);}

#contrainner_main { margin:auto; padding:0; width:975px; height:500px; position:relative; /*border:2px #CCC solid; background:#E8F3FF*/}

#contrainner_main_box_body { margin:2px 2px 2px 2px; padding:0; width:969px; height:450px; position:relative;/* border:1px #CCC solid;*/}
/*menu box main*/

#contrainner_main_box_body_nav_header { margin:auto; padding:0; width:970px; height:60px; position:relative; /*border:1px #CCC solid*/ /*background-image:url(Images/h_bg2.jpg); background-repeat: repeat-x;*/}


#contrainner_main_box_body_nav1 { margin:3px 2px 2px 2px; padding:0; width:970px; height:40px; position:relative; /*border:1px #CCC solid*/ background-image: url(Images/up_bg.gif); background-repeat: repeat-x;}
#contrainner_main_box_body_nav1 a {font:AngsanaUPC, tahoma; font-size:18px; color:#333; text-decoration:none;vertical-align:middle;}
#contrainner_main_box_body_nav1 a:hover  {font:AngsanaUPC, tahoma; font-size:18px; color: #333;text-decoration:none; vertical-align:middle;}
/*p a {font:AngsanaUPC, tahoma; font-size:18px; color:#333; text-decoration:none;vertical-align:middle;}
p a:hover {font:AngsanaUPC, tahoma; font-size:18px; color: #FF0000;text-decoration:none; vertical-align:middle;}
*/



/*4 menu*/
/*#contrainner_main_box_body_nav1 #box1{ margin:0px; padding:0; top:1px; width:235px; height:107px; position:relative; border:1px #CCC solid; background: #99FFCC}
#contrainner_main_box_body_nav1 #box2{ margin:0px; padding:0; left:244px; top:1px; width:235px; height:107px; position:absolute; border:1px #CCC solid; background: #99FFCC}
#contrainner_main_box_body_nav1 #box3{ margin:0px; padding:0; left:488px; top:1px; width:235px; height:107px; position:absolute; border:1px #CCC solid; background: #99FFCC}
#contrainner_main_box_body_nav1 #box4{ margin:0px; padding:0; left:733px; top:1px; width:235px; height:107px; position:absolute; border:1px #CCC solid; background: #99FFCC}*/


/*footer*/
#footer {margin:auto; padding:0; width:968px; height:40px; position:relative; top:2px; left:auto; top:10px; /*border:2px #CCC solid*/} 
#footer p { font:AngsanaUPC, tahoma; font-size:10px; position: absolute; color:#999;text-align:top; width:auto;}
#footer p a { color: #FF0000; text-decoration:none;}
#footer p{
	font:AngsanaUPC, tahoma;
	font-size:10px;
	position: absolute;
	color:#999;
	text-align:top;
	width:auto;
	top: 0px;
}

#footer #frame1 {
	position:absolute;
	right:5px; /*top:10px;*/
	width:359px;
	height:40px;
}
#footer #frame1 p{
	font:AngsanaUPC, tahoma;
	font-size:10px;
	position: absolute;
	right:5px;
	color:#999;
	text-align:top;
	width:329px;
}



ul.v_menu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:tahoma, "Microsoft Sans Serif", Vanessa;
	font-size:12px;
}
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูเ */
	display:block;
	width:161px;
	height:20px;
	text-indent:5px;
	/*background-color:#339900;*/
	/*border:5px #006633 inset;*/
	float:left;
	text-align:center;
}
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	width:161px;
	height:20px;
	text-indent:5px;
	background-color: #F00;
	/*border:5px #006633 inset;*/
	float:left;
	text-align:center;	
}
ul.v_menu > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
	text-decoration:none;
	color:#FFFFFF;
	line-height:20px;
}
