#container { 
position: relative; 
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
}

#main-container A { color: #999; text-decoration: none; }
#main-container A:hover, #main-container A.active { color: #900; text-decoration: none; }

#main-container { margin: auto; width: 790px; }
#header { padding: 14px 0 36px 0; }
#lang { word-spacing: 11px; color: #666; }
#date { font-size: 10px; color: #666;}
#content { padding: 25px 0 5em; }
#col01, #col03 { width: 282px; }
#col02 { margin: 0 19px; width: 188px; height: 306px; background: url(bg01.jpg) no-repeat 0 24px; position: relative;  }
.label01 { width: 282px; height: 55px; background:url(label_01.png) no-repeat; cursor: pointer; }
#form { float: right; width: 138px; margin: 8px 0 2px 0; }
#form SELECT { margin: 0 0 8px 0; width: 136px; height: 20px; padding: 2px 0 2px 0; border: 1px solid #cccccc; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
.text { margin: 0 0 8px 0; width: 131px; padding: 3px 0 3px 5px; border: 1px solid #cccccc; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; }
.links { padding: 0 0 0 0; font-size: 14px; line-height: 23px; position: absolute; bottom: 42px; font-weight: bold; }
.linkspos { margin: 0 0 3px 0; }
.links  A { color: #666 !important; text-decoration: none; font-weight:normal;}
.links  A:hover { color: #900 !important; text-decoration: none; font-weight:normal;}
.detail-btn { width: 92px; margin: 0 1px 0 0; padding: 4px 0 3px 0;	font-size: 9px; border: none; background: #ccc; color: #000; float: left; }
.detail-btn:hover { background: #c4c4c4;}
.search-btn { width: 45px; margin: 0; padding: 4px 0 3px 0;	font-size: 9px; border: none; background: #990000;	color: #fff; float: left; }
.search-btn:hover { background: #831002; }
.leftmargin {margin-left: 50px;}

#footer { position: absolute; bottom: 0; width: 100%; height: 5em; background: #636363 url('../bg01.gif') repeat-x 0 0; }

/* Page header */

#header1 { background: #fff; font-size: 11px; }
#header1 DIV.mw { height: 115px; position: relative; }
#header1 #logo { margin: 0; position: absolute; top: 43px; left: 0; }
#header1 #langselect { padding: 0; margin: 0; float: left; font-size: 10px; /*border-right: 1px solid #ccc;*/ list-style: none; }
#header1 #langselect LI { float: left; padding: 7px 10px 3px 0; }
#header1 #langselect A { color: #999; }
#header1 #langselect A.active { color: #900; }
#header1 #search { float: left; }
#header1 #search P { float: left; margin: 0; padding: 4px 12px 0 12px; }
#header1 #search INPUT { float: left; margin: 0; }
#header1 #search-string { border: solid #ccc; border-width: 1px 0 1px 1px; font-size: 10px; padding: 2px 4px; width: 100px; }
#header1 #sitemap { padding: 0; margin: 0; float: left; font-size: 10px; border-left: 1px solid #ccc; }
#header1 #sitemap A { float: left; padding: 7px 10px 3px 30px; background: url(ico_sitemap.gif) 10px 6px no-repeat; }
#header1 #sitemap A:hover { text-decoration: underline; }

#header1 #today { position: absolute; right: 0; top: 10px; }
#header1 #today .time { color: #666; }
#header1 #today P { margin: 0; }
#header1 #today P.heading1 { float: left; color: #900; font-weight: bold; font-size: 12px; }
#header1 #today P.heading2 { background: url(bg05.gif) 0 100% repeat-x; padding: 10px 0 5px 0; }
#header1 #today P.weather1 { float: left; padding: 5px 10px 0 0; }
#header1 #today P.weather2 { text-align: right; color: #aaa; padding: 10px 20px 0 0; line-height: 17px; }
#header1 #today P.time { font-size: 10px; text-align: right; padding: 2px 0 0 0; }
#header1 #today DIV.cols { clear: both; }
#header1 #today-col1 { float: left; width: 150px; margin: 0 10px 0 0; }
#header1 #today-col2 { float: left; width: 110px; }
#header1 #today-col2 TABLE { margin: 7px 0 0 0; }
#header1 #today-col2 TABLE TD { font-size: 11px; color: #999; padding: 4px 5px 0 0; }

.headerBanner { position: absolute; right: 0; top: 43px; text-align: center; }
.headerBanner p, .homeText { margin: 5px 0 0; font-size: 12px; }

.banner_first { display: block; position: absolute; bottom: 25px; right: 0; width: 180px; height: 60px; overflow: hidden; }
.banner_first a { position: absolute; bottom: 0; }

.mw { width: 790px; margin: auto; text-align: left; }

#header1 DIV.mw { height: auto; padding: 5px 0 8px; overflow: hidden; //zoom: 1; }
#top-panel { position: relative; }
.headerBanner { top: 0; }

.home-banner { margin-bottom: 1px; height: 281px; overflow: hidden; }
.home-banner a, .home-banner a:hover { color: #fff; text-decoration: none; cursor: pointer; }
.home-banner .title-wrap { display: block; height: 22px; padding: 4px 12px; background: #8e0000 url('img/first/label_01.png') no-repeat 0 0; color: #fff; line-height: 1; }
.home-banner .title-wrap .title, .home-banner .title-wrap .subtitle { display: inline; color: #fff; }
.home-banner .title-wrap .title { margin-left: 5px; font-size: 20px; font-weight: normal; }
.home-banner .title-wrap .subtitle { font-size: 12px; font-weight: bold; }
.home-banner .img-wrap { display: block; height: 251px; overflow: hidden; }
.home-banner .img-wrap .img { vertical-align: top; }
.home-banner-small .img-wrap { height: 63px; }
.home-banner-small { height: 93px; }

/* Footer */

#footer1 { background: #fff url('img/bg02.gif') repeat-x; padding: 15px 0; padding-bottom: 25px; }
#footer1 .mw { height: 170px; background: url('img/bg03.gif') repeat-y; }
#footer1 H2 { margin: 0; padding-left: 0; }
#footer1 a { text-decoration: none; }

#footer-col1 { float: left; width: 420px; }
#footer-col1 DIV.pad { padding: 0 0 10px 15px; }
#footer-col1 TABLE { margin: 1em 0 0 0; width: 100%; }
#footer-col1 TABLE TH { font-size: 11px; font-weight: bold; }
#footer-col1 TABLE TD { vertical-align: top; font-size: 10px; padding: 0 15px 0 0; }
#footer-col1 TABLE TD A { display: block; color: #666; padding: 2px 0 0 0; }
#footer-col1 TABLE TD A:hover { color: #900; }

#footer-col2 { float: left; width: 150px; }
#footer-col2 DIV.pad { padding: 0 15px; font-size: 10px; }
#footer-col2 A { color: #666; display: block; }
#footer-col2 A:hover { color: #900; }

#footer-col3 { float: left; width: 220px; }
#footer-col3 P.map { float: right; }
#footer-col3 DIV.pad { padding: 0 10px; font-size: 10px; }
#footer-col3 A { color: #666; display: block; }
#footer-col3 A:hover { color: #900; }

#footer .footer-copy { padding-top: 12px; text-align: center; }
.footer-copy { margin: 0; color: #fff; font-size: 11px; }
.footer-copy a { color: #fff; text-decoration: none; }
.footer-copy a:hover { text-decoration: underline; }

.headerBannerMiddle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 180px;
    height: 60px;
    margin-left: -94px;
    overflow: hidden;
}

#logo { height: 60px; margin: 0; }