html{height:100%}
body{margin:0;padding:0;height:100%;background-color:#f4f4f4;background-image:url(bg_body.jpg);background-attachment:fixed;background-position:50% 0;background-repeat:repeat-x;text-align:left}
header,footer,article,section,.nav,figure,address,hgroup,abbr,small,figcaption,aside{display:block;margin:0;padding:0}
a{outline:0;text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none}
p{margin:0 0 18px;padding:0}
table{margin:0;padding:0;border-collapse:collapse}
td,th,tr{margin:0;padding:0}
ol,ul,li{margin:0;padding:0}
ol,ul{list-style-type:none}
img{padding:0;border:0}
a img{display:block;border:0}
input,textarea{margin:0;padding:0}
form,fieldset{border:0;margin:0;padding:0}
input{outline:0;border:0;background:0}
textarea{overflow:hidden;outline:0;border:0;background:0;resize:none}
h1,h2,h3,h4,h5,div p a{margin:0 0 18px;padding:0}
h3{position:relative;overflow:hidden}
h3:after{position:absolute;top:17px;margin-left:10px;width:99%;height:5px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;content:''}
.cl{clear:both}
.fr{float:right}
#page{position:relative;overflow:hidden;margin:32px auto 0;width:100%;height:auto}
#header{margin:0 auto;padding:0 30px;min-height:184px;width:940px;background:#fff}
.header_inner{position:relative;margin:0 auto;width:940px}
.logo{position:absolute;top:30px;left:0;display:block;width:190px;height:69px}
#header .nav{position:absolute;top:117px;z-index:10;width:100%;background:#3a454b;text-align:center}
#header .nav.fixed_nav{position:fixed;top:-100%;right:auto;z-index:200;width:940px}
#navigation,#navigation ul{margin:0;list-style:none;padding:0}
#navigation:after{clear:both}
#navigation{position:relative;z-index:202;display:inline-block;display:block;}
#navigation ul{background-color:#fff;}
#navigation li{position:relative;display:block;float:left;margin-left:-1px}
#navigation>li:before{position:absolute;top:17px;right:0;width:1px;height:22px;background:rgba(255,255,255,.15);content:'';z-index:-1}
#navigation>li:hover:before{width:0}
#navigation li a{display:block}
#navigation>li>a>span{position:relative;display:block;padding:0 5px;width:110px;height:57px;text-align:center;word-wrap:break-word;line-height:57px;overflow:hidden}
#navigation>li>a>span.extrawide{width:220px}
#navigation>li>a>span.wide{width:170px}
#navigation>li>a>span.narrow{width:100px}
#navigation ul{position:absolute;top:57px;left:0;z-index:100;visibility:hidden;padding:9px 0;opacity:0;}
#navigation li:hover>ul{visibility:visible;margin:0;opacity:1}
#navigation ul ul{top:-9px;left:97%;margin:0 0 0 20px}
#navigation ul li:hover>ul{margin:0 0 0 1px}
#navigation ul ul:before{position:absolute;top:0;left:-1px;width:1px;height:100%;content:''}
#navigation ul li{display:block;float:none;padding:0;height:auto;background:0}
#navigation ul li,#navigation ul li ul li,#navigation ul li ul li ul li{margin:0}
#navigation ul li a{display:block;box-sizing:border-box;padding:5px 25px 5px;min-width:205px;min-height:35px;text-align:left}
#navigation ul li a span{display:block}
#top{position:relative;clear:both;overflow:hidden;margin:0 auto -30px;padding:0 30px;width:940px;background-color:#fff}
#middle{position:relative;overflow:hidden;box-sizing:border-box}
.middle_inner{position:relative;overflow:hidden;margin:0 auto;width:940px}
.header_inner{width:100%}
.middle_inner{padding-right:30px;padding-left:30px;background:#fff}
#middle_content{position:relative;padding:0 0 40px;z-index:0}
#footer{padding-bottom:30px}
.footer_inner{background-color:#3a454b;line-height:20px;width:940px;padding:20px 30px;margin:0 auto;position:relative;overflow:hidden}
.footer_inner:before{position:absolute;top:0;width:940px;height:5px;border-top:1px solid rgba(72,82,88,1);border-bottom:1px solid rgba(72,82,88,1);content:''}
#footer .footer_nav{overflow:hidden;margin:0}
#footer .footer_nav ul{display:none}
#footer .footer_nav>li{display:block;float:left;padding-left:20px}
#footer .footer_inner>span{display:inline-block;margin-top:3px}
@media only screen and (min-width:1440px){
  #top,#header,.header_inner,.middle_inner,.bottom_inner,.footer_inner,.footer_inner:before{width:1160px;}
}
@media only screen and (min-width:768px) and (max-width:1002px){
  #navigation>li>a>span{width:114px}
  .logo{left:0}
  #content{width:64%}
}
@media only screen and (min-width:400px) and (max-width:540px){
  #page,#footer{min-width:240px}
  #header .nav{position:relative;top:auto;right:auto;margin:20px 0;background:0;text-align:left}
  #navigation>li{float:none}
  #navigation>li>a>span{padding:11px 0 11px 30px;height:18px;line-height:18px}
}
@media only screen and (max-width:1151px){
  h1,h2,h3,h4,h5,h6{word-wrap:break-word}
    #top,
  #header,
  .middle_inner,
  .entry_headline,
  .headline,
  .cont_nav,
  .bottom_inner,
  #top_sidebar,
  .middle_sidebar,
  .footer_inner {box-sizing:border-box;margin-right:5%;margin-left:5%;width:90%}
  #header .nav.fixed_nav{width:84.4%;left:7.7%}
  .footer_inner:before{width:100%}
}
@media only screen and (max-width:1002px){
  #header,.header_inner{position:relative;overflow:hidden;padding:0;min-height:1px}
  .logo{position:relative;float:left;margin-left:30px}
  #header .nav.fixed_nav{position:relative;top:0}
  #header .nav{box-shadow:none}
  #navigation{position:relative;display:none;overflow:hidden;box-sizing:border-box;margin:0 0 20px 0;width:100%;height:auto}
  #navigation li:before,#navigation li ul li:before{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#ebebeb;background-color:rgba(0,0,0,.08);content:""}
  #header .nav:before{display:none;content:none}
  #navigation>li:hover{top:auto}
  #navigation a{display:block}
  #navigation>li>a{padding:0 0 0 30px}
  #header .nav{position:relative;top:auto;right:auto;margin:30px 0 20px;background:0;text-align:left}
  #navigation>li{float:none}
  #navigation>li>a>span{padding:11px 0 11px 0;width:100%;height:18px;text-align:left;line-height:18px}
}
@media only screen and (max-width:795px){
  .content_wrap:before{display:none;content:none}
  #content,#sidebar{float:none;overflow:hidden;margin:0;padding:0;width:100%}
  #content{padding-bottom:40px}
  #sidebar{padding-top:40px}
  #sidebar:before{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:1px;background:rgba(0,0,0,.1);content:''}
}
@media only screen and (max-width:768px){
  .footer_inner:before{right:5%;left:5%;width:90%}
  #footer .footer_inner>span{display:block;margin:3px auto 20px;text-align:center}
  .footer_inner .fr{float:none}
  #footer .footer_nav{text-align:center}
  #footer .footer_nav>li{display:inline;float:none;padding-right:10px;padding-left:10px}
  .footer_inner span{display:block;clear:both;margin:5px 0 20px}
  .footer_inner{padding:30px 30px 30px}
}
@media only screen and (max-width:400px){
  #footer div.fr{padding-bottom:10px}
  .footer_inner:before{right:10%;left:10%;width:80%}
}
body{font:15px/20px Arial,Geneva,Helvetica,sans-serif}
h1{font:400 32px/36px Arial,Geneva,Helvetica,sans-serif}
h2{font:400 24px/36px Arial,Geneva,Helvetica,sans-serif}
h3{font:400 22px/36px Arial,Geneva,Helvetica,sans-serif}
h4{font:400 20px/36px Arial,Geneva,Helvetica,sans-serif}
h5{font:400 18px/24px Arial,Geneva,Helvetica,sans-serif}
li{line-height:24px}
li a{line-height:18px}
#navigation>li>a,#navigation>li:hover>a{font:14px/18px Arial,Geneva,Helvetica,sans-serif}
body{color:#555}
a:hover{color:#727a7e}
.footer_nav li a{color:#b6c4cb}
a{color:#33bee5}
h1{color:#4e5c64}
h2{color:#4e5c64}
h3{color:#4e5c64}
h4{color:#4e5c64}
h5{color:#4e5c64}
h6{color:#4e5c64}
h1 a{color:#4e5c64}
#navigation li>a,#navigation li:hover>a:hover,#navigation li:hover>a{color:#fff}
.footer_inner{color:#c4c8c9;color:rgba(255,255,255,.7)}
#footer .footer_nav>li a:hover{color:#33bee5}
@media only screen and (max-width:1002px){
  #navigation li>a{color:#4e5c64}
  #navigation ul li a{font:14px/18px Arial,Geneva,Helvetica,sans-serif}
}
#navigation>li:hover{background-color:#33bee5}
