@import url(fonts/opensans.css);

html {
  font-family: "Open Sans";
}

body {
  background-color: #efefef;
}

h1 {
  font-size: 46pt;
  text-shadow: 1px 1px 1px #476871;
  font-weight: 700;
  margin-top: 4px;
  margin-bottom: 0px;
  color: #333;
  font-family: "Open Sans Condensed";
}

h2, h3, h4 {
  font-weight: 300;
  margin: 10px 0 16px 0;  /* top right bottom left */
  color: #333;
}

h2 { font-size: 18pt; }

h3 { font-size: 15pt; }

h4 { font-size: 14pt; }

h5 {
  margin-top: 0px;
  font-size: 11pt;
  letter-spacing: 0.14em;
  font-weight: 700;
  font-family: "Open Sans Condensed";
  color: #476871;
}

p, td {
  line-height: 1.5em;
  font-size: 11pt;
  margin-top: 0px;
}

table {
  margin-bottom: 18px;
}

td {
  vertical-align: top;
  padding-right: 10px;
}

q {
  quotes: "“" "”" "‘" "’";
}

a {
  color: #000;
  text-decoration-color: #ccc;
}

a:hover {
  text-decoration: underline;
}

body > section {
  background-color: #fff;
  max-width: 740px;
  padding: 20px 25px;
  margin: 0 auto 15px;
  clear: left;
}

#title {
  margin-bottom: 20px;
  text-align: center;
}

span.daterange {
  color: #666;
  margin-right: 0.2em;
}

span.hilight {
  font-weight: 700;
}

#printpage {
  text-align: center;
  font-size: 9.5pt;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #666;
  line-height: 2.5em !important;
}

section.cf:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

dl {
  margin-top: 2px;
}

dt {
  display: none;
}

dd {
  margin-left: 0px;
  font-weight: 300;
  font-size: 10.5pt;
}

dd:before {
  content: "\00bb";
  margin-right: 3px;
  color: #476871;
}

@media screen {
  #title { float: center; }
  body { padding: 15px 15px; }
}

@media screen and (min-width: 780px) {
  #title { float: left; }
  #contact { float: right; width: 30%; margin-top: 12pt; text-align: left; }
  body > section section { width: 74%; float: left; }
  aside { display: block; float: right; width: 23%; }
}

@media print {
  #printpage { display: none !important; }
  #title { float: left; }
  #contact { float: right; width: 30%; margin-top: 12pt; text-align: left; }
  body > section section { width: 74%; float: left; }
  aside { display: block; float: right; width: 23%; }
  h1 { text-shadow: 1pt 1pt 0px #476871; }
  p, td { font-size: 10pt; }
}

@page {
  size: auto;
  margin: 12mm 5mm 25mm 5mm; /* top right bottom left */
  section { page-break-after: auto; }
}

/* reset colors  for print */

@media print {
  h1 { color: black; text-shadow: none; }
  body, h2, h3, h4, h5 { color: black; }
  a, p, li, td, dl, aside { color: black; }
  span.daterange { color: black; }
}