@media screen {
body {margin:10px auto; font-family:Tahoma; font-size:100%; line-height:1.125em; text-align:center; color:#666; background-color:#222}
h1 {font-size:1em !important; line-height:1.125em !important}
h2 {font-size:1em !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}
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}
.container {width:955px; height:auto; margin:0 auto; padding:0; text-align:left; background:url(../images/bg.gif) repeat; position:relative}
.header {width:955px; height:117px; margin:0 auto; background:url(../images/header.gif) no-repeat left top;}
.header span a {width:120px; height:80px; float:right; line-height:5em; font-family:Arial; font-weight:bold; color:#FFCC66; text-decoration:none}
.header span a:hover {color:#FF9900; text-decoration:underline}
.header ul {width:955px; height:37px; margin:0; padding:0; display:block; clear:both}
.header ul li {width:auto; list-style-type:none; float:left}
.header ul li a span {display:none}
.header ul a {display:block; text-decoration:none !important; height:37px; background-position:0 0; background-repeat:no-repeat}
.header ul a:hover {background-position:0 -37px}
#home a {background-image:url(../images/menu_home.gif); width:109px; float:left}
#news a {background-image:url(../images/menu_news.gif); width:106px; float:left}
#activities a {background-image:url(../images/menu_activities.gif); width:105px; float:left}
#committee a {background-image:url(../images/menu_committee.gif); width:105px; float:left}
#objective a {background-image:url(../images/menu_objective.gif); width:105px; float:left}
#directories a {background-image:url(../images/menu_directories.gif); width:105px; float:left}
#magazine a {background-image:url(../images/menu_magazine_.gif); width:105px; float:left}
#webboard a {background-image:url(../images/menu_webboard.gif); width:105px; float:left}
#contact_us a {background-image:url(../images/menu_contact_us.gif); width:110px; float:left}
.footer {width:955px; height:auto; clear:both; text-align:center}
.footer p {font-family:Arial; font-size:0.6875em !important; font-style:normal; font-weight:normal; color:#CCCCCC}
.footer address {display: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}
.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}
/* Extension ================================================================================= */
.article {width:552px; height:auto; min-height:1215px; position:relative; top:6px; left:171px; padding:44px 30px 0; float:left; background:#FFF url(../magazine/images/content_bg.gif) no-repeat center top; text-align:left}
.article a {font-weight:bold; font-size:1.08em; color:#9C3000; text-decoration:none}
.article h1 {font-size:1em; color:#004D84; text-decoration:none}
.next {width:612px; height:60px; position:relative; top:auto; left:171px; padding:0; background:url(../images/content_next_bg.gif) no-repeat left bottom; text-align:center; display:block; clear:both}
.next a {font:normal bold 0.875em/2.5em Tahoma; color:#FF9900; text-decoration:none}
.next span {color:#CCCCCC}
p.center {text-align:center}
p.center span {color:#CCCCCC}
p.italic a {font-size:1.2em; font-style:italic; color:#666666; text-decoration:none}
p.italic a:hover {color:#FF9900; text-decoration:underline}
dt a  {font:normal bold 1.125em/1.5em Tahoma; color:#CC0000; text-decoration:none; display:block}
dd {color:#666666; line-height:150%}
dd strong {font-size:1.08em}
p {font-size:0.8125em; color:#666666}
p a {font-size:1.1em; font-weight:bold; line-height:1.5em; color:#009900 !important; text-decoration:none}
/* Aside ================================================================================= */
.aside {width:172px; height:100%; float:right; margin:6px 0 0 0; text-align:center}
.aside span {display:none}
.aside ul {text-align:center; margin-top:0}
.aside ul li {margin:0 0 4px 0; list-style-type:none}
.aside 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/advertising_pra.gif) center center no-repeat; display:block}
#manpower a {height:148px; background: url(../images/advertising_manpower.gif) center center no-repeat; display:block}
#emci a {height:148px; background:url(../images/advertising_emci.gif) center center no-repeat; display:block}
#library a {height:148px; background:url(../images/advertising_library.gif) center center no-repeat; display:block}
#skill a {height:148px; background:url(../images/advertising_skill.gif) center center no-repeat; display:block}
#handbook a {height:148px; background:url(../images/advertising_handbook.gif) center center no-repeat; display:block}
#estimating a {height:148px; background:url(../images/advertising_estimating.gif) center center no-repeat; display:block}
#mect a {height:148px; background:url(../images/advertising_mect.gif) center center no-repeat; display:block}
/* Sponsor ================================================================================= */
.sponsor {width:171px; text-align:center; position:absolute; left:0; top:6px}
.sponsor span {display:none}
.sponsor ul {list-style-type:none; margin-top:6px}
.sponsor ul li {margin-bottom:2px}
.sponsor ul li a {width:171px; height:53px; margin:0 0 2px -42px; background:no-repeat center top; text-decoration:none !important; display:block}
.sponsor ul li a:hover {background-position:center bottom}
#memberships {height:81px; background:url(../images/sponsor_registration.gif) no-repeat center center; background-position:center top; background-repeat:no-repeat; display:block}
#memberships:hover {background-position:center bottom}
#memberships span {display:none}
#teohong a {height:53px; background-image:url(../images/sponsor_teohong.gif)}
#moeller a {height:53px; background-image:url(../images/sponsor_moeller.gif)}
#siamsyndicate a {height:53px; background-image:url(../images/sponsor_siamsyndicate.gif)}
#philips a {height:53px; background-image:url(../images/sponsor_philips.gif)}
#l_e a {height:53px; background-image:url(../images/sponsor_l_e.gif)}
#haco a {height:53px; background-image:url(../images/sponsor_haco.gif)}
#ks_group a {height:53px; background-image:url(../images/sponsor_ks_group.gif)}
#sattelthailand a {height:53px; background-image:url(../images/sponsor_sattelthailand.gif)}
#bosch a {height:53px; background-image:url(../images/sponsor_bosch.gif)}
#plus_three a {height:53px; background-image:url(../images/sponsor_plus_three.gif)}
#skp a {height:53px; background-image:url(../images/sponsor_skp.gif)}
#gsp a {height:53px; background-image:url(../images/sponsor_gsp.gif)}
#focus a {height:53px; background-image:url(../images/sponsor_focus.gif)}
#mahathon a {height:53px; background-image:url(../images/sponsor_mahathon.gif)}
#ge a {height:53px; background-image:url(../images/sponsor_ge.gif)}
#precise a {height:53px; background-image:url(../images/sponsor_precise.gif)}
#lekise a {height:53px; background-image:url(../images/sponsor_lekise.gif)}
#kumwell a {height:53px; background-image:url(../images/sponsor_kumwell.gif)}
#nokian_capacitors a {height:53px; background-image:url(../images/sponsor_nokian_capacitors.gif)}
/* Alliance ================================================================================= */
.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}
}
@media print {
body {font-family:Tahoma; font-size:10pt; line-height:1.25em; color:#111}
h1 {font-size:1.25em; line-height:1.25em; padding:2pt 0; border-top:1pt dashed #999; border-bottom:1pt dashed #999}
a {text-decoration:none; color:#666666}
dl strong {font-size:1.125em; line-height:1.25em}
img {border-width:0}
li p {font-size:1em}
p strong {font-size:1.125em; line-height:1.25em}
.header {display:none}
.container {width:100%; height:auto; margin:0; padding:0}
.article {width:100% !important; height:auto !important}
.aside {display:none}
.alliance {display:none}
.next {display:none}
.sponsor {display:none}
.footer {margin-top:10pt; padding:4pt 0; text-align:center; border-top:1pt dashed #999; border-bottom:1pt dashed #999}
.footer address {font-style:normal}
.footer p {display:none}
.clear {clear:both; line-height:0; height:0}
.none {display:none}
.hidden {visibility:hidden}
.horizon {width:100%; height:1%; padding-bottom:15pt; border-bottom:0pt solid #CCC}
.next {display:none}
/* Extension ================================================================================= */
dl span a {font-size:11pt; font-style:italic; color:#111; text-decoration:none}
dt a  {font-size:11pt; font-weight:bold; color:#111; text-decoration:none}
dd {font-size:10pt; color:#111}
p {font-size:10pt; color:#111}
p.center a .next {display:none}
p.center a img {visibility:visible}
p.center span {display:none}
.next {display:none}
}