
header {width:100%; float:left; text-align:center}
header nav {max-width:123rem; margin:0 auto; display:inline-block;  width:100%; transition: all 0.35s linear; }

#overlay{/*min-height:45rem*/}

header nav ul{text-align:center; padding:0;  margin:0; float:none;  display:block; white-space:nowrap;  font-size: 1.8rem; height:14rem;  list-style:none;  }
header nav ul li{list-style:none;  }
header nav ul #home_link{ display:inline-block;  width:100%; padding:0; margin:0;    height:100%;  }
header nav ul #home_link ul { vertical-align:middle;  padding:0; font-size:0;  height:100%;  display:inline-block; width:auto; list-style:none; overflow:visible; }
header nav ul #home_link ul li{  height:50%;  padding:0;  display:inline-block; }
header nav ul li#home_link ul li a{position:relative; top:75%;  font-size:1.8rem; padding:1rem 2rem; color:#444;text-shadow: 0 0 1.5rem #fff;transition: all 0.5s linear; font-weight:600; margin:0; }
header nav ul li#home_link ul li  a:visited{color:#444;   }
header nav ul li#home_link ul li  a:hover{color:#fff;background:rgba(0,102,204,1);text-shadow: none;}

header nav ul li#home_link > a{float:left; height:14rem; position:relative; padding:0; margin:0; }
header nav ul li#home_link > a img {height:100%; padding:1rem 0;}
header nav ul li#home_link >  a:hover{background:rgba(0,0,0,.1);}

header nav ul li#aud_menu ul li a {padding-left:1.5rem;}

header nav#gnav ul li a#home_home_link{float:left; padding:1.5rem 0 1rem 5.5rem; padding-right:5.5rem; opacity:.5}
header nav input{position:absolute; left:0; top:-100vh; }
#menulabel, header nav form{display:none}
#gnav {background:rgba(0,102,204,1);  max-width:none; height:auto;  position:relative;    }
#gnav ul {font-size:0rem; margin:0 auto; max-width:123rem;text-align:right; height:auto; position:relative;}
#gnav ul li {display:inline;font-size:1rem; line-height:1;text-transform:uppercase; height:1rem; position:relative; z-index:1000;}
#gnav ul li a, #aud_trigger{padding:1rem; background:rgba(0,0,0,0); color:#fff; text-shadow:none}
#gnav ul li a:hover{ background:rgba(0,0,0,.1); }
#gnav ul li ul {display:block;z-index:1000; overflow:hidden; position:absolute;  right:.25rem; max-height:0;transition: all 0.25s linear; padding:0;margin:0;border-radius:0.5rem; border-top-right-radius:0; border:none; padding:0; }
#gnav ul li ul li{ display:block;background:#235dab;height:auto; border-bottom:1px solid rgba(0,0,0,.1); padding:0; margin:0; }
#gnav ul li ul li:last-child{ background:#235dab;border-bottom:none; border-bottom-right-radius:.5rem; border-bottom-left-radius:.5rem }
#gnav ul li ul li.hidden{display:none;}
#gnav ul li ul li a{ display:block;padding:1rem; overflow:hidden; margin:0; border-radius:0; }
#gnav input:checked ~ ul{max-height:25rem; height:25rem} 
#gnav ul li #aud_trigger{padding:1rem 1rem; margin:0 0 0 2rem; font-weight:600}
#aud_trigger:after, #gnav ul li ul li a:after{ content:'\E80E'; font-family:'fontello'; margin:0 0 0 .5rem; width:1rem; display:inline-block}
#gnav ul li ul li a:after{ content:'\E810';}
#gnav input:checked ~ #aud_trigger:after{ content:'\E811'; }
#gnav input:checked ~ #aud_trigger{  background:rgba(0,0,0,.1); background:#235dab; border-bottom-left-radius:0; border-bottom-right-radius:0;}
#gnav input:checked ~ ul li:nth-child(2) a:hover{ background: rgba(0,51,102,1); }
#gnav input:checked ~ ul li:nth-child(3) a:hover{  background:rgba(204,51,51,1);}
#gnav input:checked ~ ul li:nth-child(4) a:hover{  background:rgba(102,153,51,1);}
#gnav input:checked ~ ul li:nth-child(6) a:hover{  background:rgba(34,34,34,1);}

#intro {background-position: center; background-repeat: no-repeat; background-size: cover;}

#crumbs{clear:both;}
#crumbs ul {padding:.5rem 2rem;line-height:1; }
#crumbs ul li{list-style:none; display:inline; font-size:1.25rem}
#crumbs ul li:before{ content:'\E822'; font-family:'fontello'; }
#crumbs ul li a, #crumbs ul li a:visited span{ color:rgba(0,102,204,1); padding:.5rem 1rem; opacity:1;  }
#crumbs ul li:first-child a:after{ content:'\E81D'; font-family:'fontello';   }
#crumbs ul li:last-child a span, #crumbs ul li:last-child a:hover span, #crumbs ul li:last-child a, #crumbs ul li:last-child a:hover{color:#444; font-weight:normal; background:none; cursor:default }
#crumbs ul li:first-child:before, #crumbs ul li:first-child a{ content:"";}
#crumbs ul li a:hover{ color:rgba(0,102,204,1); opacity:1; background:rgba(0,0,0,.05)}



