body{font:1em Verdana,Arial,Sans-Serif;font-size:100%;min-height:80px;min-width:200px;height:100%;width:100%;margin:10px 0 0 0;padding:0;overflow-x:hidden;line-height:1.8em}
body,p,li,a{font-size:calc(1em + 2px)}
a{color:#00f;background:inherit;text-decoration:none}
a:hover{color:red;background:inherit}
p{text-align:justify;padding:0;line-height:2em}
h1{font:bold calc(1.3em + 2px) Arial,Arial,Sans-Serif;color:#203165;margin-bottom:.5em}
h2{font:bold calc(1.2em + 2px) Arial,Arial,Sans-Serif;color:#203165;padding:10px 0 0 0;margin-top:1em}
h3{font:bold calc(1.2em + 2px) Arial,Arial,Sans-Serif;color:#203165;margin-top:1em}
ul{columns:3;-webkit-columns:3;-moz-columns:3;margin:0;padding:0}
li{list-style-type:none;padding-bottom:20px}
#logo{background-image: url(/imgs/logo.webp);background-repeat: no-repeat;background-position: center;background-size: contain;position: relative; float: none; width: 100%; height: 100px;}
@media (max-width: 768px) {
#logo {height: 80px;background-size: 80% auto;}
}
#subheader{clear:both;border-bottom:1px solid #ccc;color:#fff;height:110px;line-height:25px;margin:0 0 15px;padding:0;overflow:hidden}
#wrap{width:95%;background:#fff;position:relative;min-width:200px;margin:0 auto;padding:10px}
#left{float:left;width:100%}
#left .box{border:1px solid #ccc;padding:1em}
#right{float:right;width:340px}
.rbox{border:1px solid #666;width:336px;margin-top:1.25em;padding:1px}
#footer{clear:both;border-top:1px solid #ccc;text-align:center;font-size:calc(.8em + 2px);width:95%;min-width:200px;position:relative;margin:0 auto;padding:10px;line-height:1.2em}
div.f{line-height:1.9}
fieldset{border:thin solid #ccc;margin:.5em 0 .5em 0;padding:.5em}
#button,#cno,select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:calc(1.2em + 2px);height:25px;border:1px #ccc solid;vertical-align:top;color:#203165;margin:5px}
#cno{width:160px;height:40px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2c3e50}
#button{padding:0 12px;width:auto;min-width:70px;height:40px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2c3e50}
select{width:190px;height:40px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box}
.container{position:relative;min-width:275px;margin-top:1em;}
.leftcol,.rightcol{margin-top:0.25em; margin-bottom:1.25em}
.top-ad{margin-left:255px;text-align:right;float:right;width:100%}
#log{width:30%;float:left}
#ad{width:300px;float:right;text-align:center}
.wrapper{display:table;width:100%;border-collapse:collapse;margin:20px 0 20px 0}
.wrapper-row{display:table-row}
.wrapper-cell,.wrapper-head{display:table-cell;padding:.7em;border:#ccc 1px solid}
.wrapper-search{display:table-cell;padding:.7em;border:#ccc 1px solid;text-align:center}
.wrapper-head{font-weight:700}
@media only screen and (max-width:680px){ul{columns:1;-webkit-columns:1;-moz-columns:1;margin:0;padding:0}#left,#right{float:none;width:100%;margin-bottom:1em}.rbox{width:100%;box-sizing:border-box}}
@media only screen and (min-width:780px){.leftcol{margin-right:390px}.rightcol{position:absolute;top:0;right:0;width:340px;text-align:center}}
@media only screen and (max-width:1060px){.top-ad{float:right;padding-top:15px}}
