/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section{display:block;}
body{line-height:1.3;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after, q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* WSA CSS */
@font-face {
    font-family: 'nasalizationregular';
    src: url('/font/nasalization-rg-webfont.eot');
    src: url('/font/nasalization-rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/nasalization-rg-webfont.woff2') format('woff2'),
         url('/font/nasalization-rg-webfont.woff') format('woff'),
         url('/font/nasalization-rg-webfont.ttf') format('truetype'),
         url('/font/nasalization-rg-webfont.svg#nasalizationregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.cf:before,.cf:after,.container:before,.container:after{content:" ";display:table;}
.cf:after,.container:after{clear:both;}
.cf,.container{*zoom:1;}
img{max-width:100%}
body{font-family:TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif}
header{background:#046293}
header .logo{font-family:"nasalizationregular";color:#7df5ed;text-decoration:none;display:block;padding:15px}
header .logo img{display:block;margin:0 auto}
.blue.top img{display:block;margin:0 auto}
.blue{background:#046293}
.grey{background:url(/img/grey.png) repeat #c1c1c1}
.left .title{background:black;padding:15px}
.left .title h1{font-family:"nasalizationregular";color:#18a1d5;font-size:18px}      
.left .title h2{color:#c5c5c5}
.left .content{background:white;color:#444;padding:15px}
.right{}
.right img{display:block;margin:0 auto}
.column.content{color:white;padding:15px}
.column.content h3{font-family:"nasalizationregular";font-size:18px;margin-bottom:15px;font-weight:bold}
.column.content p{margin-bottom:15px}
.column.graphic{text-align:center}
.column.slogan{font-family:"nasalizationregular";font-size:26px;color:white;padding:15px}
.column.slogan p:first-child{margin-bottom:15px}
footer{background:url(/img/footer.png) repeat-x black}
footer img{display:none}
footer .copyright{color:white;text-align:center;width:240px;margin:25px auto 15px}  
footer .copyright a{color:white;text-decoration:none}
footer .copyright a:hover{color:#046293}
@media (min-width:1162px){
.container{max-width:1162px;margin:0 auto}
.left,.right{width:50%;box-sizing:border-box;float:left}
.left{height:518px;background:white}
.left .title{padding:25px 15px}     
.left .title h1{font-size:28px}      
.left .title h2{font-size:22px;font-weight:bold}
.left .content{padding:30px 15px;font-size:20px;line-height:1.5}
.column{box-sizing:border-box;width:33%;float:left}
.column.content{padding:15px;padding-right:35px}
.column.content h3{font-size:24px;margin-bottom:25px}
.column.content p{font-size:18px;margin-bottom:15px}
.column.graphic img{display:block;margin:0 auto}
.column.slogan{font-size:40px;padding:15px;text-align:center}
.column.slogan p:first-child{margin-bottom:40px;margin-top:40px}
footer img{display:inline}
footer .container{position:relative} 
footer .copyright{display:block;color:white;position:absolute;top:15px;left:0;width:240px;text-align:left;margin:15px 0 0}
}