/*   main  */

html,body{
    padding: 0px 0px;
    border: none;
	text-align:center;
	  
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

	background: url(../images/bghome.gif) top repeat-x #ffffff;

}
body,td{
	font-family : Tahoma,Verdana,Helvetica,Arial,Thonburi,sans-serif;
	font-size : 11px;
	color : #333333;
}

/*  LAYOUT  */
.main_table {
	width:900px;
	height:auto;
	background-color: #ffffff;
	background:url(../images/bg_graphic.jpg) ;
}
.main_table_bottom {
	width:900px;
	vertical-align:bottom;
	background-color: #ffffff;
}
.box_nav
{
	width:193px;
	height:345px;
	padding: 9px 9px 0px 9px;
	background:url(../images/bg_nav.gif);
}
.box_dot
{
	width:193px;
	height:100%;
	background:url(../images/bg_dot.gif) top repeat-y;
}
.content_box_main
{
	width:492px;
	float:left;
	padding: 8px 0px 0px 8px;
}
.content_box_inside
{
	width:571px;
	height:100%;
	background-color : #3E3E3E;
}
.login_box
{
	width:484px;
	height:26px;
	padding: 0px;
	background-color : #ffffff;
}
.highlight_news_box
{
	width:394px;
	height:27px;
	text-align:right;
	color:#ffffff;
	vertical-align:middle;
	background-color : #970101;
}
.box_vdo
{
	width:290px;
	vertical-align:top;
	background:#1E1E1E;
	padding:10px 10px 10px 10px;
}
.box_sponsor
{
	width:290px;
	vertical-align:top;
	background:#ffffff;
	padding:10px 10px 10px 10px;
}
.box_bigbanner
{
	width:898px;
	vertical-align:top;
	background:#0E0E0E;
	padding: 12px 0px 0px 12px;
}
.box_blank
{
	width:290px;
	height:100%;
	padding: 12px 0px 0px 0px;
	background-color : #0E0E0E;
}
/*---------------- contents ----------------*/
.box_head_content
{
	width:484px;
	height:27px;
	vertical-align:top;
	background:#999898;
}
.box_head_content_board
{
	width:484px;
	height:27px;
	vertical-align:top;
	background:#003DAC;
}
.text_content
{
	padding: 6px 0px 0px 6px;
}
.text_sub_header_box
{
	height:20;
	vertical-align:top;
	padding: 6px 6px;
}
.header
{
	font-size:17px;
	font-family:Arial,Tahoma;
	color:#ffffff;
	letter-spacing:-1;
	line-height:17px;
}

.header2
{
	font-size:17px;
	font-family:Arial,Tahoma;
	color:#000000;
	letter-spacing:-1;
	line-height:17px;
}

.pic_thumb
{
	width:484px;
	left:0px;
	top:0px;
	vertical-align:top;
	background:#ffffff;
	margin-left:0px;
	padding:10px 0px 0px 0px;
}
.pic_thumb img
{
	width:140px;
	height:105px;
	float:left;
	position:relative;
	left:0px;
	margin:0px 9px 10px 0px;
	padding:5px;
	border:#C2C1C1 solid 1px;
}

.text_table
{
	color:#333333;
	padding: 4px 7px;
}
.back
{
	text-align:right;
	border-top:#eaeaea solid 2px;
	padding-top:10px;
	float:right;
	margin:10px;
}
.box_more
{
	padding:5px 5px;
	background:#3E3E3E;
}
.more
{
	text-align:right;
	padding:5px 5px;
}

.footer
{
	width:682px;	
	height:60px;
	color:#ffffff;
	vertical-align:top;
	text-align:left;
	padding:8px 8px;
	background:#003DAC;
}

.Button{
BORDER-RIGHT: #CCCCCC 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #CCCCCC 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; 		 	BORDER-LEFT: #CCCCCC 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #CCCCCC  1px solid; BACKGROUND-COLOR: #ffffff
}
.Button2{
BORDER-RIGHT: #333333 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #333333 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; MARGIN: 1px; 		 	BORDER-LEFT: #333333 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #333333  1px solid; BACKGROUND-COLOR: #ffffff
}

input{
	color : #000000;
}

select{
	color : #ffffff;
}

