html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  margin-top:0px;
}
body{
  background-color:#f4f4f4;
  font-family:'Open Sans', sans-serif;
}
header{
  width:100%;
  max-width:848px;
  margin:auto;
  position:relative;
  color:#fff;
  font-weight: 200;
  margin-bottom:10px;
  padding-left:2px;
  padding-top:10px;
}
#half-bg{
  background-color:#2A4779;
  min-height:300px;
  position:absolute;
  display:inline-block;
  width:100%;
  margin-top:0px;
  top:0px;
  border-bottom:1px solid #d2d2d2;
}
.headercontact{
  float:right;
  text-align:right;
  font-size:12pt;
  padding-top:8px;
}
.headercontact a{
  color:#fff;
}
h2, h3, h4{
  margin:0px;
  font-weight:400;
}
h2.callout{
  color:#2457AF;
}
h2{
  text-align:center;
}
h3{
  font-size: 12pt;
}

#container{
  position:relative;
}
ul{
  margin:auto;
  padding:0px;
  list-style-type: none;
  position:relative;
}
li{
  background-color:white;
  border:1px solid #e9e9e9;
  border-radius:1px;
  border-bottom:0px;
  padding:10px;
}
li:last-of-type{
  border-bottom:1px solid #e9e9e9;
}
ul.pages{
  max-width:850px;
  margin-bottom:-2px;
  font-size:10pt;
  width:100%;
  padding-left:1%;
}
ul.pages li{
  width:auto;
  background-color:#f2f2f2;
  display:inline-block;
  border:1px solid #e9e9e9;
  border-bottom:0px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position:relative;
  z-index:1;
}
ul.pages li a{
  text-decoration: none;
  color:#454545;
  font-size:12pt;
}
ul.pages li.active{
  font-size:13pt;
  background-color:#fff;
}
ul.pages li a.active{
  color: #2457AF;
}
ul.links li{
  padding:4px;
  border:0px;
  font-size: 10pt;
}
#container > div {
  margin:auto;
  width:100%;
  max-width:850px;
  -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.35);
  box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.35);
}
#container > div{
  background-color:white;
  border:1px solid #e9e9e9;
  border-radius:1px;
  border-bottom:0px;
  padding:10px;
  z-index:2;
  position:relative;
}
.square50{
  width:50%;
  float:left;
  padding:2%;
  box-sizing:border-box;
}
.square50.center{
  text-align:center;
}
.clear{
  clear:both;
}
#container > div:last-of-type{
  border-bottom:1px solid #e9e9e9;
}
#container > div p {
  font-size:10pt;
  margin-bottom:3px;
}
a{
  color:#50a4d9;
}
footer{
  padding-top:20px;
  font-size: 10pt;
  width:100%;
  max-width:850px;
  margin:auto;
  text-align:center;
  margin-bottom:20px;
}

@media screen and (max-width: 520px) {
    .square50 {
        float:none;
        width:96%;
    }
    ul.pages{
      padding-left:0px;
    }
    ul.pages li{
      width:100%;
    }
    .headercontact{
      padding-right:2%;
    }
}
@media screen and (max-width: 849px) {
    .headercontact{
      padding-right:2%;
    }
}