@charset "utf-8";
/* CSS Document */

html {
height:100%;
}

body {
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-moz-text-size-adjust:none;
font-family:Arial, Helvetica, sans-serif;
background-color:#fff;
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,249,249,1) 50%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
margin:0;
padding:0;
}

div.nav, div.subnav, div.banner, div.ftr {display:block;}
div.nav {position:fixed; top:0; z-index:2; width:100%; background-color:#ffffff;}
div.navmin {position:fixed; top:0; z-index:2; width:100%; background-color:#ffffff; box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 2px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
div.navlogo {display:inline-block; width:100%; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
img.navlogo {display:inline-block; width:168px; height:auto; border:0; margin:0 auto; padding:17px 0px 17px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
img.navlogomin {display:inline-block; width:120px; height:auto; border:0; margin:0 auto; padding:12px 0px 12px 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.mobmenu {display:none;}
div#hdrnavmob {position:static; height:auto; background-color:inherit; margin:70px 0px 0px 0px; background-color:#0061a0; text-align:center;}
div.subnavopt {display:inline-block;}
a.subnavopt {display:inline-block; padding:23px 40px 23px 40px; font-size:14px; line-height:14px; color:#ffffff; font-weight:bold; text-decoration:none;}
a.subnavopt:hover {background-color:#0090DD; text-decoration:underline;}
div#container {background-color:#ffffff;}
div.banner {margin:0px 0px 0px 0px;}
img.banner {display:block; margin:0 auto; padding:0px; width:100%; height:auto;}
div.copy {display:block; width:55%; max-width:1300px; margin:0 auto;}
div.copyhdline {margin:60px 0px 50px 0px; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:56px; line-height:56px; font-weight:bold;}
div.copybody {padding:0px; font-size:24px; line-height:31px;}
a.copy {color:#0061a0; text-decoration:none;}
a.copy:hover {color:#0090DD; text-decoration:underline;}
div.button {display:block; width:100%; margin:20px 0px 0px 0px;}
a.button {display:inline-block; padding:12.5px 20px 12.5px 20px; background-color:#007abc; text-decoration:none; border:0; text-align:center; font-weight:bold; font-size:12px; line-height:12px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 0px; -webkit-text-size-adjust:none;}
a.button:hover {background-color:#0090da; text-decoration:underline; box-shadow:none;}
div.ftr {display:block; width:55%; max-width:1300px; margin:150px auto 40px auto;}
div.ftrlogo {display:inline-block; width:55%;}
img.ftrlogo {display:inline-block; border:0; padding:0px;}
div.ftrsocial {display:block; width:100%; margin:0px; padding:0px; background-color:#f2f2f2;}
div.social {display:block; width:55%; max-width:1300px; margin:0px auto 0px auto; padding:40px 0px 30px 0px; text-align:right;}
div.socialtitle {display:inline-block; font-size:16px;}
a.social {margin:0px 0px 0px 15px;}
#facebook, #twitter, #linkedin, #youtube {fill:#0061a0;}
#facebook:hover, #twitter:hover, #linkedin:hover, #youtube:hover {fill:#0090DD;}
div.copydisclaimer {display:block; width:55%; max-width:1300px; margin:0 auto; font-size: 12px; line-height: 20px; color: #999999; padding: 20px 0 20px;}

#mopen, #mclose {display:none;}

@media screen and (min-width: 0px) and (max-width: 767px) {
body {position:relative!important;}
.open {left:0px!important;}
.mobmenu {display:block!important; position:absolute!important; top:0px!important; left:0px!important; margin:16px 10px 0px 10px!important; z-index:1!important;}
img.navlogo {padding:12px 0px 12px 0px!important; width:120px!important; height:auto!important;}
#mopen {display:block;}
#mclose {display:none;}
div.banner {margin:50px 0px 0px 0px!important;}
div#hdrnavmob {display:none; position:fixed!important; top:50px; width:100%!important; height:100%!important; margin:0!important; background-color:#f2f2f2!important; z-index:1!important;}
div.subnavopt {display:block!important; background-color:#e3e3e3!important;}
a.subnavopt {display:block!important; padding:23px 20px 23px 20px!important; color:#333333!important; border-bottom:1px solid #cccccc!important; text-align:left!important; background:url(m_menu_arrow.png)!important; background-position:97% center!important; background-size:9px 15px!important; background-repeat:no-repeat!important;}
a.subnavopt:hover {background-color:#e3e3e3!important;}
div.copyhdline {margin:30px 0px 20px 0px!important; font-size:44px!important; line-height:48px!important;}
div.copybody {font-size:18px!important; line-height:24px!important;}
div.button {text-align:center!important;}
div.ftr {margin:75px auto 25px auto!important;}
div.ftrlogo, div.social {display:block!important; float:none!important; width:100%!important; max-width:100%!important; text-align:center!important;}
img.ftrlogo {width:168px!important; height:auto!important;}
div.social {margin:25px 0px 0px 0px!important; padding:25px 0px 30px 0px!important;}
div.socialtitle {display:none!important;}
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
div.copy, div.ftr, div.copydisclaimer {width:auto!important; padding:0px 20px 0px 20px!important;}
div.ftrsocial {padding-bottom:40px}
div.social {width:auto!important; padding:25px 20px 100px 20px!important;}
}

@media screen and (min-width: 1025px) and (max-width: 1115px) {
div.copy, div.ftr, div.social, div.copydisclaimer {width:75%!important;}
}

@media screen and (min-width: 1116px) and (max-width: 1200px) {
div.copy, div.ftr, div.social, div.copydisclaimer {width:65%!important;}
}

@media screen and (min-width: 1201px) and (max-width: 1320px) {
div.copy, div.ftr, div.social, div.copydisclaimer {width:60%!important;}
}