body {font-family:Tahoma; font-size:100%; line-height:1.125em; text-align:center; color:#666666}
h1 {font-size:1em !important; line-height:1.125em !important}
h2 {font-size:1em !important; line-height:1.125em !important}
h3 {font-size:0.9375em !important; line-height:1.125em !important}
h4 {font-size:0.875em !important; line-height:1.125em !important}
abbr, acronym {cursor:help}
abbr.bold {font-weight:bold; font-size:1.08em}
a img {border:0 !important}
a:hover {color:#FF9900 !important; text-decoration:underline !important}
dl, cite, ol, ul, p {font-size:0.8125em}
em {font-size:1.08em}
em.bold {font-weight:bold; font-size:1.08em}
hr {border-top:1px solid #EEEEEE !important; border-right:0; border-bottom:0; border-left:0}
img {border:0}
li p {font-size:1em}
p strong {font-size:1.08em; line-height:1.25em}
p.bold {font-weight:bold; font-size:0.9375em!important}
p.express {font-weight:bold; font-size:0.9375em!important; line-height:1.25em; color:#FF6633}
strong {font-size:0.9375em; line-height:1.25em}
span.bold {font-weight:bold; font-size:1.08em}
span.clear {height:0; line-height:0; clear:both; margin:0; display:block}
span.express {font-weight:bold; font-size:1.08em; line-height:1.25em; color:#FF6633}
table.normal {font-size:0.8125em}
table.normal strong {font-size:1.08em; line-height:1.25em}

#container_native {width:955px; height:auto; margin:0 auto; text-align:left}
#content_native {width:955px; height:auto}
#content_native h1 {height:auto; margin:10px 0 0; padding:0; text-align:center}
#content_native table {margin:10px auto}
#content_native #next {width:895px; border-top:1px solid #CCC !important; margin:0 30px; padding-top:6px}

#container {margin:0 auto; width:955px; height:auto; text-align:left; background:url(../images/bg.gif) repeat center center}
#header {width:955px; height:80px; background:url(../images/head_01.gif) no-repeat left top}
#header span {width:161px; height:80px; float:right; background:url(../images/head_02.gif) no-repeat; text-align:center}
#header span a {line-height:5em; font-family:Arial; font-weight:bold; color:#FFCC66; text-decoration:none}
#header span a:hover {color:#FF9900; text-decoration:underline}
#navigation {width:955px; height:37px}
#body {width:784px; float:right; margin:6px 0px 0px}

#content_master {width:552px; height:1060px; margin:0; padding:44px 30px 0; float:left; background:url(../images/content_bg.gif) no-repeat center top; text-align:left}
#content_master ol li a {font-weight:bold; font-size:1.08em; color:#9C3000; text-decoration:none}
#next_master {width:612px; height:60px; margin:0; padding:0; background:url(../images/content_next_bg.gif) no-repeat center bottom; text-align:center; display:block; clear:both}
#next_master a {font:normal bold 0.875em/2.5em Tahoma; color:#FF9900; text-decoration:none}
#next_master span {color:#CCCCCC}

#footer {width:955px; height:auto; clear:both; text-align:center}
#footer hr {display:none}
#footer p {font-family:Arial; font-size:0.6875em !important; font-style:normal; font-weight:normal; color:#CCCCCC}
#footer address {display:none}

#navigation ul {display:inline; margin:0; padding:0}
#navigation ul li {width:auto; list-style-type:none; float:left}
#navigation ul li a span {display:none}
#navigation a {display: block; text-decoration: none !important; height: 37px; background-position: 0 0; background-repeat: no-repeat}
#navigation a:hover {background-position: 0 -37px}
#home a {background-image: url(../images/menu_home.gif); width: 109px; float: left;display:block; text-decoration:none}
#news a {background-image: url(../images/menu_news.gif); width: 106px; float: left;display:block; text-decoration:none}
#activities a {background-image: url(../images/menu_activities.gif); width: 105px; float: left;display:block; text-decoration:none}
#committee a {background-image: url(../images/menu_committee.gif); width: 105px; float: left;display:block; text-decoration:none}
#objective a {background-image: url(../images/menu_objective.gif); width: 105px; float: left;display:block; text-decoration:none}
#directories a {background-image: url(../images/menu_directories.gif); width: 105px; float: left;display:block; text-decoration:none}
#magazine a {background-image: url(../images/menu_magazine.gif); width: 105px; float: left;display:block; text-decoration:none}
#webboard a {background-image: url(../images/menu_webboard.gif); width: 105px; float: left;display:block; text-decoration:none}
#contact_us a {background-image: url(../images/menu_contact_us.gif); width: 110px; float: left;display:block; text-decoration:none}

#directories_ a {width:105px; float:left; background-image:url(../images/menu_directories_.gif)}

ul.list_none li {list-style-type:none; margin-left:-20px}
.about_us_header {font-family:Arial; font-size:1em; font-weight: bold; color:#FFCC66; text-decoration:none}
.block {display:block}
.bold {font-weight:bold; font-size:0.9375em}
.bullet {list-style-image:url(../images/bullet.gif)}
.center {text-align:center}
.clear {clear:both;line-height:0;height:0}
.copyrigth {font-family:Arial; font-size:0.6875em; font-style:normal; font-weight:normal; color:#CCC}
.express {font-weight:bold; font-size:0.9375em; line-height:1.25em; color:#FF6633}
.hidden {visibility:hidden}
.horizon {width:100%; height:1%; padding-bottom:15px; border-bottom:1px solid #CCC}
.indent {text-indent:40px}
.italic {font-style:italic}
.next {font-family:Tahoma; font-size:0.875em; font-weight:bold; color:#FF9900; text-decoration:none}
.none {display:none}
.preload {background:url(../images/loading.gif) no-repeat 50% 50%}
.preload_index {width:955px; height:40px; background:url(../images/loading.gif) no-repeat 50% 50%; display:block}

/******************************************************/

#primary_column {width:171px; float:left; margin-top:6px; text-align:center}
#primary_column span {display:none}
#primary_column ul {list-style-type:none; margin-top:6px}
#primary_column ul li {margin-bottom:2px}
#primary_column ul li a {width:171px; height:53px; margin:0 0 2px -42px; background-position:center top; background-repeat:no-repeat; text-decoration:none !important; display:block}
#primary_column ul li a:hover {background-position:center bottom}

#memberships a {height:81px; background-image:url(../images/banner_registration.gif); background-position:center top; background-repeat:no-repeat; display:block}
#memberships a:hover {background-position:center bottom}
#memberships a span {display:none}

#teohong a {height:53px; background-image:url(../images/banner_teohong.gif)}
#moeller a {height:53px; background-image:url(../images/banner_moeller.gif)}
#siamsyndicate a {height:53px; background-image:url(../images/banner_siamsyndicate.gif)}
#philips a {height:53px; background-image:url(../images/banner_philips.gif)}
#l_e a {height:53px; background-image:url(../images/banner_l_e.gif)}
#haco a {height:53px; background-image:url(../images/banner_haco.gif)}
#ks_group a {height:53px; background-image:url(../images/banner_ks_group.gif)}
#sattelthailand a {height:53px; background-image:url(../images/banner_sattelthailand.gif)}
#bosch a {height:53px; background-image:url(../images/banner_bosch.gif)}
#plus_three a {height:53px; background-image:url(../images/banner_plus_three.gif)}
#skp a {height:53px; background-image:url(../images/banner_skp.gif)}
#gsp a {height:53px; background-image:url(../images/banner_gsp.gif)}
#focus a {height:53px; background-image:url(../images/banner_focus.gif)}
#mahathon a {height:53px; background-image:url(../images/banner_mahathon.gif)}
#ge a {height:53px; background-image:url(../images/banner_ge.gif)}
#precise a {height:53px; background-image:url(../images/banner_precise.gif)}
#lekise a {height:53px; background-image:url(../images/banner_lekise.gif)}
#kumwell a {height:53px; background-image:url(../images/banner_kumwell.gif)}

/******************************************************/

#secondary_column {width:172px; height:100%; float:right; margin:0; text-align:center}
#secondary_column span {display:none}
#secondary_column ul {text-align:center; margin-top:0}
#secondary_column ul li {margin:0 0 4px 0; list-style-type:none}
#secondary_column ul li a {height:148px; margin:0 0 4px -42px; text-align:center; background-position:center center; background-repeat:no-repeat; text-decoration:none; display:block}

#pra a {height:148px; background: url(../images/secondary_column_pra.gif) center center no-repeat; display:block}
#manpower a {height:148px; background: url(../images/secondary_column_manpower.jpg) center center no-repeat; display:block}
#emci a {height:148px; background:url(../images/secondary_column_emci.gif) center center no-repeat; display:block}
#library a {height:148px; background:url(../images/secondary_column_library.gif) center center no-repeat; display:block}
#skill a {height:148px; background:url(../images/secondary_column_skill.gif) center center no-repeat; display:block}
#handbook a {height:148px; background:url(../images/secondary_column_handbook.gif) center center no-repeat; display:block}
#pricebook a {height:148px; background:url(../images/secondary_column_pricebook.gif) center center no-repeat; display:block}
#feebook a {height:148px; background:url(../images/secondary_column_feebook.gif) center center no-repeat; display:block}
/*
#betaflam a {height:148px; background:url(../images/secondary_column_betaflam.jpg) center center no-repeat; display:block}
*/
#alliance {width:100%; height:50px; margin:0 auto; text-align:center}
#alliance ul {width:350px; margin:0 auto; padding:0; display:block; clear:both}
#alliance ul li {width:50px; height:50px; float:left; margin:0; padding:0; list-style-type:none}
#alliance span {display:none}

#coe a {width:50px; height:50px; margin:0; padding:0; background: url(../images/alliance_01.gif) center center no-repeat; display:block}
#eit a {width:50px; height:50px; margin:0; padding:0; background: url(../images/alliance_02.gif) center center no-repeat; display:block}
#tieathai a {width:50px; height:50px; margin:0; padding:0; background: url(../images/alliance_03.gif) center center no-repeat; display:block}
#ceat a {width:50px; height:50px; margin:0; padding:0; background:url(../images/alliance_04.gif) center center no-repeat; display:block}
#moc a {width:50px; height:50px; margin:0; padding:0; background:url(../images/alliance_05.gif) center center no-repeat; display:block}
#afeec a {width:50px; height:50px; margin:0; padding:0; background:url(../images/alliance_06.gif) center center no-repeat; display:block}
#fapeca a {width:50px; height:50px; margin:0; padding:0; background:url(../images/alliance_07.gif) center center no-repeat; display:block}

/******************************************************/