HTML {
	margin-top:0px;

}
BODY {
margin:0;
padding:0px;
color:#444444;
direction:ltr;

  background-color: #154B69;

}

/* ============ SIZE===========*/
 DIV#top_nav , DIV#HEADER{
	WIDTH:960px;
}

	/*  FOR 1024x768 SET width:810px;  */
	/*  FOR 800x600 SET width:585px;  */

DIV#CONTENT {
	width:810px;
}






a{color:#0066aa; text-decoration:none}
a:hover{
color:#FFAB00; text-decoration:underline;
}
TD{
vertical-align:top}


.B1x {
font:bold 15px Arial;
 padding-top:20px
 }
 
 .B2x{ 
font:14px Arial;
padding-top:15px;
}
.B2{ 
font:bold 13px Arial;
padding:7px;
margin-top:15px;

}
.B2P{ 
font:bold 14px Arial;
padding:6px;
margin-top:15px;
margin-bottom:8px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
color:#333333;
}
.B3{ 
font:bold 17px Arial;
padding:10px;
border-top:1px solid #FF9900;
border-bottom:1px solid #FF9900;
background:#FFFFFF;
margin-top:15px;
}

H3 { font:bold 18px arial; margin-top:20px;
	text-transform:uppercase;
	}
H4 { font:bold 14px arial }
H5 { font:bold 12px arial }



DIV#HEADER{
	margin:0px;
	padding-bottom: 20px;
	width: 960px;
	background-color: #FFFFFF;
}
DIV#TOPIMG{

	height:110px;
	padding:0;
	margin:0;
	background:url(../../images/header.png) repeat-x

}



DIV#top_nav {
	FLOAT: left; 
	padding-top: 4px;
	font: 14px 'Arial';
	MARGIN-TOP:0px;
	height:35px;
	background:url('http://www.kmitl.ac.th/che/images/xe_nav.gif') repeat-x;
}

DIV#top_nav UL UL, DIV#top_nav UL UL LI {
	WIDTH: 130px; 
}

DIV#top_nav UL.level1 LI.submenu:hover UL.level2 {
	DISPLAY: block; Z-INDEX: 300
}
DIV#top_nav UL {
	PADDING:0px; MARGIN: 0px;
	Z-INDEX: 300; FLOAT: left;
}
DIV#top_nav LI {
	FONT-WEIGHT: bold; FONT-SIZE: 85%; Z-INDEX: 300; FLOAT: left; MARGIN: 0px; LIST-STYLE-TYPE: none; POSITION: relative
}
DIV#top_nav LI A {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 11px; Z-INDEX: 300; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-DECORATION: none;
	COLOR: #FFFFFF; 
}
DIV#top_nav LI A:hover {
	Z-INDEX: 300;  TEXT-DECORATION:underline;
	COLOR: #FFFFFF; 
}
DIV#top_nav UL.level2 {
	LEFT: -1px; TOP: 22px
}
DIV#top_nav UL UL {
	 DISPLAY: none; Z-INDEX: 300; FILTER: alpha(opacity=94);  POSITION: absolute;  -moz-opacity: 0.94; opacity: 0.94;
	 
	 BORDER: 1px solid #FFBB00;
	 
	BACKGROUND-COLOR: #FCFCFC;
}
DIV#top_nav UL UL LI {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 100%; Z-INDEX: 300; BORDER-BOTTOM-WIDTH: 0px; MARGIN-RIGHT: -1px; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px;

}



DIV#top_nav UL.level2 A {
	Z-INDEX: 300;
	COLOR: #FF9900;
	font:  bold 12px 'arial'
}
DIV#top_nav UL.level2 A:hover {
	Z-INDEX: 300; 
	COLOR: #FFFFFF;
	background-color:#FF9900;
	
	
	}


#nav_wb {
	position:relative;
	left:auto;
	top:5px;
	width:120px;
	z-index:300;
	float: right;
	text-align: right;
	padding-right: 11px;
}
#nav_wb A {
	font: bold 12px 'Arial';
	text-decoration:none;
	color:#FFFFFF;
}
#nav_wb A:hover {
	text-decoration:underline;
}




/*	     FOR 1024x768 SET width:985px;     */

DIV#FOOTER {
	color:#FFFFFF;
	font:11px tahoma;

}
DIV.FooterLeft{float:left; 
text-align:left;
padding-left:10px
}
DIV.FooterRight{float:right;
padding-right:10px}

DIV#FOOTER A{
text-decoration:none;
}
DIV#FOOTER A:hover{

text-decoration:underline
}