/* ARN CSS 800.css*/
body{margin:0;}
*{box-sizing:border-box;}
h1{margin:0;padding-bottom:0px;}
h2{margin:0;padding-bottom:2px;}
h3{margin:0;padding-bottom:4px;}
h4{margin:0;padding-bottom:6px;}
h5{margin:0;padding-bottom:8px;}
p{margin:0;padding-bottom:10px;}
form{margin-bottom:0;}
.text-red{color:#ff0000;}
.text-green{color:#00ff00;}
.text-blue{color:#0000ff;}
.text-yellow{color:#ffff00;}
.text-magenta{color:#ff00ff;}
.text-cyan{color:#00ffff;}
.text-orange{color:#ffa500;}
.btn-space{margin:2px;}
.pagebutton{font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px;font-weight:bold;}
.pagebutton a{padding:2px 5px;margin:2px;border:1px solid #000;text-decoration:none;color:#fff;background-color:#003399;}
.pagebutton a:hover{border:1px solid #000000;color:#FFF;background-color:#009966;}
.pagebutton a:active{border:1px solid #000000;color:#FFF;background-color:#009966;}
div.content{background-color:#FFFFFF;border:1px solid #000000;padding:4px;max-width:800px;}
div.articles{background-color:#FFFFFF;padding:0px;max-width:100%;}
div.transparent-content{padding:4px;max-width:800px;}
.minimenu{font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px;}
.minimenu a{padding:5px 5px 4px;margin:2px;border:1px solid #000000;border-radius:4px;text-decoration:none;color:#FFFFFF;background-color:#003399;display:inline-block;}
.minimenu a:hover{color:#FFFFFF;background-color:#619EFF;}
.minimenu a:active{color:#FFFFFF;background-color:#009966;}
.minimenu h1{margin:0;padding:2;text-shadow:1px 1px 1px #000000;color:#FFFFFF;}
.minimenu h2{margin:0;padding:4;color:#FFFFFF;text-shadow:1px 1px 1px #000000;}
.minimenu h3{margin:0;padding:4;color:#FFFFFF;text-shadow:1px 1px 1px #000000;}
.minimenu h4{margin:0;padding:4;color:#FFFFFF;text-shadow:1px 1px 1px #000000;}
h1.wild-white{margin:0;padding:2;text-shadow:2px 2px 3px #000000;color:#FFFFFF;}
h2.wild-white{margin:0;padding:4;color:#FFFFFF;text-shadow:2px 2px 3px #000000;}
h3.wild-white{margin:0;padding:4;color:#FFFFFF;text-shadow:2px 2px 3px #000000;}
h4.wild-white{margin:0;padding:4;color:#FFFFFF;text-shadow:2px 2px 3px #000000;}
h5.wild-white{margin:0;padding:4;color:#FFFFFF;text-shadow:2px 2px 3px #000000;}
p.wild-white{margin:0;padding:4;color:#FFFFFF;text-shadow:1px 1px 3px #000000;}
h1.wild-green{margin:0;padding:2;text-shadow:1px 1px 1px #000000;color:#009966;}
h2.wild-green{margin:0;padding:4;color:#009966;text-shadow:1px 1px 1px #000000;}
h3.wild-green{margin:0;padding:4;color:#009966;text-shadow:1px 1px 1px #000000;}
h4.wild-green{margin:0;padding:4;color:#009966;text-shadow:1px 1px 1px #000000;}
h5.wild-green{margin:0;padding:4;color:#009966;text-shadow:1px 1px 1px #000000;}
p.wild-green{margin:0;padding:4;color:#009966;text-shadow:1px 1px 1px #000000;}
h1.wild-red{margin:0;padding:2;text-shadow:2px 2px 3px #444444;color:#CC0000;}
h2.wild-red{margin:0;padding:4;color:#CC0000;text-shadow:1px 1px 1px #000000;}
h3.wild-red{margin:0;padding:4;color:#CC0000;text-shadow:1px 1px 1px #000000;}
h4.wild-red{margin:0;padding:4;color:#CC0000;text-shadow:1px 1px 1px #000000;}
h5.wild-red{margin:0;padding:4;color:#CC0000;text-shadow:1px 1px 1px #000000;}
p.wild-red{margin:0;padding:4;color:#CC0000;text-shadow:1px 1px 1px #000000;}
h1.wild-blue{margin:0;padding:2;color:#003399;text-shadow:2px 2px 3px #999999;}
h2.wild-blue{margin:0;padding:4;color:#003399;text-shadow:1px 1px 2px #999999;}
h3.wild-blue{margin:0;padding:4;color:#003399;text-shadow:1px 1px 1px #999999;}
h4.wild-blue{margin:0;padding:4;color:#003399;text-shadow:1px 1px 1px #999999;}
h5.wild-blue{margin:0;padding:4;color:#003399;text-shadow:1px 1px 1px #999999;}
p.wild-blue{margin:0;padding:4;color:#003399;text-shadow:1px 1px 1px #999999;}
h1.wild-yellow{margin:0;padding:2;text-shadow:2px 2px 3px #000000;color:#ffcc33;}
h2.wild-yellow{margin:0;padding:4;color:#ffcc33;text-shadow:1px 1px 3px #000000;}
h3.wild-yellow{margin:0;padding:4;color:#ffcc33;text-shadow:1px 1px 2px #000000;}
h4.wild-yellow{margin:0;padding:4;color:#ffcc33;text-shadow:1px 1px 2px #000000;}
h5.wild-yellow{margin:0;padding:4;color:#ffcc33;text-shadow:2px 2px 2px #000000;}
p.wild-yellow{margin:0;padding:4;color:#ffcc33;text-shadow:1px 1px 2px #000000;}
div.logo{float:left;position:fixed;top:0px;left:0px;}
div.credit{float:left;position:fixed;max-width:12%;bottom:26px;left:4px;background:#ffffff;font-family:Arial,Helvetica,sans-serif;padding:3px;margin:3px;border:1px solid #000000;text-align:center;opacity:0.7;}
.credit a{text-decoration:none;color:#000000;background-color:#ffffff;}
.credit a:hover{color:#009966;background-color:#FFFFFF;}
.credit a:active{color:#00FF00;background-color:#FFFFFF;}
.header{max-width:960px;margin:0 auto;padding:0px;}
.primary-header-container{display:flex;align-items:center;justify-content:space-between;padding-top:4px;padding-bottom:4px;}
.left-header-container{}
.center-header-container{flex-direction:row;flex-grow:2;padding-left:30px;}
.right-header-container{flex-direction:row;align-items:flex-end;justify-content:flex-end;}
.flag-group-container{display:flex;align-items:center;justify-content:center;flex-direction:row;}
.login-group-container{display:flex;align-items:center;justify-content:center;flex-direction:row;}
.header-logo{}
.header-title{text-align:left;}
.header-state{text-align:center;}
.header-domain{text-align:right;}
.header-info{text-align:center;}
.header-leftofflag{display:flex;align-items:center;justify-content:center;}
.header-flag{display:flex;align-items:flex-end;justify-content:flex-end;}
.header-arrow{display:flex;align-items:center;justify-content:center;}
.menu-arrow{display:none;}
.header-login{}
.topnav{background:#bbbbbb;max-width:960px;margin:0 auto;padding:0px;}
.navbar{margin-bottom:5px;}
.main{display:flex;flex-direction:row;min-height:200px;max-width:960px;margin:0 auto;}
.article{flex:1 1 0%;min-width:0;padding:0px;}
.rightaside{display:none;}
.lefttiles{order:-1;flex:0 0 150px;width:150px;margin-right:5px;padding:0;}

.footer{background:#003399;max-width:960px;padding:5px;margin:5px auto 3px;width:calc(100% - 6px);border-radius:4px;opacity:0.6;}
.footer-flex{display:flex;display:-ms-flex;display:-moz-flex;display:-webkit-flex;flex-wrap:wrap;align-items:center;justify-content:space-around;background:#003399;}
.footer-key{padding-bottom:5px;}
.tile-container{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  align-content:flex-start;
  gap:6px;
  padding:0;
  margin:0 auto;
}
.tile{
  flex:1 1 150px;
  min-width:124px;
  max-width:100%;
  margin:0;
  padding:5px;
  box-sizing:border-box;
  border:0;
  border-radius:4px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#ffffff;
  background:#ffffff;
  opacity:0.6;
}
.tile img{width:120px;height:80px;object-fit:contain;}
.menu-btn-div{text-align:center;padding-top:5px;padding-bottom:0;margin:0;color:#cc0000;}
.menu-btn{color:#ffffff;display:block;min-width:100%;background:#003399;padding:5px;border:1px solid #000000;border-radius:4px;-webkit-appearance:normal;word-wrap:break-word;opacity:0.6;}
.menu-btn:hover{color:#ffffff;background:#619eff;text-decoration:none;opacity:1;}
.menu-btn:link{color:#ffffff;text-decoration:none;}
.menu-btn:visited{color:#ffffff;text-decoration:none;}
.menu-btn:active{color:#ffffff;text-decoration:none;}
.login-btn-div{text-align:center;padding-top:0;margin:0x;}
.login-btn{display:block;min-width:100%;background:#003399;padding:6px 12px;border:1px solid #000000;border-radius:4px;-webkit-appearance:normal;word-wrap:break-word;color:#ffffff;opacity:0.6;}
.login-btn:hover{color:#ffffff;background:#619eff;text-decoration:none;opacity:1;}
.login-btn:link{color:#ffffff;}
.login-btn:visited{color:#ffffff;}
#hideDiv1{width:150px;margin:0 auto;color:#ffffff;padding:5px;text-align:center;}
#hideDiv2{width:150px;margin:0 auto;color:#ffffff;padding:5px;text-align:center;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.mybox{max-width:640px;margin:auto;}
.centered{display:flex;justify-content:center;width:250px;margin-left:auto;margin-right:auto;border:1px solid black;margin:10px;}
.fb-like{text-align:center;}
.table-100{width:100%;}
.td-50{width:50%;}
table.center{margin-left:auto;margin-right:auto;}
.flipbox{display:flex;flex-wrap:wrap;border:2px solid #003399;border-radius:5px;margin:10px;}
.flipbox > *{flex:1 1 250px;margin:5px;}
@media (max-width:1280px){
  div.logo{display:none;}
  div.credit{display:none;}
}
@media (max-width:960px){
  .header{max-width:800px;}
  .topnav{max-width:800px;}
  .nav > li > a{padding-right:5px;}
  .center-header-container{padding-left:10px;}
  .main{max-width:800px; flex-direction:column;}
  .lefttiles{order:1;flex:1 1 auto;width:auto;margin:0 0 10px 0;padding:0;}
  .tile-container{justify-content:flex-start;align-items:stretch;}
  .tile{flex:1 1 150px;}
  .article{flex:1 1 auto;min-width:0;width:100%;}
  .footer{max-width:800px;}
}
@media (max-width:800px){
  .menu-btn-div{text-align:center;padding-top:5px;padding-bottom:3px;margin-left:3px;margin-right:3px;color:#cc0000;}
  .login-btn-div{text-align:center;padding-top:5px;margin-left:3px;margin-right:3px;}
  .header{max-width:640px;}
  .center-header-container{padding-left:0;}
  .header-leftofflag{display:none;}
  .header-arrow{display:none;}
  .header-domain{text-align:center;}
  .topnav{max-width:640px;}
  .main{max-width:640px;flex-direction:column;}
  .article{min-width:100%;}
  .footer{max-width:640px;}
}
@media (max-width:767px){
  .menu-arrow{display:inline-block;position:relative;padding-top:8px;float:right;}
}
@media (max-width:640px){
  .header{max-width:100%;}
  .primary-header-container{justify-content:space-around;}
  .center-header-container{justify-content:space-around;}
  .right-header-container{display:none;}
  .topnav{max-width:100%;}
  .main{max-width:100%;}
  .footer{max-width:100%;}
}
@media (max-width:639px){
  .tile{opacity:0.9;}
}
@media (max-width:480px){
  .left-header-container{display:none;}
  .center-header-container{min-width:100%;}
  .header-title{text-align:center;}
}
@media (max-width:316px){
  .menu-arrow{display:none;}
}