* {	margin:0; padding:0; box-sizing:border-box;}
body {margin:0;	background-color:#3d7e44; font-family: 'Open Sans', sans-serif;}
p {padding:0; margin:10px 0;}
a:link, a:visited, a:hover {text-decoration:none; color:#1D4B76;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4 {font-family: 'Crimson Text', serif;}
h1 {font-size:2em; color: #1D4B76; font-weight: bold;}
h2 {font-size:1.6em; color:#000099; font-weight: bold;}
h3 {font-size:1.4em; color: #1D4B76; font-weight: normal;}
h4 {font-size:1.2em; color: #1D4B76; font-weight: normal;}
main {max-width:1100px; background-color:#fff;margin:20px auto; -webkit-box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75); box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75);}
header {width:100%; text-align:center;}
header img {max-width:1100px; width:100%; height:100%;}
ul.nav {display:flex; list-style: none; justify-content:space-between; padding:10px; border-bottom:1px solid #000066;}
ul.nav li {padding:5px 10px; text-align:center; font-weight:bold;}
ul.nav a:hover {background-color:#000066; color:#fff; text-decoration:none;}
section.main {display:flex;}
div.maintxt {padding:20px 20px 0 20px; width:100%;}
div.hmsect {display:inline-block; border-top:1px dotted #000066; padding-top:10px; margin-top:10px;}
div.mainads {padding:20px 20px 20px 0;}
div.mainads div {padding-bottom:20px;}
section.footer {text-align:center; font-size:0.8em; color:#fff;}

.tabs {display:flex; flex-wrap:wrap; font-size:0.9em; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; border-radius:4px; margin:40px 0; width:100%;}
.tabs label {order: 2; display: flex; justify-content: center; align-items: center; font-size:1em; padding:6px 10px; margin-right:0.4rem; cursor: pointer; background-color:#000066; color:#fff; font-weight: bold; transition: background ease 0.3s; border-top-left-radius:4px; border-top-right-radius:4px; margin-top:-46px;}
.tabs .tab {order: 9; flex-grow: 1; width: 100%; height: 100%; display: none; background: #fff; padding:10px 20px; border-top-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; line-height:1.4; min-height:150px;}
.tabs input[type="radio"] {display: none;}
.tabs input[type="radio"]:checked + label {background: #fff; color:#000066; box-shadow: rgba(0, 0, 0, 0.15) -3px -3px 15px;}
.tabs input[type="radio"]:checked + label + .tab {display: block;}
@media (max-width:800px) {
    section.main {flex-direction:column;}
    div.mainads div {display:inline-block; padding:0 20px 20px 20px;}
}
@media (max-width:600px) {
    ul.nav li {padding:5px;}
}