@import url(base.css);
@import url(content.css);
@import url(hostcms.css);


html, body{width:100%;  height:100%;}
#body {width:1000px; margin:0 auto;}
#box {position:relative; height:auto !important; height:100%; min-height:100%;background:#fff;}
#header {overflow: hidden; height:327px; margin:0 0 17px;  font-family:'Times New Roman', Verdana, sans-serif; background:#EBE9DB url(/img/headerBack.png) left bottom no-repeat;}
#middle { width: 100%; height: 1%;}
#sidebar {float:left;  width:250px; padding: 0 0 100px;}
#content {float: right; display:inline; width:690px;  padding: 0 30px 100px;}
#footer {position:relative; overflow: hidden; height:50px; margin:-50px auto 0; font-family: Arial, Verdana, sans-serif; color:#8D8865; background:#EBE9DB;}

#header h4.logo {overflow: hidden; position: absolute; top:75px; left: 37px; z-index:3; width: 171px; height: 104px; margin:0;}
  #header h4.logo a {display: block; overflow: hidden; width: 171px; height: 104px;}
  #header h4.logo.home:before, #header h4.logo a:before {content:url(/img/logo2.png);}

#header .banner {position: absolute; top:0; left:33px; z-index:3; overflow: hidden;  height:41px;}
#header .ebanner {position: absolute; top:254px; left:740px; z-index:3; overflow: hidden; color:#FFFFFF;}
#header .info {position: absolute; top:288px; right: 19px; z-index:3; display:block; overflow: hidden;  margin: 0; color:#fff;}

  #header .info dl {float:left; display:inline; overflow: hidden;  margin:0 5px 0 0; background:url(/img/naviLiBack.png) no-repeat;}
    #header .info dl dt {float:left; padding: 9px 5px 0 5px;}
    #header .info dl dd {float:left; display:inline; overflow: hidden;  padding: 8px 5px 0 0;background: url(/img/naviLiBack2.png) right 0 no-repeat; }
       #header .info dl dd {font-size:1.3em; color:#F4C20A;}

#header ul.navi {position: absolute; top:260px; right: 0; z-index:3; overflow: hidden;  margin: 0;}
  #header ul.navi li {float:left; display:inline; margin: 0 19px 0 0; padding:0; background:none; }

    #header ul.navi li a, #header ul.navi li.home {display:block; overflow: hidden; text-indent: 5000px; background: url(/img/naviLinks.png) no-repeat;}
    #header ul.navi li.home, #header ul.navi li.home a {width:11px; height:10px;}
    #header ul.navi li.mail a {width:12px; height:10px; background-position: -30px 0;}
    #header ul.navi li.map a {width:11px; height:10px; background-position: -60px 0;}


#sidebar ul.menu {display:block; margin: 0 0 0 33px;}

  #sidebar ul.menu li {display:block; margin: 0 0 6px 0; padding:0 0 0 20px;   font:1.2em/1.2em Tahoma, Verdana, sans-serif; text-align: left; background:none;}
   #sidebar ul.menu li a {text-decoration:none; font-weight: bold;  color:#5E7EAA;}

  #sidebar ul.menu li.active {background: url(/img/liActive.png) 0 4px no-repeat;}
    #sidebar ul.menu li.active a {color:#D3224E;}

    #sidebar ul.menu li ul {margin:4px 0 14px 0}
      #sidebar ul.menu li ul li{line-height:.7em;}
        #sidebar ul.menu li ul li a, #sidebar ul.menu li.active ul li a {font-size:.7em; color:#866340; text-decoration: underline;}

#sidebar .clouds {overflow: hidden; width:181px; margin: 50px 0 0 33px; text-align: center; line-height: 1.6em;}
  #sidebar .clouds a {text-decoration: none;  }
  #sidebar .clouds a.blue {color:#41679B;}
  #sidebar .clouds a.yellow {color:#FFCB08;}
  #sidebar .clouds a.blue2 {color:#95A2B3;}





#footer small {font-size: .9em;}
#footer p.copy {position: absolute; top:8px; left: 33px; z-index:2; line-height: 1.5em;}

#footer ul.banners {position: absolute; right:33px; top:8px; z-index:2; margin:0;}
  #footer ul.banners li {display: inline; padding: 0 2px 0 0px; background: none;}