@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  font-style: normal;
  src: url('OpenSans-Regular-webfont.eot');
  src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Regular-webfont.woff') format('woff'),
       url('OpenSans-Regular-webfont.ttf') format('truetype'),
       url('OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
  font-family: "OpenSans";
  font-weight: bold;
  font-style: normal;
  src: url('OpenSans-Bold-webfont.eot');
  src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Bold-webfont.woff') format('woff'),
       url('OpenSans-Bold-webfont.ttf') format('truetype'),
       url('OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
}

@font-face {
  font-family: "OpenSans";
  font-weight: normal;
  font-style: italic;
  src: url('OpenSans-Italic-webfont.eot');
  src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-Italic-webfont.woff') format('woff'),
       url('OpenSans-Italic-webfont.ttf') format('truetype'),
       url('OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
}

@font-face {
  font-family: "OpenSans";
  font-weight: bold;
  font-style: italic;
  src: url('OpenSans-BoldItalic-webfont.eot');
  src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('OpenSans-BoldItalic-webfont.woff') format('woff'),
       url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
       url('OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
}

/* for old browsers */
section, .footer_text { width: 1050px; }
img.banner { width: 1050px; }
.section_left {
  display: inline-block;
  vertical-align: top;
  padding-right: 2em;
  width: 430px;
}
.section_right {
  display: inline-block;
  vertical-align: top;
  padding-left: 2em;
  width: 430px;
}
.footer_text { text-align: center; }
.small_window { display: none; }
.large_window { display: inline; }
nav { display: inline-block; }
html { font-size: 115%; }
/* end for old browsers */

@media only all and (max-width: 1050px) {
  section, .footer_text { width: auto; }
  img.banner { width: 100%; }
  .section_left {
    display: inline-block;
    vertical-align: top;
    padding: 0em;
    width: 100%;
  }
  .section_right {
    display: inline-block;
    vertical-align: top;
    padding: 0em;
    width: 100%;
  }
  .footer_text { text-align: justify; }
  .small_window { display: inline; }
  .large_window { display: none; }
  nav { display: none; }
  #top_menu:hover nav, #top_menu:focus nav {
    display: inline-block;
  }
  html { font-size: 200%; }
}

@media only all and (min-width: 1050px) {
  section, .footer_text { width: 1050px; }
  img.banner { width: 1050px; }
  .section_left {
    display: inline-block;
    vertical-align: top;
    padding-right: 2em;
    width: 430px;
  }
  .section_right {
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
    width: 430px;
  }
  .footer_text { text-align: center; }
  .small_window { display: none; }
  .large_window { display: inline; }
  nav {
    display: inline-block;
  }
  html { font-size: 115%; }
}

/* specific for MS IE (bug seen on IE11) */
@media only all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #logo .delypse-logo {
    margin-right: 3em;
  }
}

body {
  background-color: #ffffff;
  color: #000000;
  counter-reset: h2;
  font-family: "OpenSans", sans-serif;
  margin: 0em;
  text-align: center;
}

header {
  background-color: #5472ae;
  font-size: 150%;
  padding-left: 1em;
  padding: 0.5em;
  text-align: center;
  text-transform: uppercase;
}

nav a:hover {
  color: #010203;
}

#logo {
  display: inline-block;
}

#logo, nav {
  vertical-align: middle;
  padding: 0em;
  margin: 0em;
}

#logo a, nav a {
  color: #ffffff;
  text-decoration: none;
}

nav ul {
  list-style-type: none;
}

nav li {
  display: inline-block;
  padding: 0.1em;
}

nav li.selected {
  border-bottom: 0.1em #ffffff solid;
}

.section_left li, .section_right li {
  text-align: left;
}

.person img {
  margin-top: 0.5em;
  width: 90%;
}

img.banner {
  margin-top: 0.5em;
  margin-bottom: 0em;
}

a {
  color: #5472ae;
}

em {
  color: #151d2c;
  font-style: normal;
  font-weight: bold;
}

span.comment {
  color: #010203;
  font-size: 80%;
  font-style: italic;
}

section {
  display: inline-block;
  text-align: justify;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

p {
  margin: 0.0em;
  padding-bottom: 0.6em;
  text-align: justify;
}

ul {
  margin-top: 0em;
  margin-bottom: 0.6em;
}

.person {
  text-align: justify;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  margin: 0em;
  padding: 0em;
}

tr {
  border-bottom: 0.15em black solid;
  border-top: 0.15em black solid;
}

tr.tr_top > td {
  padding-top: 0em;
}

tr.tr_bottom > td {
  padding-bottom: 0em;
}

td {
  margin: 0em;
  padding: 0.5em;
}

td.td_left {
  padding-left: 0em;
}

td.td_right {
  padding-right: 0em;
}

span.product {
  font-size: 105%;
  font-style: italic;
  color: #010203;
}

footer {
  border-top: 0.15em #5472ae solid;
  margin-top: 2em;
  padding-top: 0.25em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.footer_text {
  display: inline-block;
  font-size: 90%;
  font-style: italic;
}

.hides .toshow {
  display: none;
}

.hides:hover .toshow, .hides:focus .toshow {
  display: initial;
}

.hides .tohide {
  display: initial;
}

.hides:hover .tohide, .hides:focus .tohide {
  display: none;
}

h1 {
  color: #698fda;
  font-size: 140%;
  text-align: center;
  text-transform: uppercase;
  margin: 0em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h2 {
  color: #698fda;
  counter-reset: h3;
  font-size: 125%;
  text-align: left;
  margin: 0em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h3 {
  counter-reset: h4;
  font-size: 100%;
  text-align: left;
}

h4 {
  counter-reset: h5;
  text-align: left;
}

h5 {
  counter-reset: h6;
  text-align: left;
}

.legal h2:before {
  content: counter(h2) ". ";
  counter-increment: h2;
}

.legal h3:before {
  content: counter(h2) "." counter(h3) " ";
  counter-increment: h3;
}

.legal h4:before {
  content: counter(h2) "." counter(h3) "." counter(h4) " ";
  counter-increment: h4;
}

.legal h5:before {
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
  counter-increment: h5;
}

.legal h6:before {
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";
  counter-increment: h6;
}

.legal h2.nocount:before, .legal h3.nocount:before, .legal h4.nocount:before, .legal h5.nocount:before, .legal h6.nocount:before {
  content: "";
  counter-increment: none;
}