html,body{height:100%}

body{width:100%;min-height:100%;margin:0;padding:0;color:#222;font:normal 13px arial;background:#FFF;line-height:1.6; text-align:center}

form{margin:0}
table,input,select{font:normal 100% arial}
table{border-collapse:collapse}
table td{padding:0}
img{border:0;margin:0}
a{color:#62707D}

/* dont use tr.t(.m .b) if embedded table */
.t,tr.t td{vertical-align:top}
.m,tr.m td{vertical-align:middle}
.b,tr.b td{vertical-align:bottom}
tr.t td td,tr.b td td,tr.m td td{vertical-align:auto}
.l{text-align:left}
.c{text-align:center}
.r{text-align:right}

.rel{position:relative}
.abs{position:absolute}
.fl{float:left}
.fr{float:right}
.cl{clear:both}

.w0{width:1px}
.w33{width:33.3%}
.w50{width:50%}
.w100{width:100%}
.h100{height:100%}

h1{font:normal 28px 'arial narrow',tahoma; color:#8B8B8B; padding-left:30px}
h2{font:normal 22px  'arial narrow',tahoma}
h3{font:normal 21px  'arial narrow',tahoma; color:#C00000; margin:1em 0 0.4em}
h1,h2,h4{margin:0 0 0.4em 0}

ul,ol{margin:0 0 0.4em 2.5em;padding:0; text-align:left}
ul li,ol li{padding:0 0 0 0.4em}

p{margin:0 0 0.8em}

big,.big{font-size:125%}
small,.small{font-size:95%}
.micro{color:#DDD;font:normal 9px tahoma}

.nobr{white-space:nowrap}
.free{padding:0;margin:0}
a.nounder{text-decoration:none}
a.nounder:hover{text-decoration:underline}

.hidden{display:none}

.z{border:1px solid red}

.h1px{height:1px;font-size:1px;line-height:1px}

/* style for content */

.main{width:900px; margin:0 auto; text-align:left}
.mrt{margin-top:20px}

.note{padding-left:250px; background:url(../img/big_box.jpg) left top no-repeat; min-height:380px}
.note .fl{width:380px}
.note .fr{width:220px; background:#F1F1F1; border:solid 1px #D5D5D5; text-align:center; padding:12px 0}
.note .fr strong{color:#006b5d}

ul.red{color:#C00000; margin:0.4em 0 0 3em; text-align:left}
ul.red span{color:#222}

.part_tit{background:#005e50 url(../img/bg_title.png) left top repeat-x; color:#e7fff7; font:normal 21px  'arial narrow',tahoma; padding:6px 20px 6px 30px; margin-bottom:3px}
.part_tit a{float:right; font:normal 13px arial; color:#e7fff7; margin-top:4px; padding-left:20px; background:url(../img/open_close.png) left 4px no-repeat}
.part_tit a.hd{background-position:left -26px}

.sub{margin-bottom:12px}
.sub_title,.sub_note{margin-left:10px}
.sub_title{font-weight:bold; padding:10px 36px 10px 50px; background:#F1F1F1 url(../img/open_close.png) 22px -55px no-repeat; cursor:Pointer}
.sub_title i{color:#C00000}
.sub_note{padding:0 36px 0 50px; background:#F1F1F1; margin-bottom:3px; opacity:0; height:0; overflow:hidden }
.sub_note p{margin:2px 0 0; background:#DEDEDE; padding:6px 12px}
.sub_note p:first-child{margin-top:8px}
.hid{background-position:22px -85px}

.copy{float:left; width:500px; background:#006c5e; color:#FFF; font:normal 10px arial; padding:28px 0 30px 32px}
.btm_logo{float:right; margin-top:16px}