html, body { margin: 0; padding: 0; font: normal 12px/15px Arial, Helvetica, sans-serif; color: #000; }

div, ul, li, a { margin: 0; border: 0 none; padding: 0; }
img { margin: 0; padding: 0; border: 0 none;  }
a { text-decoration: none; color: #333; }
a:focus { outline: none; -moz-outline: none; }
a:hover { color: #D94217; }

/* MU2D_GRID ################### */

.LAY { margin: 0; width: 840px; height: 770px; }

.ROW-ABCD:after, 
.ROW-AB-CD:after, 
.ROW-A-BCD:after, 
.ROW-ABC-D:after, 
.ROW-A-BC-D:after, 
.ROW-A-B-CD:after, 
.ROW-AB-C-D:after, 
.ROW-A-B-C-D:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.ROW-ABCD,
.ROW-AB-CD,
.ROW-A-BCD,
.ROW-ABC-D,
.ROW-A-BC-D,
.ROW-A-B-CD,
.ROW-AB-C-D,
.ROW-A-B-C-D { width: 100%; }

.COL-A,
.COL-B,
.COL-C,
.COL-D { display: none; }

.ROW-ABCD .COL-A { display: block; float: left; width: 100%; }

.ROW-AB-CD .COL-A { display: block; float: left; width: 420px; }
.ROW-AB-CD .COL-C { display: block; float: left; width: 420px; }

.ROW-A-BCD .COL-A { display: block; float: left; width: 288px; }
.ROW-A-BCD .COL-B { display: block; float: left; width: 488px; }

.ROW-ABC-D .COL-A { display: block; float: left; width: 528px; }
.ROW-ABC-D .COL-D { display: block; float: left; width: auto; }

.ROW-A-BC-D .COL-A { display: block; float: left; width: 160px; }
.ROW-A-BC-D .COL-B { display: block; float: left; width: 760px; }
.ROW-A-BC-D .COL-D { display: block; float: left; width: 48px; }

.ROW-A-B-CD .COL-A { display: block; float: left; width: 248px; }
.ROW-A-B-CD .COL-B { display: block; float: left; width: 344px; }
.ROW-A-B-CD .COL-C { display: block; float: left; width: 280px; }

.ROW-AB-C-D .COL-A { display: block; float: left; width: 488px; }
.ROW-AB-C-D .COL-C { display: block; float: left; width: 244px; }
.ROW-AB-C-D .COL-D { display: block; float: left; width: 236px; }
 
.ROW-A-B-C-D .COL-A { display: block; float: left; width: 264px; }
.ROW-A-B-C-D .COL-B { display: block; float: left; width: 264px; }
.ROW-A-B-C-D .COL-C { display: block; float: left; width: 264px; }
.ROW-A-B-C-D .COL-D { display: block; float: left; width: 0px; }

/* ################### MU2D_GRID */

body { background: #E4E5E6 url('/app/gif/xhtml_view.gif') repeat-y 0 0; behavior:url("/app/htc/csshover.htc"); cursor: default; } 
p, h1, h2, h3 { cursor: text; }
.LAY { margin: 0 0 0 88px; background: transparent url("/app/gif/lay.gif") no-repeat 0 0; }
.Start .LAY { margin: 0 0 0 88px; background: transparent url("/app/gif/__lay.gif") no-repeat 0 0; }
#L1R1, #L1R1C1 { height: 128px; }
#L1R2 { height: 200px; }
#L1R3 { height: 414px; }
#L1R4 { height: 0px; }
#L1R5 { height: 24px; }

/* ################### M1 */
#M1 { margin: 74px 0 0 0; height: 32px; }
#M1 ul { list-style-type: none; }
#__M1 a { display: block; margin: 0 0 0 1px; border: 1px solid #fff; font-weight: bold; color: #333; text-decoration: none; }
#M1 a { display: block; margin: 0 0 0 1px; border: 1px solid #fff; font-weight: bold; color: #333; text-decoration: none; }

#M1 .LBL { cursor: default; }
#M1 .PMI { color: #d94217; }


.ML1 { float: right; padding: 0 10px 0 0; }
.ML1 li { position: relative; float: left; background: transparent url("/app/gif/sep.gif") no-repeat 0 -2px; }
.ML1 li a { display: block; padding: 6px 6px 7px 6px; }

.ML2 { display: block; position: absolute; top: 30px; left: 1px; width: 182px; }
.ML2 li { float: none; background: transparent; }
#M1 .ML2 a { margin: 0; font-weight: normal; height: 16px; padding: 1px 0 1px 4px; background: #fafafa; }
#M1 .ML2 .LBL { font-weight: bold; color: #333; }

.ML2 { display: none; }
.ML1 li:hover .ML2 { display: block; }
#M1 a:hover { color: #d94217; }


#M1 .SEL a { color: #d94217; }

#M1 .ML1 li:hover .LBL { background: #fafafa; color: #d94217; border: 1px solid #ccc; border-bottom-color: #fafafa; }
#M1 .ML1 li:hover .ML2 { border: 1px solid #ccc; }
#M1 .ML1 li:hover .ML2 a { border: 1px solid #fafafa; }

#M1 .ML1 li:hover .ML2 .LBL { border: 1px solid #fff; color: #333; }
#M1 .ML1 li:hover .ML3 { border-bottom: 1px solid #ccc; }




/* BM1 & 2 */
#M2 { margin: 2px 0 0 0; width: 345px; height: 23px; }
#M2 ul {  list-style-type: none; float: right; }
#M2 li { float: left; background: transparent url("__/app/gif/sep.gif") no-repeat 0 -4px; }
#M2 li a { display: block; margin: 0 0 0 1px; padding: 4px 4px 5px 4px; color: #999; text-decoration: none; }
#M2 a:hover { color: #d94217; }
#M2 .SEL a { color: #000; font-weight: bold; }
/*  */
#M0 { margin: 2px 0 0 12px; height: 23px; }
#M0 ul {  list-style-type: none; }
#M0 li { float: left; background: transparent url("__/app/gif/sep.gif") no-repeat 0 -4px; }
#M0 li a { display: block; margin: 0 0 0 1px; padding: 4px 4px 5px 4px; color: #999; text-decoration: none; }
#M0 a:hover { color: #d94217; }

#M0 .SEL a { color: #000; font-weight: bold; }



#L1R3C1 div { width: 510px; height: 380px; overflow: auto; border: 1px solid #B4B2B3; }
#L1R3C4 div { width: 246px; height: 380px; overflow: auto; border: 1px solid #B4B2B3; }

#L1R3 a { font-weight: bold; }
#L1R3 ul { margin: 12px 16px 12px 15px; padding: 0; font: normal 12px/15px Arial, Helvetica, sans-serif; color: #D94217; list-style-image: url("/app/gif/arrow.gif"); }
#L1R3 ul li { margin: 0px 0 0 15px; padding: 0; }
#L1R3 ul li a { color: #000; font-weight: normal; }
#L1R3 h1 { margin: 20px 16px 12px 15px; font: normal 16px/18px Arial, Helvetica, sans-serif; color: #156C54; }
#L1R3 h2 { margin: 16px 16px 0 15px; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #000; }
#L1R3 p { margin: 0px 16px 16px 15px; font: normal 12px/15px Arial, Helvetica, sans-serif; color: #000; }
#L1R3 table { margin: 0px 16px 12px 11px; border: 0 none; font: normal 12px Arial, Helvetica, sans-serif; }
td.LBL { width: 110px; color: #156C54; vertical-align: top; }

#L1R3 a:hover { color: #D94217; }

.MORE { font-style: italic; font-weight: bold; color: #333; }
#L1R3 .MAIL { margin: 12px 0px 12px 15px; padding: 0; color: #D94217; list-style-image: url("/app/gif/mail.gif"); }


.Start #L1R3 { height: 148px; border: 0px solid red; }
.Start #L1R3C1 { height: 148px; border: 0 none; }
.Start #L1R3C1 div { height: 148px; border: 0 none; }
.Start #L1R3C2, .Start #L1R3C3, .Start #L1R3C4 { display: none; }


.Start #L1R3, .Start #L1R3C1, .Start #L1R3C1 div { width: 840px;   }

.Start #L1R4 { height: 176px; }
.Start #L1R4C1 div, .Start #L1R4C2 div, .Start #L1R4C3 div { width: 248px; height: 144px; overflow: auto; border: 1px solid #B4B2B3; }
.Start #L1R4C3 div { border: 1px solid #D94217; }


.Start #L1R3C4 div { display: none; }
.Start #L1R3C1 h1 { margin: 0 0 5px 16px; font: normal 22px/25px Arial, Helvetica, sans-serif; color: #156C54; }
.Start #L1R3C1 h1 span { font: normal 42px/42px Arial, Helvetica, sans-serif; color: #D74019; }
.Start #L1R3C1 p { margin: 0 72px 0 16px; font: normal 13px/15px Arial, Helvetica, sans-serif; color: #000; }


.Start #L1R4 h1 { margin: 20px 0 12px 15px; font: normal 16px/16px Arial, Helvetica, sans-serif; color: #156C54; }
.Start #L1R4 h2 { margin: 0 0 0 15px; font: bold 12px/15px Arial, Helvetica, sans-serif; color: #000; }
.Start #L1R4 p { margin: 0 0 0 15px; font: normal 12px/15px Arial, Helvetica, sans-serif; color: #000; }

img.NEWS { margin: 0 11px 4px 0; padding: 1px; border: 1px solid #c2c2c2; float: left; vertical-align: baseline; }
h2.NEWS { padding: 0 0 6px 0; }




#TBL { width: 480px; font-size: 12px; text-align: left; color: #333; }
#TBL td { align: left; vertical-align: top; }

#TBL p { margin: 0; padding: 0; }
#TBL label { margin: 0; font-size: 12px; padding-top: 6px; } 

#TBL .S1 { width: 140px; height: 18px; }
#TBL .S2 { width: 80px; }
#TBL .S3 { width: 282px; }
#TBL .SUBMIT { width: 60px; height: 18px; margin: 0; margin: 12px 10px 0 0; font-weight: bold; font-size: 12px; color: #666; cursor: pointer; background-color: #fff; }
input { height: 15px; font-size: 11px; border: 1px solid #DEDEDE; padding: 0 4px; }
textarea { width: 380px; font-size: 11px; border: 1px solid #DEDEDE; padding: 0 4px; }
.GREEN {}
.RED { color: #ff0000; }

.selctedItem { color: #D94217; font-weight: bold; }

#TBLL .S1 { width: 160px; height: 18px; }
#TBLL .LOGIN { width: 60px; height: auto; margin: 0; padding: 0 0 0 0; font-weight: bold; font-size: 12px; color: #666; cursor: pointer; background-color: #fff; }

#TBLR .S1 { width: 160px; height: 18px; }
#TBLR .LOGIN { width: 60px; height: auto; margin: 0; padding: 0 0 0 0; font-weight: bold; font-size: 12px; color: #666; cursor: pointer; background-color: #fff; }
#L1R3 #FORMINFO { margin: 0px 16px 0px 15px; font: normal 10px/13px Arial, Helvetica, sans-serif; color: #666; }

a.DL { padding-left: 12px; background: transparent url("/app/gif/arrow.gif") no-repeat 0 50%; }
#OVERLAY { display: none; position: fixed; top: 0px; left: 0px; z-index: 100; width: 100%; height: 100%; text-align: center; vertical-align: middle; background: transparent url('../png/OVERLAY.png') repeat 0 0; }