body {
 margin:0; padding:0; background-color:#f3f7fc; color:#26364d;
 font-family:Arial, Helvetica, sans-serif; font-size:16px;
}
a { color:#1266d6; text-decoration:none; }
a:hover { text-decoration:underline; }
.topline { height:7px; background-color:#1769e0; font-size:1px; }
.header { background-color:#ffffff; }
.headerbox { width:1000px; margin:0 auto; padding:20px 0 18px 0; }
.brand { color:#1769e0; font-size:40px; font-weight:bold; letter-spacing:-2px; }
.slogan { color:#63748a; font-size:15px; padding-top:3px; }
.nav { background-color:#102c57; border-bottom:4px solid #2d7ff0; }
.navtable { width:1000px; margin:0 auto; border-collapse:collapse; }
.navtable td { text-align:center; padding:13px 8px; }
.navtable a { color:#ffffff; font-size:14px; font-weight:bold; }
.hero { background-color:#dcecff; border-bottom:1px solid #c2d9f5; }
.herobox { width:1000px; margin:0 auto; padding:50px 0; }
.hero-title { color:#10294f; font-size:48px; font-weight:bold; line-height:1.08; margin:0 0 14px 0; }
.hero-blue { color:#1769e0; }
.hero-copy { color:#425a75; font-size:19px; line-height:1.65; width:620px; }
.hero-card {
 background-color:#ffffff; border:1px solid #c8d9ed; width:300px;
 padding:24px; vertical-align:top;
}
.hero-card-title { color:#10294f; font-size:22px; font-weight:bold; margin-bottom:15px; }
.pill { background-color:#edf5ff; border:1px solid #cfe2fa; padding:9px 12px; margin:8px 0; color:#315476; }
.btn {
 display:inline-block; background-color:#1769e0; border:1px solid #0d58bd;
 color:#ffffff; font-weight:bold; padding:13px 22px; margin-top:12px;
}
.btn2 {
 display:inline-block; background-color:#ffffff; border:1px solid #a8c5e8;
 color:#1769e0; font-weight:bold; padding:13px 22px; margin:12px 0 0 8px;
}
.section { width:1000px; margin:0 auto; padding:42px 0; }
.section-title { text-align:center; color:#10294f; font-size:31px; font-weight:bold; margin-bottom:8px; }
.section-sub { text-align:center; color:#66788e; font-size:17px; margin-bottom:28px; line-height:1.55; }
.cards { width:100%; border-collapse:separate; border-spacing:12px; }
.card {
 background-color:#ffffff; border:1px solid #d7e2ef; padding:24px; vertical-align:top;
}
.card-blue { border-top:5px solid #1769e0; }
.card-green { border-top:5px solid #27a66b; }
.card-orange { border-top:5px solid #ed8a2c; }
.card-purple { border-top:5px solid #7656d8; }
.card-red { border-top:5px solid #d95a67; }
.card-teal { border-top:5px solid #1799a8; }
.icon { font-size:30px; }
.card h3 { color:#10294f; font-size:20px; margin:10px 0 8px 0; }
.card p { color:#5c6d82; line-height:1.6; margin-bottom:0; }
.band { background-color:#102c57; color:#ffffff; }
.bandbox { width:1000px; margin:0 auto; padding:42px 0; }
.band h2 { font-size:30px; margin:0 0 12px 0; }
.band p { color:#dce8f7; line-height:1.65; font-size:17px; }
.safety { background-color:#eaf6f1; border-top:1px solid #cfe9dc; border-bottom:1px solid #cfe9dc; }
.check { color:#177e52; font-weight:bold; }
.content { width:1000px; margin:0 auto; padding:38px 0 50px 0; }
.content h1 { color:#10294f; font-size:36px; margin-top:0; }
.content h2 { color:#1769e0; font-size:24px; margin-top:30px; }
.content h3 { color:#10294f; }
.content p, .content li { line-height:1.7; }
.callout { background-color:#eaf3ff; border-left:5px solid #1769e0; padding:18px; margin:24px 0; }
.notice { background-color:#fff8e6; border:1px solid #efdca4; padding:16px; margin:22px 0; }
.contactbox { background-color:#ffffff; border:1px solid #d7e2ef; padding:22px; margin:20px 0; }
.footer { background-color:#0b203f; color:#cbd9ea; }
.footerbox { width:1000px; margin:0 auto; padding:28px 0; font-size:13px; }
.footer a { color:#ffffff; }
.footer-title { color:#ffffff; font-size:22px; font-weight:bold; }
.small { color:#718196; font-size:13px; }
@media screen and (max-width:1020px) {
 .headerbox,.navtable,.herobox,.section,.bandbox,.content,.footerbox { width:94%; }
 .hero-copy { width:auto; }
}
