@charset "utf-8";
/* 
CSS Document Version 5.0
For : KMITL OFFICIAL SITE
Created On : 17 Jan 2008 | 21.56
Support : IE7 only , Firefox 2.0+ , Google Chrome , Opera.
Contact At : api_num@hotmail.com , s0011870@kmitl.ac.th.
Design By Apisit Numchaichanakij.
Faculty Of Engineering. Department Of Electronics.
*/

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
}

/* Default Area */
body { font: normal 13px 'Lucida Grande', 'Vernada', arial, helvetica, hirakakupro-w3, osaka, 'ms pgothic', 'DejaVu Sans', 'Liberation Sans', sans-serif; color: #666; text-align: center; margin: 0px; }

a { font-weight: 400; cursor: pointer; }

a img { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none; }

td { vertical-align: top; font-size: 14px; padding-left: 10px;
}

th { vertical-align: bottom; }

li { margin-top: 0px; margin-bottom: 5px; }

ul { margin-top: 8px; margin-bottom: 8px; }

p {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 13px;
}

textarea { border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #eee; border-bottom:1px solid #eee; width:100%; font-family: 'Lucida Grande', 'Vernada', arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif; font-size: 12px; padding: 2px; }

textarea:focus { border: 1px solid #ff9900; width:100%; }

blockquote { padding:10px; margin:10px; border-left:5px solid #ccc; }

/* Fonts Area */
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: underline;
	color: #FF3300;
}
h1 {
	font-size: 22px;
	color: #FF3300;
	margin-bottom: 8px;
	font-weight: normal;
	margin-top: 15px;
}
h2 {
	font-size: 14px;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 0px;
}
h3 {
	font-size: 14px;
	color: #996600;
	margin-bottom: 2px;
	margin-top: 15px;
}
h4 {
	font-size: 14px;
	color: #990000;
	margin-bottom: 2px;
	margin-top: 15px;
}
h4 ul li{
	list-style-type: none;
}

/* Container Area */
#default {
	width: 980px;
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	white-space: normal;
	display: block;
	overflow: hidden;
}
#header {
	width: 980px;
	height: 144px;
	background-image: url(../images/top_area_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;	
}
#langbar {
	width: 114px;
	height: 26px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-top: 83px;
}
#rotator {
	width: 980px;
	height: 326px;
	background-image: url(../rotator.php);
	background-repeat: no-repeat;
	background-position: center top;
	white-space: normal;
	display: block;
	overflow: hidden;
}
#fix_rotator {
	width: 980px;
	height: 85px;
	background-image: url(../images/fix_rotator.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	white-space: normal;
	display: block;
	overflow: hidden;
}
#nav_top {
	width: 550px;
	float: right;
	text-align: right;
	margin-top: 5px;
	padding-right: 20px;
}
#nav_top_fix {
	width: 650px;
	float: right;
	text-align: right;
	margin-top: 5px;
	padding-right: 0px;
}
#nav_top img {
	padding: 0px;
	margin: 0px;
}
#content {
	width: 980px;
	margin-top: 5px;
	white-space: normal;
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
}
#content_fix {
	width: 980px;
	padding-bottom: 10px;
	margin-top: 0px;
	white-space: normal;
	display: block;
	overflow: hidden;
	background-color: #FFFFFF;
}
#cont-left-new {
	width: 425px;
	float: left;
}
#cont-left-new-box1 {
	border: 1px solid #999999;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 3px;
	float: left;
}
#cont-left-new-box2 {
	border: 1px solid #999999;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 3px;
	float: left;
}
#cont-right-new {
	width: 555px;
	float: right;
}
#cont-right-new-box1 {
	border: 1px solid #999999;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 3px;
	float: left;
	clear:left;
}
#cont-right-new-box2 {
	border: 1px solid #999999;
	margin-right: 0px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding: 3px;
	float: left;
}
#cont-left-new-box1 a img , #cont-left-new-box2 a img  , #cont-right-new-box1 a img , #cont-right-new-box2 a img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#cont-left-new-box1 a:hover img , #cont-left-new-box2 a:hover img , #cont-right-new-box1 a:hover img , #cont-right-new-box2 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#cont-single-phase1 {
	margin-bottom: 20px;
	text-align: left;
}
#cont-single-phase2 {
	width: 950px;
	margin-right: 10px;
	float: right;
	text-align: left;
	margin-bottom: 15px;
}
#cont-single-phase-left {
	width: 470px;
	float: left;
}
#cont-single-phase-right {
	width: 470px;
	float: right;
}
#cont-single-phase-left2 {
	width: 340px;
	float: left;
}
#cont-single-phase-right2 {
	width: 340px;
	float: right;
}
#cont-left {
	float: left;
	width: 710px;
	text-align: left;
}
#cont-right {
	width: 260px;
	margin-left: 5px;
	margin-right: 0px;
	float: right;
	text-align: left;
}
#cont-both {
	float: left;
	width: 980px;
	text-align: left;
}
#cont-left2 {
	float: left;
	width: 260px;
	text-align: left;
}
#cont-right2 {
	float: right;
	width: 710px;
	text-align: left;
}
#cont-right2 img {
	margin: 0px;
	padding: 0px;
}
#data-area {
	width: 700px;
	margin-right: 10px;
	clear: both;
}
.area {
	width: 100%;
	padding: 0px;
	margin-bottom: 10px;
}
.area img {
	margin-bottom: 8px;
	float: left;
}
.msgbox {
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.msgbox img {
	margin-bottom: 3px;
}
.listbox {
	padding-left: 15px;
	padding-top: 5px;
	font-size: 14px;
}
#servarea {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 10px;
}
#servarea2 {
	text-align: right;
	margin-top: 6px;
	margin-bottom: 10px;
}
#servarea2 img {
	margin-bottom: 2px;
}
#servarea2 a img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
#servarea2 a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
#destinationbar {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pbox {
	font-size: 14px;
	padding-left: 10px;
	white-space: normal;
	display: block;
	overflow: hidden;
}
.listtel {
	margin: 5px;
}
.hilight {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.admin_area {
	font-size: 13px;
	margin-bottom: 10px;
}
.admin_area h1 {
	font-size: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
	color: #C00;
}
.admin_area h3 {
	font-size: 14px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	color: #F00;
	font-weight: bold;
}
.admin_onecol {
	padding: 5px;
	text-align: center;
}
.admin_col_l{
	width: 49%;
	float:left;
	text-align: center;
}
.admin_col_r{
	width: 49%;
	float:right;
	text-align: center;
}
.admin_data {
	width: 600px;
	border: 1px solid #E5E5E5;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: left;
	white-space: normal;
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
	background-image: url(../images/bg_admin.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.admin_data2 {
	width: 850px;
	border: 1px solid #E5E5E5;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align: left;
	white-space: normal;
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
	background-image: url(../images/bg_admin.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.admin_data2 h1 {
	color: #090;	
}
.imgbox {
	width: 150px;
	margin-right: 15px;
	padding: 2px;
}
#show_navlink {
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 5px;
	text-align: center;
}
#show_navlink a{
	color: #F00;
	padding: 7px;
}
#show_navlink a:hover {
	background-color:#F60;
	color: #FFFFFF;
	text-decoration: none;
}

/* Gallery System */
.pagenav {
	width: 100%;
	text-align: center;
	color: #F30;
}

/* Footer Area */
#footer {
	font-size: 10px;
	width: 980px;
	height: 45px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
}
#footer a:link {
	color: #FF6600;
	text-decoration: underline;
}
#footer a:visited {
	text-decoration: underline;
	color: #FF6600;
}
#footer a:hover {
	text-decoration: underline;
	color: #FF0000;
}
#footer a:active {
	text-decoration: underline;
	color: #FF0000;
}

/* Navigation Bar */
/* Navigation Area */
#nav {
	height:20px;
	font-size:14px;
	font-weight:normal;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	white-space: normal;
	display: block;
	margin-top: 10px;
	list-style-type: none;
	}

#nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;
	display : block;
	}
	
#nav li {
	list-style-type: none;
}

#nav ul li{
	display:block;
	float:left;
	clear: both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	width: 100%;
	
	}

#nav ul li a{
	display:block;
	float:left;
	color:#999999;
	text-decoration:none;
	height:20px;
	width: 100%;
	max-width: 225px;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 26px;
	white-space: normal;
	display: inherit;
	background-image: url(../images/noselect.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}

#nav ul li a:hover,#nav ul li a.current{
	color:#FFFFFF;
	height:20px;
	white-space: normal;
	display : block;
	background-image: url(../images/select.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
	
.categories {
	list-style-type: none;
}