﻿/* global var ******************************** */
*{margin:0;padding:0;}
body{margin:3px;width:760px;margin:10px auto;background-color:gray;font-family:Tahoma;font-size:14px;}
h2{	font-size:large}
h3{	font-size:medium;font-weight:bold;border-bottom:1px #666666 solid;background:#CCCCCC;}
table{border: 0px;border-collapse:collapse;}
td.col2{width:100%;}
a:link{text-decoration:none;}
a:hover{text-decoration:underline;}

.validate{color:red;}
.date {	background:url("images/clock.gif") no-repeat left center;padding-left:20px; margin: 0 10px 0 5px;}
.click_pdf img{border:0px;}
/* สีส้ม
#head{height:171px;	background:#E4711D url('images/jadee.gif') no-repeat;background-position:left;}
*/

#head{height:171px;	background:#CCFF00 url('images/jadee.gif') no-repeat;background-position:left;}
#program_head{position: absolute;top:22px;font-size:20px;font-weight:bold;margin-left:200px;padding:0px;filter:progid:DXImageTransform.Microsoft.Shadow (color='gray', direction=120, strength=3);}
#menu_head{	position: absolute;top:60px;margin-left:240px;font-size:16px;font-weight:bold;}
#menu_head li a{text-decoration:none;color:#CC3300;}
#menu_head li a:hover{text-decoration:underline;} 
#menu_main{	background:green; width:758px;border:1px #145637 solid;}
#menu_main ul{list-style:none;float:left;}
#menu_main ul li{float:left;position:relative;background-color:green;margin-left:10px;}
#menu_main a{text-align:center;color:#FFF;text-decoration:none;padding:0 5px 0 5px;}
#menu_main a:hover{	background:#66FF33;	color:#003300;}
/* dropdown menu */
#menu_main ul ul{display:none;}
#menu_main li:hover ul{	display: block; }
#menu_main ul li ul{margin:0;width:200px;}
#menu_main ul li ul li{width:100%;background-color:#99FF99; border-bottom:1px #3E4E17 solid;}
#menu_main ul li ul li a{color:#000;}
#menu_main ul li ul li a:hover {background-color:#99FF99;color:green;}
#menu_main ul li ul {margin-top:16px;position:absolute;width:200px;left:-10px;}     

#roundbar_up{background-image:url('images/roundbar_up.gif');background-repeat:no-repeat;padding-top:5px;}
#roundbar_bottom{background-position: bottom;background-image: url('images/roundbar_bottom.gif');background-repeat: no-repeat;height: 30px;vertical-align: top;}
#menu ul{list-style:none;}
#menu li{background-color:#3e4e17;width:186px; /* for firefox */}
#menu li a{color:white;padding-left:10px;line-height:30px;text-decoration:none;}
#menu li a:hover{text-decoration:underline;}
.submenu{display:none;}
.submenu li a:link {color: #80386A; }
#menu li:hover ul{display: block;position:absolute;	top:200px; margin-left:75px;}
#menu li:hover ul li {background-color:#339933;	border:1px #3e4e17 solid;}
img.partner_site{border:0px;margin-top:5px;}
#content{background:white url('images/gradian_body_bg.gif') repeat-x;padding:5px;}
/* begin for personnel.html for ie6*********************** */
#personnel_list ul.personnel_sublist{list-style:none;height:200px;}
#personnel_list ul.personnel_sublist li img{float:right;margin-right:40px;}
#personnel_list a{text-decoration:none;color:black;}
#personnel_list a:hover{text-decoration:underline;}
#personnel_list img{padding:2px;border:1px #eee solid;border-right-color:#ddd;border-left-color:#ccc;border-bottom-color:#bbb;background:#999999;}
li.position{color:red;font-weight:bold;}
/*begin for curricula.html ******************************** */
#cur_listcourse{margin-top:0px;}
#content table{width:100%;}
col.cur_col3{text-align:right;}
.cur_groupProgram{font-weight:bold;text-align:left;}
.cur_structure tr td{border:1px black solid;}
#elec caption{font-weight:bold;background-color:#0000CC;color:white;}
#elec tbody{background-color:#D7E0ED;}
#elec tr.even{background-color:#D5F0E6;}
#tele caption{font-weight:bold;background-color:#993399;color:white;}
#tele tbody{background-color:#FF66CC;}
#tele tr.even{background:#FF66FF;}
#icom caption{font-weight:bold;background-color:#663300;color:white;}
#icom tbody{background-color:#FFCC00;}
#icom tr.even{background:#FFFF66;}
/* begin for training.html *********************************/

/* green block */
.block_green{margin:2px;padding:0px;background: #a9c06e url('images/cn_upright_green.gif') no-repeat top right;}
.block_green h2{background: url('images/cn_upleft_green.gif') no-repeat;color:white;padding:10px 10px 0px 10px;}
.block_green a.cnbf{background:url('images/cn_btright_green.gif') no-repeat bottom right;text-decoration:none;text-align:right;color:white;display:block;}
.block_green a:hover{text-decoration:underline;}
.block_green p{margin:0 0 10px 0px;padding-left:10px;/*text indent */background:url('images/cn_btleft_green.gif') no-repeat bottom left;}
/* gray block */
.block_gray{margin:2px;	padding:0px;background:#E0DEF0 url('images/cn_upright_gray.gif') no-repeat top right;}
.block_gray h2{background: url('images/cn_upleft_gray.gif') no-repeat;color:black;padding:10px 10px 0px 10px;margin:0;}
.block_gray a.cnbf{background:url('images/cn_btright_gray.gif') no-repeat bottom right;text-decoration:none;text-align:right;color:black;	display:block;}
.block_gray a:hover{text-decoration:underline;}
.block_gray p{margin:0 0 10px 0px;padding-left:10px;/*text indent */background:url('images/cn_btleft_gray.gif') no-repeat bottom left;}
span.readmore{background:url('images/readmore.gif') no-repeat center left;padding:10px 10px 0 20px;}
img.float_right{float:right;margin:5px;}
img.float_left{float:left;margin:5px;}
/* green block index */
.block_green_index{margin:2px 2px 2px 210px;padding:0px;background: #a9c06e url('images/cn_upright_green.gif') no-repeat top right;}
.block_green_index h2{background: url('images/cn_upleft_green.gif') no-repeat;color:white;padding:10px 10px 0px 10px;}
.block_green_index a.cnbf{background:url('images/cn_btright_green.gif') no-repeat bottom right;text-decoration:none;text-align:right;color:white;display:block;}
.block_green_index a:hover{text-decoration:underline;}
.block_green_index p{margin:0 0 10px 0px;padding-left:10px;/*text indent */background:url('images/cn_btleft_green.gif') no-repeat bottom left;}
#ad_y{background: url('images/ad_induscom_y.gif') no-repeat;float:left;}

/* block for margin-left 180px */
.block_gray_margin_left180{margin:2px 2px 2px 180px;	padding:0px;background:#E0DEF0 url('images/cn_upright_gray.gif') no-repeat top right;}
.block_gray_margin_left180 h2{background: url('images/cn_upleft_gray.gif') no-repeat;color:black;padding:10px 10px 0px 10px;margin:0;}
.block_gray_margin_left180 a.cnbf{background:url('images/cn_btright_gray.gif') no-repeat bottom right;text-decoration:none;text-align:right;color:black;display:block;}
.block_gray_margin_left180 a:hover{text-decoration:underline;}
.block_gray_margin_left180 p{margin:0 0 10px 0px;padding-left:10px;/*text indent */background:url('images/cn_btleft_gray.gif') no-repeat bottom left;}
.block_green_margin_left180{margin:2px 2px 2px 180px;padding:0px;background: #a9c06e url('images/cn_upright_green.gif') no-repeat top right;}
.block_green_margin_left180 h2{background: url('images/cn_upleft_green.gif') no-repeat;color:white;padding:10px 10px 0px 10px;}
.block_green_margin_left180 a.cnbf{background:url('images/cn_btright_green.gif') no-repeat bottom right;text-decoration:none;text-align:right;color:white;display:block;}
.block_green_margin_left180 a:hover{text-decoration:underline;}
.block_green_margin_left180 p{margin:0 0 10px 0px;padding-left:10px;/*text indent */background:url('images/cn_btleft_green.gif') no-repeat bottom left;}
#local_menu{float:left;width:174px; background:url('images/local_menu_up.gif') no-repeat top;}
#local_menu ul{list-style:none; margin-top:9px;padding-bottom:9px;background:url('images/local_menu_bottom.gif') no-repeat bottom; }
#local_menu ul li{padding-top:10px; border-bottom:1px #000 solid;}
#local_menu a{padding-left:4px;color:#602A06;font-weight:bold;text-decoration:none;}
#local_menu li{background:#FCB31E}
#local_menu li:hover{background-color:#FFEC36; text-decoration:none;}
#local_menu a:hover{text-decoration:none;}

/* form  */
#form_index{margin:2px 2px 10px 210px;}
form.form_normal ul{list-style:none;}
label{float:left;padding-left:10px;width:100px;}
#submit{display:block;width:213px;text-align:right;}
fieldset {margin-top:40px;margin-bottom:10px; /* fro firefox */	border: 1px solid #BFBAB0;background-color: #F2EFE9;}
legend{margin-top:-20px;}

/* begin for homepage.html *********************************/
#homepage{margin:10px 10px 0px 10px;height:370px;font-size:small;}
#homepage ul{list-style:none;margin:10px 0px 0px 10px;}
#homepage ul li{display:inline;	margin:5px; float:left;}
#homepage li a{	display:block;width:150px;height:120px;border:1px #ccc solid;border-top-color:#eee;
	border-right-color:#ddd;border-bottom-color:#bbb;background-color:#fff;padding:4px 4px 25px 4px;
	text-align:center;margin-bottom:15px;text-decoration:none;color:black;}
#homepage img{width:150px;height:110px;border:0px;}
#homepage br{display:none;}
#homepage li a:hover{border:1px #bbb solid;border-top-color:#ddd;border-right-color:#ccc;
    border-bottom-color:#aaa;background-color:#eee;}
/* activity */
div.activity{display:block;height:200px;}
div.activity p{margin-right:200px;}

/* gray block */
.block_gray_list{margin:5px 0 0 2px;background:#E0DEF0 url('images/cn_upright_gray.gif') no-repeat top right;}
.block_gray_list h2{background: url('images/cn_upleft_gray.gif') no-repeat;color:black;padding:10px 10px 0px 10px;}
.block_gray_list li.last_list{background:url('images/cn_btright_gray.gif') no-repeat bottom right;}
.block_gray_list a:hover{text-decoration:underline;}
.block_gray_list ol{margin:0 0 10px 0px;padding-left:50px;/*text indent */background:url('images/cn_btleft_gray.gif') no-repeat bottom left;}
/* green block */
.block_green_list{margin:2px;	padding:0px;background:#A9C06E url('images/cn_upright_green.gif') no-repeat top right;}
.block_green_list h2{background: url('images/cn_upleft_green.gif') no-repeat;color:black;padding:10px 10px 0px 10px;margin:0;}
.block_green_list li.last_list{	background:url('images/cn_btright_green.gif') no-repeat bottom right;}
.block_green_list a:hover{text-decoration:underline;}
.block_green_list ol{margin:0 0 10px 0px;padding-left:50px;/*text indent */	background:url('images/cn_btleft_green.gif') no-repeat bottom left;list-style:decimal;}
/* begin activity ********************************/
h2.green_bar_left{background:#ADB77B url('images/green.bar.left.gif') no-repeat;margin-top:25px;padding-left:10px;line-height:40px;}
a.green_bar_right{background: url('images/green.bar.right.gif') no-repeat right;line-height:40px;display:block;}
a.green_bar_right:hover{color:white;}
img.float_left_thumbnail{margin:5px;padding:5px 5px 5px 15px;background:#CCCCCC url('images/blackdot.gif') repeat-y;
	border-right:1px #ccc solid;border-top:1px #ddd solid;border-left:1px #bbb solid;border-bottom:1px #aaa solid;float:left;}
/* div partner */
div#partner{background-color:#fff;padding:0 10px;text-align:right;font-size:small;font-style:italic;}
div#partner span{display:block;}
div#partner img{width:100px;height:30px;}

/* begin foot  */
#foot{clear:left;text-align:center;font-size:small;	height:50px;border-top:green 2px solid;color:#fff;}

