/* CSS Document */

/*******************************************************************************************
************************************STARTING HEADER STYLES SETTING**************************
********************************************************************************************/
body.layout {
  background-color: #ffffff;
  margin-top:0px;
  margin-bottom:0px;
}

iframe {
  width: 100%;
  height: 100%;
}

a {color: #3366CC;}
a:visited	{color: #3366CC;}

.index_tb_layout {
  width: 800px;
  height: 750px;
  background-color: #FFFFFF;
}

.index_div_item, .index_div_desc {
  font-family: helvetica, arial, san-serif;
  font-size: 8.5pt;
  font-weight:bold;
  color:#333333;
  padding-bottom: 14px;
  padding-right: 3px;
}

.index_right {
  width: 40%;
  vertical-align: top;
  padding-top: 25px;
  background-image: url(../web-images/mainheader/footer_right.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.index_left {
  width: 60%;
  vertical-align: top;
  padding-top: 25px;
  background-image: url(../web-images/homeimages/banner_1.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}

.index_div_desc {
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 2px;
}

.index_div_header {
  font-weight: bold;
  font-size: 10pt;
  padding-left: 10px;
}

.error_message {
  font-family: helvetica, arial, san-serif; 
  font-size: 10pt;
  font-weight: bold;
  color: red;
  vertical-align: top;
  text-align: justify;
  
}

.td_main_frame {
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.td_left_frame {
  vertical-align: top;
  width: 70%;
  height: 100%;
}

.td_right_frame {
  vertical-align: top;
  width: 30%;
  height: 100%;
}

.td_aboutus_title {
  font-family: helvetica, arial, san-serif; 
  font-size: 12pt;
  font-weight:bold;
  color:#000000 
}

.td_aboutus_content {
  font-family: helvetica, arial, san-serif; 
  font-size: 9pt;
  padding-left: 8px;
  padding-right: 18px;
  text-align: justify;
  vertical-align: top;
  color:#000000 
}

table.tb_layout {
  width: 800px;
  height: 820px;
  background-color: #FFFFFF;
}

table.tb_general {
  width: 100%;
  border-spacing: 0px 0px;
  border:none;
}

table.layout {
  width: 800px;
  height: 100%;
  background-color: #FFFFFF;
}

table.tb_header {
  width: 100%;
  border-spacing: 0px 0px;
  border:none;
}

table.tb_header_bg { 
  background-color: #344A94; 
  width: 100%;
  height: 76;
}

.td_message {
  text-align: center;
  vertical-align:top;
  font-family: Helvetica, Arial, san-serif; 
  color: red; 
  font-size:18pt; 
}

.g_bgcolor {
  background-color: FFFFFF;
}

/**************************************HEADER LAYOUT SETTING*****************************/
td.td_main {
  height:100%;
  padding:0px 0px 1px 0px;
}

td.td_footer {
  text-align: center; 
  font-family: Helvetica, Arial, san-serif; 
  font-size:9pt; 
}

td.td_menubar {
  padding-right:0px;
  text-align:right;
}

td.td_navigateBar {
  background-color: #000066;
  padding:1px;
}

td.td_navigateText {
  text-align: right; 
  font-family: Helvetica, Arial, san-serif; 
  font-size:8pt; 
  color:#FFFFFF; 
}

.navigate_link {
  color: #FFFFFF;
  text-decoration: none;
}

td.td_home_header_bg {
  width: 600;
  height:168;
  background-image: url("../web-images/mainheader/home_main.jpg");
  background-repeat: no-repeat;
}

td.td_header_bg_left {
  width: 100%;
  background-image: url("../web-images/mainheader/header_left.jpg");
}

td.td_header_bg_stretch {
  background-image: url("../web-images/mainheader/header_stretch.gif");
}

td.td_header_bg_right {
  width: 384px;
  vertical-align: middle; 
  background-image: url(../web-images/mainheader/header_right.jpg);
}

/**************************************LOGO STYLES SETTING*******************************/
.td_logo {
  vertical-align: middle;
  padding-left: 0px;
}

/**************************************HEADER MENU TITLE SETTING*************************/
.td_title {
  vertical-align: middle;
  text-align: right;
  height: 38px;
  padding-right: 0px;
}

/**************************************HEADER MENU BAR SETTING****************************/


.img_menu {
  width: 71px;
  height: 21px;
  border: none;
}

/**************************************HEADER BACKGROUND SETTING**************************/

/***************************************HEADER LOGIN SETTING*************************************/
.tb_header_login {
  width: 200px;
  border: none; 
  border-spacing: 0px;
}

/***************************************NAVIGATION BAR SETTING*************************************/




/*****************************************************************************************************
***************************************PRODUCT STYLE SETTING******************************************
*****************************************************************************************************/

.prod_tab_button {
  text-decoration: none;
  padding: 0px 0px 2px 0px;
}

.tb_itembody {
  width: 100%;
  padding-top:10px;
  border:solid; 
  border-spacing:0px 0px;
}

.item_bullet {
  vertical-align: top;
  padding-right: 5px;
  width: 10px;
}

.item_layout {
  padding-right: 5px;
  text-align: justify;
}

.item_list_left {
  padding-left: 15px;
  padding-right: 0px;
}

.item_list, .featureItem, .item_list_left {
  float: right;
  clear: both;
  width: 151px;
}

.item_list_img {
  border: 1px solid #CCCCCC;
}

.itembody, .itemheader {
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 9pt;  
  padding-bottom:5px; 
  padding-right:5px; 
  vertical-align:top;
  line-height: 10pt;
  text-align: justify;
}	

.itemheader { 
  font-weight: bold; 
  font-size:15pt;
  line-height:normal;
  padding-left:inherit;
  text-align:left;
}

.bodytitle, .bodytitlebold { 
  font-size: 14.5pt; 
  font-family: Helvetica, sans-serif; 
  color: #333333; 
  letter-spacing: -.3; 
  padding-bottom:15px; 
}

.bodytitlebold {
  font-weight: 700; 
  letter-spacing: -1; 
}

.g_item, .g_header {
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt; 
}

.g_header {
  font-weight: bold; 
  font-size:10pt; 
  padding-left:inherit;
  text-align:left;
}

.featureHeader { 
  font-weight: bold; 
  color:#3366CC; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt;
}
	
.featureItem { 
  padding-bottom: 5px; 
  vertical-align:top; 
  color:#666666; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt;
  line-height: 10pt;
}

.a_large_img {
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt;
}

.item { 
  padding:0px 5px 0px 0px;
  vertical-align: top;
  text-align: justify;
}

.pagebar {
  vertical-align: bottom;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 8pt;
  padding-bottom: 0px; 
  padding-left: 0px;
}

.pagebar_button { 
  /*background-image:url("../web-images/images/button.gif");*/
  padding: 0px 2px 0px 0px; 
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 8pt;  
  color: #666666;	
  text-align: center;	
  display: inline;
}

/*****************************************************************************************************
****************************************NEWS STYLE SETTING********************************************
*****************************************************************************************************/
.newsDate {
  font-family: helvetica, arial, san-serif; 
  font-size:8.5pt;
  color: #3B78B7;
}

.newsTitle {
  font-weight: bold; 
  color:#000000;
  font-family: helvetica, arial, san-serif; 
  font-size: 9.5pt;
}	

.newsContent { 
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 10pt; 
  vertical-align: top;
  padding-top: 0px;
  padding-right: 5px;
  margin:0;
}

.newsImage {
  margin-right: 10px;
  float: left;
  clear: both;
  border: 1px solid #C0C0C0;
}

.newsShort { 
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt; 
  padding-left: 10px; 
  vertical-align:top;
}
	
.newsFullLink { 
  padding-bottom:15px; 
  vertical-align:top; 
  color:#666666; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt;
}

/*****************************************************************************************************
***************************************Right Page Style Setting***************************************
*****************************************************************************************************/
.board_layout {
  padding: 2px 0 2px 2px;
  vertical-align: top;
}

.board {
  border: 1px solid #2669AF;
  width: 100%;
}

.board_header {
  font-size: 14.5pt; 
  font-family: Helvetica, sans-serif; 
  color: #666666; 
  letter-spacing: -.3; 
}

.board_header_bold {
  font-weight: 700;
  letter-spacing: -1;
}

.board_title {
  font-weight: bold; 
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 9.5pt;
}

.board_date {
  font-family: helvetica, arial, san-serif; 
  font-size:8.5pt;
  color: #3B78B7;
}

.board_content { 
  color:#000000; 
  font-family: helvetica, arial, san-serif; 
  font-size: 8.5pt; 
  vertical-align: top;
  padding-top: 0px;
  padding-right: 5px;
  margin:0;
}

.main { 
  font-size: 8.5pt; 
  font-family: sans-serif; 
  padding-left: 2px;
  padding-right: 2px; 
  vertical-align: top;
}

.search, .searchborder { 
  font-size: 10pt; 
  font-weight: 500; 
  font-family: Helvetica, sans-serif; 
  color: #666666;  
  padding-bottom: 8px; 
  padding-left: 2px;
}

.searchborder { 
  padding: 2px; 
  border-width: 1; 
  border-style: solid; 
  border-color: #CCCCCC;
} 

.searchtitle, .searchtitlebold { 
  font-size:14.5pt; 
  font-family: Helvetica, sans-serif; 
  color: #FFFFFF; 
  letter-spacing: -.3; 
}

.searchtitlebold { 
  font-weight: 700; 
  letter-spacing: -1; 
}

.bgtitle1 {
  background-image: url("../web-images/mainheader/rain.jpg");
  background-repeat: repeat-x;
}

.bgtitle2 {
  background-image: url("../web-images/mainheader/rain.jpg");
  background-repeat: repeat-x;
}

.hotlinks, .hotlinkheader { 
  font-size: 7.5pt; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #666666; 
  font-weight: 300; 
}

.hotlinkheader { 
  color: #3366CC ; 
  font-size: 8pt; 
  font-weight: 600; 
}

.event_div_layout {
  overflow: auto;
}

.eventboard {
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.css_event_board {
  vertical-align:top;
  border:1px solid #C0C0C0;
  padding-bottom: 10px;
}

.css_excel_div {
  width: 20px;
  height: 20px;
  padding-right: 5px;
  background-image: url("../web-images/images/excel.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}

.css_print_div {
  width: 20px;
  height: 20px;
  background-image: url("../web-images/images/print.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}

.event_all, .event_header, .event_title {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt; 
  color: #000000;
}

.event_all {
  border-style: none;
  border-collapse: collapse;
  width:100%;
}

.event_all td {
  border-width: 1px;
  padding: 2px;
  border-style: solid;
  border-color: #808080;
}

.event_title {
  font-weight: bold;
  font-size: 10pt;
  text-align: center;
}

.event_header {
  text-align: center;
  font-weight: bold;
  background-color: #cccccc;
  height:20;
}

.event_record {
  background-color: #D5E2FF;
}
/*****************************************************************************************************
***************************************Footer Style Setting*******************************************
*****************************************************************************************************/

.tr_footer { 
  height: 20; 
}

.td_foot_menu, .td_foot_link { 
  font-family: Helvetica, Arial, sans-serif;
  background-color: #0D1D8C; 
  font-size: 9pt;
  color: white;
}

.td_foot_bgimage {
  height: 13px;
  background-image: url(../web-images/mainheader/footer.jpg);
  background-repeat: repeat-y;
}

.td_foot_link {
  color: white;
  text-decoration: none;
}

/****************************************************OTHERS******************************************/

.button {
  border-width: 1;
  border-style: solid;
  border-color: #7388A3;
  padding: 3px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9pt;
  font-weight: 400;
  color: #666666;
  text-align: center;
  display: inline;
  line-height: 200%;
}

.button:hover {
  background-color: #CED5DF;
	color: #FFFFFF;
}

.sectiontitle { 
  font-size: 19.5pt; 
  font-family: sans-serif; 
  color: #666666; 
  letter-spacing: -.5; 
}


.crumbtrail { 
  background-color: #344A94; 
  text-align:right; 
  font-family: Helvetica, Arial, san-serif; 
  color:#FFFFFF; 
  font-size:7pt; 
  padding:2px; 
}

.login { 
  font-size: 10pt; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #FFFFFF; 
  font-weight: 300; 
	line-height: 200%; 
}

.fields { 
  padding-left:240px;
}

.trail { 
  font-size: 7pt; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #666666; 
  font-weight: 300; 
  text-align: right;line-height: 200%; 
  background-color: #CCCCCC; }

.toggleoff, .toggleon {
  border: 1px solid #7388A3; 
  /*background-image:url("../web-images/images/button.gif");*/
  padding: 2px 10px 2px 10px; 
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 8pt;  
  color: #666666;	
  text-align: center;	
  display: inline;
  line-height: 12pt;
}

.toggleon { 
  background-color: #344A94; 
  color: #FFFFFF;	
}

 
.main { 
  font-size: 8pt; 
  font-family: sans-serif; 
  padding-left: 15px; 
  padding-right:15px; 
  vertical-align: top;
}

.search, .searchborder { 
  font-size: 10pt; 
  font-weight: 500 ; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #666666;  
}

.searchborder { 
  padding: 8px; 
  border-width: 1; 
  border-style: solid; 
  border-color: #CCCCCC;
} 

.hotlinks, .hotlinkheader { 
  font-size: 7.5pt; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #666666; 
  font-weight: 300; 
}

.hotlinkheader { 
  color: #3366CC ; 
  font-size: 8pt; 
  font-weight: 600; 
}

/*Contact Us Page Style Setting*/
.contact_page_title {
  font-size: 10pt; 
  font-weight: bold ; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #000000;  
}

.contact_national_content {
  font-size: 12pt; 
  font-weight: bold ; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #3366CC; 
  vertical-align:top; 
  padding-top:5px;
}

.contact_content {
  font-size: 9pt; 
  font-weight: 500 ; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #000000; 
  vertical-align:top; 
  padding-top:5px;
}

.contact_content_title {
  font-size: 9pt; 
  font-weight: bold; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #3366CC; 
}

.contact_form {
  font-size: 9pt; 
  font-weight: 500 ; 
  font-family: Helvetica, Arial, sans-serif; 
  color: #3366CC; 
  width:100%;
}

.contact_form_field {
  width: 200px;
}

.css_email_form_layout {
  font-size: 9pt;
  font-weight: 500 ;
  font-family: Helvetica, Arial, sans-serif;
  color: #3366CC;
}

.css_email_form_field {
  width: 310px;
}

.css_board_index_news {
  height: 120px;
}

.css_board_index_event {
  height: 90px;
}

.css_email_bar {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  cursor: pointer;
  color: #3366CC;
}

.css_email_form, .css_msg_email {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 8pt;
}

.css_msg_email_cell {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #800000;
  padding: 20px;
  text-align: justify;
}

.css_msg_error_cell {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  padding: 20px;
  color: red;
  text-align: justify;
}

.css_site_link_text {
  color:#800000;
  text-decoration:underline;
  font-weight:bold;  
}

.css_site_link {
  color:#800000;
  text-decoration:none;
}