@media screen {
body {font:normal normal 100%/1.25em Tahoma; color:#333; background-color:#222}
.container {width:955px; height:auto; margin:0 auto; padding:0; background:url(../images/bg.gif) repeat; position:relative}
.header {width:955px; height:37px; margin:0 auto; padding-top:80px; background:#000 url(../images/header.gif) no-repeat left top; position:relative}
.header span a {position:absolute; right:30px; top:30px; font-family:Arial; font-weight:bold; color:#FFCC66; text-decoration:none}
.header span a:hover {color:#F90; text-decoration:underline}
.header ul {width:950px; height:37px; margin:0 0 0 5px; padding:0}
.header ul li {list-style-type:none; float:left}
.header ul li a span {display:none}
.header ul a {width:105px; height:37px; background:url() no-repeat 0 0; text-decoration:none !important; display:block}
.header ul a:hover {background-position:0 -37px}
#home a {background-image:url(../images/navigation_home.gif)}
#news a {background-image:url(../images/navigation_news.gif)}
#activities a {background-image:url(../images/navigation_activities.gif)}
#committee a {background-image:url(../images/navigation_committee.gif)}
#objective a {background-image:url(../images/navigation_objective.gif)}
#directories a {background-image:url(../images/navigation_directories.gif)}
#magazine a {background-image:url(../images/navigation_magazine.gif); background-position:0 -37px}
#webboard a {background-image:url(../images/navigation_webboard.gif)}
#contact_us a {background-image:url(../images/navigation_contact_us.gif)}
.footer {width:955px; margin:0; text-align:center}
.footer p {margin:0; font-family:Arial; font-size:0.6875em !important; color:#CCC}
.footer address {display:none}
.none {display:none}
/* Extension ================================================================================= */
a:hover {color:#FF9900 !important; text-decoration:underline !important}
h1 {font-size:1.25em; line-height:1.5em; color:#004D84}
.article {width:552px; height:auto; min-height:1215px; position:relative; left:171px; top:6px; padding:44px 30px 20px; background:#FFF url(../magazine/images/article.gif) no-repeat center top; font-size:0.8125em; text-align:left; overflow:hidden}
.article a {font:normal bold 1.25em/1.5em Tahoma; color:#9C3000; text-decoration:none}
.article dl {font-size:1em; line-height:1.5em}
.article dl dd {color:#666}
.article p img {margin-left:170px}
.article span {display:block}
.article strong {font-size:1.0625em; line-height:1.5em}
.next {width:612px; height:45px; position:relative; top:auto; left:171px; padding:0; background:url(../images/article_ending.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:#CCC}
/* Aside ================================================================================= */
.aside {width:172px; position:absolute; left:783px; top:6px; 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 -40px; text-align:center; background-position:center center; background-repeat:no-repeat; text-decoration:none; display:block}
#pra a {height:148px; background: url(../images/aside_pra.gif) center center no-repeat; display:block}
#manpower a {height:148px; background: url(../images/aside_manpower.gif) center center no-repeat; display:block}
#emci a {height:148px; background:url(../images/aside_emci.gif) center center no-repeat; display:block}
#library a {height:148px; background:url(../images/aside_library.gif) center center no-repeat; display:block}
#market a {height:148px; background:url(../images/aside_market.jpg) center center no-repeat; display:block}
#handbook a {height:148px; background:url(../images/aside_handbook.gif) center center no-repeat; display:block}
#estimating a {height:148px; background:url(../images/aside_estimating.gif) center center no-repeat; display:block}
#mect a {height:148px; background:url(../images/aside_mect.gif) center center no-repeat; display:block}
/* Sponsors ================================================================================= */
ul.sponsors {width:171px; height:auto; margin:0; padding:0; position:absolute; left:0; top:4px; text-align:center}
ul.sponsors li {width:138px; margin:0 auto; list-style-type:none}
ul.sponsors li a {height:57px; background:#375568 url() no-repeat center; display:block}
ul.sponsors li a:hover {background-color:#F90}
ul.sponsors li span {display:none}
#memberships a {height:85px !important; margin-bottom:0.5em; background-image:url(../images/sponsors_registration.gif)}
#teohong a {background-image:url(../images/sponsors_teohong.gif)}
#moeller a {background-image:url(../images/sponsors_moeller.gif)}
#siamsyndicate a {background-image:url(../images/sponsors_siamsyndicate.gif)}
#philips a {background-image:url(../images/sponsors_philips.gif)}
#l_e a {background-image:url(../images/sponsors_l_e.gif)}
#haco a {background-image:url(../images/sponsors_haco.gif)}
#ks_group a {background-image:url(../images/sponsors_ks_group.gif)}
#sattelthailand a {background-image:url(../images/sponsors_sattelthailand.gif)}
#bosch a {background-image:url(../images/sponsors_bosch.gif)}
#plus_three a {background-image:url(../images/sponsors_plus_three.gif)}
#skp a {background-image:url(../images/sponsors_skp.gif)}
#gsp a {background-image:url(../images/sponsors_gsp.gif)}
#focus a {background-image:url(../images/sponsors_focus.gif)}
#mahathon a {background-image:url(../images/sponsors_mahathon.gif)}
#ge a {background-image:url(../images/sponsors_ge.gif)}
#precise a {background-image:url(../images/sponsors_precise.gif)}
#lekise a {background-image:url(../images/sponsors_lekise.gif)}
#kumwell a {background-image:url(../images/sponsors_kumwell.gif)}
#nokian_capacitors a {background-image:url(../images/sponsors_nokian_capacitors.gif)}
#grundfos a {background-image:url(../images/sponsors_grundfos.gif)}
#confide a {background-image:url(../images/sponsors_confide.gif)}
#ptt a {background-image:url(../images/sponsors_ptt.gif)}
/* Alliance ================================================================================= */
.alliance ul {width:350px; height:50px; margin:6px 302px 4px 303px; padding:0}
.alliance ul li {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.5em; color:#111}
h1 {font-size:1.25em; line-height:1.5em; padding:2pt 0; border-top:1pt dashed #999; border-bottom:1pt dashed #999}
a {text-decoration:none; color:#666}
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}
.sponsors {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}
.none {display:none}
.hidden {visibility:hidden}
.next {display:none}
/* Extension ================================================================================= */
h1 span {display:block}
dt a, dd strong  {font-weight:bold; font-size:1.25em; line-height:1.5em; color:#111; text-decoration:none}
dd strong {color:#CCC}
dd span {display:block}
img {float:right}
.article {display:block}
.footer {width:100%; height:auto}
}