#srch_trigger,#srch #SearchBtn{ padding:1rem; width:3.5rem;text-align:center; background:rgba(0,0,0,.25); display:inline-block; border-radius:0; vertical-align:middle}
#srch #SearchBtn{height:3rem;border-bottom-right-radius:0; position:absolute; right:0; border-top-right-radius:0;background:rgba(102,153,51,1); }
#srch_trigger:before,#srch #SearchBtn:before{ font-family:'fontello';content:'\E806'; font-size:2rem; line-height:.5rem;background:rgba(0,0,0,0);  padding:0rem; position:relative; bottom:-.25rem;  color:#fff; display:inline-block; font-weight:normal }
#srchbox:checked ~ li #srch_trigger:before{ content:'\E804'; }
#srchbox:checked ~ li #srch_trigger{background:rgba(204,102,102,1);background:rgba(0,0,0,.25); }

#srch{ position:relative; right:0; padding:0; text-align:right; display:block ; float:right;  width:0; overflow:hidden;transition: all 0.25s linear; z-index:201}
#srchbox, #srch input#qSearchBtn{position:absolute; top:-50rem}
#srch input#q{-webkit-appearance:none;padding:.75rem 1rem; position:static; width:100%; height:3rem;  font-size:1.5rem; padding-right:1.5rem; display:inline-block; margin:0; vertical-align:middle; background:#666; background:rgba(0,0,0,.25); color:#fff; border:0;}
#srchbox:checked ~ #srch{display:block;padding:0; width:30rem; max-width:100%; background:rgba(0,0,0,0) }
@media (max-width: 900px){
header nav ul li#home_link ul li a{padding:1rem 1.5rem; font-size:1.5rem; }
#gnav ul li a{font-size:1rem;}

}
@media (max-width: 675px){
header nav ul li#home_link { height:auto;}
header nav ul li#home_link ul { width:100%; float:left; height:auto; padding:0; background:rgba(255,255,255,.25)}
header nav ul li#home_link ul li{height:100%; padding:1rem 0;}
header nav ul li#home_link ul li a{top:0; bottom:0;  }
#srchbox:checked ~ li{width:0; overflow:hidden; float:left; opacity:0 }
#srchbox:checked ~ li:nth-child(8){width:auto; float:none;  opacity:1 }
#menulabel {display:block;padding:2rem  2rem; background:rgba(255,255,255,.75); border-radius:.5rem; font-weight:normal; font-size:2.4rem; line-height:1; cursor:pointer;  position:absolute; right:1rem; bottom:4rem; z-index:1}
#menulabel:before {content:"≡"; margin-right:.5rem; width:.8em; display:inline-block; overflow:visible}
#menubox:checked ~ li #menulabel:before {content:"×";}
#menubox:checked ~ li #menulabel {z-index:99;  border-bottom-left-radius:0; border-bottom-right-radius:0;background:rgba(255,255,255,.85);}

#mainnav li{  display:block; padding:0;  transition: all 0.25s linear; float:left; width:100%; z-index:800; overflow:visible; position:relative }
#menubox:checked ~ #mainnav li{ height:8rem; height:auto; overflow:visible;  }
header nav ul li#home_link{ display:inline-block;  width:100%; padding:0; margin:0;    height:100%;  }
header nav ul li#home_link ul{ max-height:0;  padding:0;  display:block;  width:100%; list-style:none; position:absolute;top:10rem; overflow:hidden; transition: all 0.25s linear; border-radius:.5rem; border-top-right-radius:0; }
#menubox:checked ~ li#home_link ul{ height:23.5rem; max-height:28rem;  box-shadow:0 3px 2px rgba(0,0,0,.35)}
header nav ul li#home_link ul li{ vertical-align:middle;  padding:0; font-size:0;  height:auto;  display:block; float:none; width:100%; list-style:none; overflow:visible; background:rgba(255,255,255,.85);}
header nav ul li#home_link ul li a{color:#36c; display:block;  border-bottom:none; text-shadow:none; border-radius:0; text-align:right; font-size:2rem; z-index:103; font-weight:600}
header nav ul li#home_link ul li a:visited{color:#36c;}
header nav ul li#home_link ul li a:after{content: '\e810';font-family:'fontello'; float:right; padding:0 0 0 2rem}
header nav ul li#home_link ul li  a:hover{color:#fff;background:rgba(0,102,204,1);text-shadow: none;}



#mainnav li#home_link>a{ display:block; height:100%;float:left; width:auto; position:relative; }
#alertbox section{padding:0 0 0;}
#alertbox section h4{padding:1rem 0 0 2rem; display:inline-block;  font-size:135%}
#alertbox section h4:before{color:rgba(204,153,51,1.00)}
#alertbox section h4 span{padding:0 0 0 2rem; display:inline-block; font-size:50%; opacity:.8; font-weight:normal}
#alertbox section p{font-size:1.4rem}

}
@media (max-width: 800px){
#gnav ul li a{font-size:1.15rem;}
#srch input#q{padding:.65rem;font-size:1.667rem;}
#menubox:checked ~ #mainnavxx{top:8.95rem;}
}
}
@media (max-width: 480px){
#gnav ul li a{font-size:1.333rem;}
#srch input#q{padding:.65rem;font-size:1.875rem;}
#menubox:checked ~ #mainnavxx{top:8.95rem;}
}
@media print {
section{margin-top:0}
main section{margin-top:0}
header nav ul{height:10rem; background:url(/cgi-bin/images/444logo.png) no-repeat; background-size:contain}
header nav ul li#home_link > ul{ display:none}
header nav ul li#home_link > a { content: url(/cgi-bin/images/444logo.png)}
#gnav, header input, #menulabel, footer section div{display:none }
footer {padding: 0; margin-top:0; border-top: none; }
footer section{ position:static;}
footer section div.f100{ display:block; }
footer section div:first-child{ display:block; position:absolute; top:0; right:0; line-height:1.2}
}

@keyframes showaud {
    from {height: 0;}
    to {height: 12rem;}
}
@-webkit-keyframes showaud {
    from {height: 0px;}
    to {height: 12rem;}
}

