@charset "windows-874";
body {
	margin:0;
	padding:0;
	text-align:center;
	margin:auto;
	background:#FFFFFF;

}

body,th,td,div,span,div div{
   font-family:Verdana,Tahoma,"MS Sans Serif";
   font-size:12px;
   color:#1C3043;
}


a:link{   text-decoration:none; color:#383838   } 
a:visited{    text-decoration:none; color:#383838  } 
a:hover{    text-decoration:none; color:#383838  } 

.small{
 font-size:11px;
 font-family: tahoma;
}

.bold{
  font-weight:bold;
}
.clear{
   line-height:0px;
   clear:both;
}

form,p{
  margin:0;
}
input,select{
  font-size:10px;
}




A.textblue:link {COLOR: #0F7ECB;TEXT-DECORATION: none;}
A.textblue:visited { COLOR: #0F7ECB;  TEXT-DECORATION: none;}
A.textblue:hover {COLOR: #FF6600;TEXT-DECORATION: underline;}

A.textblack:link {COLOR: #4D4D4D;TEXT-DECORATION: none;}
A.textblack:visited { COLOR: #4D4D4D;  TEXT-DECORATION: none;}
A.textblack:hover {COLOR: #0F7ECB;TEXT-DECORATION: underline;}

A.textgray:link {COLOR: #4D4D4D;TEXT-DECORATION: none;}
A.textgray:visited { COLOR: #4D4D4D;  TEXT-DECORATION: none;}
A.textgray:hover {COLOR: #FF6600;TEXT-DECORATION: underline;}

A.textgray_dark:link {COLOR: #7C7C7C;TEXT-DECORATION: none;}
A.textgray_dark:visited { COLOR: #7C7C7C;  TEXT-DECORATION: none;}
A.textgray_dark:hover {COLOR: #FF6600;TEXT-DECORATION: underline;}

A.textblue2:link {COLOR: #3366FF;TEXT-DECORATION: none;}
A.textblue2:visited { COLOR: #3366FF;  TEXT-DECORATION: none;}
A.textblue2:hover {COLOR: #FF6600;TEXT-DECORATION: underline;}

A.textblue_topic:link {COLOR: #274679;TEXT-DECORATION: none;}
A.textblue_topic:visited { COLOR: #274679;  TEXT-DECORATION: none;}
A.textblue_topic:hover {COLOR: #274679;TEXT-DECORATION: underline;}

A.textyellow:link {COLOR: #FAFA0E;TEXT-DECORATION: none;}
A.textyellow:visited { COLOR: #FAFA0E;  TEXT-DECORATION: none;}
A.textyellow:hover {COLOR: #FF6600;TEXT-DECORATION: underline;}

A.textgreen:link {COLOR: #339966;TEXT-DECORATION: none;}
A.textgreen:visited { COLOR: #339966;  TEXT-DECORATION: none;}
A.textgreen:hover {COLOR: #009933;TEXT-DECORATION: underline;}

A.textorange:link {COLOR: #FF7418;TEXT-DECORATION: none;}
A.textorange:visited { COLOR: #FF7418;  TEXT-DECORATION: none;}
A.textorange:hover {COLOR: #8DB90F;TEXT-DECORATION: underline;}

A.under4:link, A.under4:visited {
	color:#333333;
	text-decoration: none;
	font-family: tahoma;
	font-size: 11px;
}
A.under4:hover {
	color:#FF6600;
	text-decoration: underline;
	font-family: tahoma;
	font-size: 11px;
}

.body_text_box {
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.more{
   	background:url(DevNews/image/more.gif) no-repeat top right;
	height:10px;
	cursor:pointer;
}
.banner{
  margin:10px 0 10px 0;
}

#container{
    width:984px;
	text-align:left;
	margin:auto;
	background:#FFFFFF;
}

/*????????????????? header*/
#header{
	margin:0;
	text-align:center;
	background:url(images/header.jpg);
	height:164px;
}


#header_bar{
	background:url(images/bg_bar01.gif);
	height:23px;
}

#header_bar_left{
    float:left;
	width:50%;
}

#header_bar_left a:link{   text-decoration:none; color:#666666   } 
#header_bar_left a:visited{    text-decoration:none; color:#666666  } 
#header_bar_left a:hover{    text-decoration:none;color:#666666   } 


#header_bar_right{
    float:right;
	width:50%;
}


/*header small bar*/
#menu_01{
	 float:right;
	 width:70px;
	 height:23px;
	 background:url(images/menu01.gif);
	 cursor:pointer;
}

#menu_02{
	 float:right;
	 width:82px;
	 height:23px;
	 background:url(images/menu02.gif);
	 cursor:pointer;
}

#menu_03{
	 float:right;
	 width:62px;
	 height:23px;
	 background:url(images/menu03.gif);
	 cursor:pointer;
}

/*layout*/

#main_left{
	width:211px;
	float:right;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#main_center{
    margin:0 0 0 5px;
    width:578px;
	overflow:hidden;
	float:left;
	text-align:left;
}

#main_right{
    width:185px;
	float:left;
	overflow:hidden;
}



/*menu box */
#menu_top{
     height:54px;
	 width:211px;
	 background:url(images/Mnu_01.png);
}

#menu_top2{
     height:54px;
	 width:211px;
	 background:url(images/Mnu_012.png);
}
#menu_middle{
	 background:url(images/Mnu_02.png);
	 width:211px;
	 
}

#menu_data{
	width:190px;
	background:#FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}

#menu_bottom{
     height:19px;
	 background:url(images/Mnu_04.png);
	 width:211px
}

#menu_space{
     height:25px;
	 background:url(images/Mnu_03.png);
	 width:211px
}


/*left menu */

.menu_p1{
	font-weight:bold;
	background:url(images/iconmenu.gif) no-repeat 0 2px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

.menu_p2{
   margin:0 0 3px 18px;
}

.menu_p3{
   margin:0 0 3px 22px;
}

.menu_p1 a:link{   text-decoration:none; color:#274679; font-weight:bold; } 
.menu_p1 a:visited{    text-decoration:none; color:#274679; font-weight:bold; } 
.menu_p1 a:hover{    text-decoration:none;color:#F75DC6; font-weight:bold;} 


.menu_p2 a:link{  font-size:12px; text-decoration:none; color:#274679; font-weight:normal; } 
.menu_p2 a:visited{  font-size:12px;   text-decoration:none; color:#274679;font-weight:normal;  } 
.menu_p2 a:hover{   font-size:12px;  text-decoration:none;color:#F75DC6;font-weight:normal; } 


.menu_p3 a:link{   font-size:12px; text-decoration:none; color:#274679;font-weight:normal;  } 
.menu_p3 a:visited{    font-size:12px; text-decoration:none; color:#274679; font-weight:normal; } 
.menu_p3 a:hover{    font-size:12px; text-decoration:none;color:#F75DC6;font-weight:normal; } 


/*contain top*/

#center_middle_contain_top{
	 height:39px;
	 cursor:pointer;
}
#center_middle_contain_middle{
	 height:280px;
}
#center_middle_contain_bottom{
	 height:5px;
	 margin: 0 0 10px 0;
}

#center_middle_contain_top2{
	 height:38px;
	 cursor:pointer;
}
#center_middle_contain_middle2{
	 height:280px;
}
#center_middle_contain_bottom2{
	 height:7px;
}


#news_u_icon{
/*  	 background:url(http://aster.spu.ac.th/images/web/main/news01.gif);*/
	 width :138px;
	 height :21px;
	 margin:0 0 0 5px;

}

#news_ac_icon{

 	 width:167px;
	 height:22px;
	 margin:5px 0 0 5px;
}


/* tab webboard */

.over{
  	 background: url(images/header_tab01.png);
 	 width:121px;
	 height:26px;
	 float:left;
	 margin:0 1px 0 0;
}
.over div{
    margin:7px 0 0 0;
	text-align:center;
}

.over a:link,.over a:visited,.over a:hover{
   /*color:#042E56;*/
   color:#CCFF66;
   font-weight:bold;
}

.noover{
  	 background:url(images/header_tab02.png);
 	 width:121px;
	 height:26px;
	 float:left;
	 margin:0 1px 0 0;
}
.noover div{
    margin:7px 0 0 0;
	text-align:center;
}

.noover a:link,.noover a:visited,.noover a:hover{
   color:#FFFFFF;
   font-weight:bold;
}

/*board*/

.board_box_top{
  	 background:url(images/board01.png);
	 height:9px;

}
.board_box_middle{
  	 background:url(images/board02.png);
}

.board_box_data{
	text-align:left;
	width:550px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}

.board_box_bottom{
  	 background:url(images/board03.png);
	 height:10px;
}


.board_bg_head{
  background:#C7D8EF;
}

.board_bg_1{
  background:#E8F1FD;
}

.board_bg_2{
  background:#F4F8FE;
}


/*board img*/

#boxpic_container{
							   
}

.box_data_rows{
	margin:0 10px 0 10px;
}

.box_data{
	 width:275px;
	 margin:0 4px 0 0;
	 background:#E8F1FD;
	 float:left;
	 overflow:hidden;
}

.text_date{
   color:#990000;
   font-size:11px;
}
/*board icon*/

.content_icon{
/*  	 background:url(http://aster.spu.ac.th/images/web/main/icon03.gif);*/
	 height:11px;
	 width:11px;
	 border:0px;
	 margin:0 0 3px 0;
}

.content_icon_news{
  /*	 background:url(http://aster.spu.ac.th/images/web/main/news.gif);*/
	 height:7px;
	 width:26px;
	 border:0px;
	 margin:0 0 3px 0;
}



/*view content*/

.content_topic{
	color:blue;
	font-size:16px;
	font-weight:bold;
}

.content_detail{
	text-indent:40px;
	margin:10px 0 40px  0;
	line-height:20px;
}

.content_img{
  margin:0 25px 0 0;
  border:1px solid #000000;
}

#footer_left{

		 float:left;
         width:250px;
		 height:70px;
/*    	 background:url(http://aster.spu.ac.th/images/web/main/logospu.gif) no-repeat  0px 5px;*/
}
#footer_right{
	  float:right;
	  text-align:left;
	  color:#999999;
	  padding:10px 10px 10px 70px;
}


.calendar { 
	width:100%;
	height:160px;
	border-left:1px solid #9fc8fc;
	border-bottom:1px solid #9fc8fc;
	background:#FFFFFF;
 }


.calendarHeader {	
    color: #FFFFFF;
	padding-top:5px;
	background:#333333;
	border-right:1px solid #9fc8fc;
	border-top:1px solid #9fc8fc;
  }


.calendarHeaderL {	
    color: #000000;
    font-weight: bold;
	padding-top:5px;
	background:#9fc8fc;
	border-right:1px solid #9fc8fc;
	border-top:1px solid #9fc8fc;
  }

.calendarHeaderL a:link,.calendarHeaderL a:visited{	
   color:#000000;
}

.calendarToday {
     font-weight: bold;
	 color: #ff0000;
     padding-right:5px;
	 border-right:1px solid #9fc8fc;
	 border-top:1px solid #9fc8fc;
}


 .calendarDate{
    padding-right:5px;
    color: #333333;
	border-right:1px solid #9fc8fc;
	border-top:1px solid #9fc8fc;
}