textarea{
	color : #ffffff;
}
/* ------------------ info news ------------------ */
.box_head
{
	width:242px;
	height:27px;
	vertical-align:top;
	background:#999898;
}
.text_head
{
	height:24px;
	color : #ffffff;
	padding: 6px 0px 0px 6px;
}
.text_head2
{
	height:24px;
	text-align:right;
	color : #ffffff;
	padding: 6px 6px 0px 6px;
}
.text_head3
{
	height:24px;
	text-align:right;
	vertical-align:bottom;
	color : #ffffff;
	padding: 6px 6px 0px 0px;
}
.box_news
{
	width:555px;
	float:left;
	position:relative;
	left:0px;
	vertical-align:top;
	background:#3E3E3E;
	margin:0px;
	padding:8px 8px 8px 8px;
	text-align:left;
}
.news_other
{
	width:242px;
	position:relative;
	float:right;
	left:0px;
	top:0px;
	vertical-align:top;
	background:#ffffff;
	margin-left:0px;
	padding:15px 0px 0px 0px;
	text-align:left;
}
.news_other img
{
	width:65px;
	height:49px;
	float:left;
	position:relative;
	left:0px;
	margin:0px 5px 15px 0px;
	padding:0px;
}
.news_other_inside
{
	width:484px;
	position:relative;
	float:right;
	left:0px;
	top:0px;
	vertical-align:top;
	background:#ffffff;
	margin-left:0px;
	padding:10px 0px 0px 0px;
	text-align:left;
}
.news_other_inside img
{
	width:65px;
	height:49px;
	float:left;
	position:relative;
	left:0px;
	margin:0px 5px 0px 0px;
	padding:0px;
}
/* ------------------ sponsor ------------------ */
.box_head_sponsor
{
	width:190px;
	height:30px;
	vertical-align:top;
	background:#999898;
}
.text_head_sponsor
{
	color : #ffffff;
	text-align:center;
	vertical-align:middle;
	padding: 10px 10px;
}
/*-----------------------------------------------*/

a#list_topic:link, a#list_topic:visited, a#list_topic:active 
{
	display:block;
	vertical-align: middle;
	padding-right:0px;
	padding-left:5px;
	padding-top:4px;
	padding-bottom:4px;
	text-decoration: none;
	border-bottom:#eeeeee solid 1px;
}

a#list_topic:hover 
{
	text-decoration: none;
}


/*-----------------------------------------------*/
a:link, a:visited, a:active{
	color: #1963E8;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a.navlink:link {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_on.gif) no-repeat;}
a.navlink:visited {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_on.gif) no-repeat;}
a.navlink:hover {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_over.gif) no-repeat;}
	
a.navlink_over:link {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_over.gif) no-repeat;}
a.navlink_over:visited {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_over.gif) no-repeat;}
a.navlink_over:hover {
	display:block;
	vertical-align: middle;
	text-align:right;
	color: #ffffff;
	width:173px;
	text-decoration: none;
	background:url(../images/bg_nav_over.gif) no-repeat;}

a.subnav_link:link {text-decoration : none; color : #000000;}
a.subnav_link:visited {text-decoration : none; color : #000000;}
a.subnav_link:hover {text-decoration : none; color : #003DAC;}

a.subnav_content:link {text-decoration : none; color : #F44F3A;}
a.subnav_content:visited {text-decoration : none; color : #F44F3A;}
a.subnav_content:hover {text-decoration : underline; color : #333333;}

a.link_news:link {text-decoration : none; color : #333333;}
a.link_news:visited {text-decoration : none; color : #333333;}
a.link_news:hover {text-decoration : underline; color : #F44F3A;}

a.link_white:link {text-decoration : none; color : #FFFFFF;}
a.link_white:visited {text-decoration : none; color : #FFFFFF;}
a.link_white:hover {text-decoration : underline; color : #000000;}

a.link_bl:link {text-decoration : none; color : #000000;}
a.link_bl:visited {text-decoration : none; color : #000000;}
a.link_bl:hover {text-decoration : underline; color : #999999;}

a.linkboard:link {text-decoration : none; color : #006696;}
a.linkboard:visited {text-decoration : none; color : #006696;}
a.linkboard:hover {text-decoration : underline; color : #333333;}

a.fellows:link {text-decoration : none; color : #FF0000;}
a.fellows:visited {text-decoration : none; color : #FF0000;}
a.fellows:hover {text-decoration : underline; color : #000000;}


/*-----------------------------------------------*/

img
{
	border:none;
}


/*-----------------------------------------------*/
ul
{
margin:0px 10px;
padding:10px 20px;
list-style-type:square;
list-style-position:outside;
}
ol
{
margin:0px 30px 0px 10px;
padding:10px 30px;
list-style-position:outside;
}

li
{
padding:5px;
}
/*-----------------------------------------------*/
.clear-all
{
clear:both; line-height:0; height:0;
}


.HeaderStyle {
background-color:#507CD1;
font-size:12px;
font-family:Arial,Tahoma;
color : #ffffff;
}