@font-face {
  font-family: 'LTCCaslonLong';
  src: url('/static/trustees_oci/core/fonts/LTCCaslonLongWeb.eot');
  src: url('/static/trustees_oci/core/fonts/LTCCaslonLongWeb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/static/trustees_oci/core/fonts/LTCCaslonLongWeb.woff') format('woff');
  font-weight: normal;
  font-style: normal;/* IE9 Compat Modes */
  /* Modern Browsers */
}
@font-face {
  font-family: 'KievitSlabMedium';
  src: url('/static/trustees_oci/core/fonts/KievitSlabWebPro-Medium.eot');
  src: url('/static/trustees_oci/core/fonts/KievitSlabWebPro-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('/static/trustees_oci/core/fonts/KievitSlabWebPro-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;/* IE9 Compat Modes */
  /* Modern Browsers */
}
@font-face {
  font-family: 'KievitSlabRegular';
  src: url('/static/trustees_oci/core/fonts/KievitSlabWebPro.woff') format('woff');
  font-weight: normal;
  font-style: normal;/* Modern Browsers */
}
@font-face {
  font-family: 'Vaud';
  src: url('/static/trustees_oci/core/fonts/VaudBook-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudBook-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudBook-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudBook-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
   url('/static/trustees_oci/core/fonts/VaudBook-webfont.svg#vaudregular') format('svg');
  font-weight: normal;
  font-style: normal;/* Legacy iOS */
}
@font-face {
  font-family: 'Vaud';
  src: url('/static/trustees_oci/core/fonts/VaudBookIt-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudBookIt-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudBookIt-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudBookIt-webfont.ttf') format('truetype'), url('/static/trustees_oci/core/fonts/VaudBookIt-webfont.svg#vauditalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Vaud';
  src: url('/static/trustees_oci/core/fonts/VaudUltra-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudUltra-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudUltra-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudUltra-webfont.ttf') format('truetype'), url('/static/trustees_oci/core/fonts/VaudUltra-webfont.svg#vaudregular') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Vaud';
  src: url('/static/trustees_oci/core/fonts/VaudUltraIt-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudUltraIt-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudUltraIt-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudUltraIt-webfont.ttf') format('truetype'), url('/static/trustees_oci/core/fonts/VaudUltraIt-webfont.svg#vauditalic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'VaudMedium';
  src: url('/static/trustees_oci/core/fonts/VaudExtraBold-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudExtraBold-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudExtraBold-webfont.ttf') format('truetype'), url('/static/trustees_oci/core/fonts/VaudExtraBold-webfont.svg#vaudregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'VaudMedium';
  src: url('/static/trustees_oci/core/fonts/VaudExtraBoldIt-webfont.eot');
  src: url('/static/trustees_oci/core/fonts/VaudExtraBoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('/static/trustees_oci/core/fonts/VaudExtraBoldIt-webfont.woff') format('woff'), url('/static/trustees_oci/core/fonts/VaudExtraBoldIt-webfont.ttf') format('truetype'), url('/static/trustees_oci/core/fonts/VaudExtraBoldIt-webfont.svg#vaudregular') format('svg');
  font-weight: normal;
  font-style: italic;
}
html {
  position: relative;
  font-family: Vaud, sans-serif;
  height: 100%;
  width: 100%;
}
button,
input,
select,
textarea {
  font-family: Vaud, sans-serif;
}
body {
  width: 100%;
  height: 100%;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}
div#body_wrapper {
  min-height: 100%;
  position: relative;
}
div.instructions {
  margin: 25px 0;
}
#container {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 60px;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  color: #ff6e1e;
}
a:hover {
  text-decoration: underline;
}
#content {
  background: #FFF;
  padding: 25px 0px;
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
  font-family: KievitSlabMedium, Times, serif;
}
h1,
h2,
h3 {
  color: #000;
}
h1 {
  font-size: 26px;
  line-height: 30px;
  margin: 5px 0 10px;
}
h2 {
  font-weight: normal;
  font-size: 1.5em;
  margin: 5px 0 25px;
}
h3 {
  font-weight: nomral;
  font-size: 1.3em;
  margin: 1em 0;
}
.even {
  background-color: #f3f1f1;
}
.login {
  border-radius: 5px;
  background-color: #f0f0f0;
}
.alert,
.btn {
  border-radius: 0;
  box-shadow: none;
  background-image: none;
}
.alert-warning,
.alert-info,
.alert-danger,
.alert-success,
.btn-default {
  background-image: none;
}
div.action-buttons {
  margin-top: 25px;
}
div.action-buttons input[type=button] {
  margin-right: 10px;
}
div.action-buttons input[type=submit] {
  margin-right: 10px;
}
.fieldwrapper {
  margin-top: 10px;
}
.fieldwrapper .field_label_tag {
  font-weight: bold;
}
.fieldwrapper input[type='text'] {
  width: 400px;
}
.fieldwrapper label {
  color: #444444;
  font-weight: normal;
}
.submit_form {
  margin-top: 10px;
}
#content ul {
  list-style-type: none;
}
#content input[type="radio"] {
  font-weight: normal;
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: 10%;
}
#content input[type="text"] {
  width: 500px;
}
div.intro {
  font-size: 16px;
  line-height: 26px;
}
#ribbon {
  width: 100%;
  background-color: #696b73;
  height: 30px;
  position: relative;
}
#ribbon a {
  color: #eeeeee;
  font-weight: bold;
}
#ribbon-content {
  width: 1000px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}
#tools {
  top: 50%;
  right: 10px;
}
#tools li {
  display: table-cell;
  text-transform: uppercase;
  font-size: 0.78571429em;
  font-family: VaudMedium, sans-serif;
  padding: 0 6px;
  margin: 0;
}
#tools,
#identity {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#identity {
  top: 2px;
  left: 1%;
  color: #eeeeee;
  font-size: 0.9em;
}
.name {
  color: #eeeeee;
  font-weight: bold;
}
header {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 30px;
}
#logo img {
  width: 100%;
}
#sitename {
  font-family: KievitSlabMedium, Times, serif;
  font-size: 2em;
  padding-left: 0px;
  padding-top: 4px;
  background-image: url(/static/trustees_oci/core/images/orange-pixel.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#main_menu {
  width: 100%;
  background: #757780;
  height: 34px;
  position: relative;
}
#main_menu ul {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}
#main_menu li {
  font-size: 1.1em;
  color: #eeeeee;
  display: table-cell;
  padding: 0 11px;
  background: transparent url(/static/trustees_oci/core/images/submenu-spacer.png) no-repeat right center;
}
#main_menu li.active {
  font-weight: bold;
  color: white;
}
#main_menu li:first-child {
  padding-left: 0;
}
#main_menu li:last-child {
  background: none;
}
#main_menu li a {
  color: #eeeeee;
}
footer {
  height: 50px;
  width: 100%;
  background-color: #696b73;
  position: absolute;
  bottom: 0;
  left: 0;
}
#contact-boilerplate {
  width: 100%;
  width: 1000px;
  margin: 0 auto;
  font-size: 0.92857142857143em;
  font-family: VaudMedium, sans-serif;
  color: #EEEEEE;
}
#contact-boilerplate p {
  line-height: 8px;
  margin-top: 10px;
}
#boilerplate-content {
  height: 50px;
  font-weight: bold;
}
#boilerplate-address {
  text-transform: uppercase;
}
#cb-name {
  letter-spacing: 2px;
}
#cb-legalese {
  padding: 0;
}
#cb-legalese li {
  display: table-cell;
  padding-left: 17px;
  line-height: 8px;
}
#cb-legalese li:first-child {
  padding-left: 0;
}
#cb-legalese li a {
  text-decoration: underline;
  color: #BBB;
}
#cb-legalese li a:hover {
  color: #eeeeee;
}
@media (min-width: 0px) and (max-width: 349px) {
  #sitename {
    padding-top: 5px !important;
  }
  #logo {
    width: 130px !important;
  }
  #logo img {
    width: 105px !important;
  }
  #ribbon {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 767px) {
  #container {
    width: auto;
  }
  #sitename {
    padding-top: 6px;
    padding-left: inherit;
    font-size: 1.5em;
  }
  #logo {
    width: 140px;
  }
  #logo img {
    width: 110px;
  }
  footer {
    position: static;
  }
  header {
    margin-bottom: 0;
    margin-top: 30px;
  }
  #container {
    padding-bottom: 10px;
  }
  #content {
    padding: 10px 0;
  }
  .login {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .login h3 {
    margin-top: 0;
  }
  .instructions h3 {
    display: none;
    visibility: hidden;
  }
  footer {
    height: 100px;
    padding-left: 10px;
  }
  #cb-name {
    letter-spacing: 1px;
  }
  #cb-legalese li {
    display: block;
    padding-left: 0;
    line-height: 14px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .login {
    width: 39%;
  }
  #container {
    width: 768px;
  }
  #logo {
    width: 22%;
  }
  #logo img {
    width: 100%;
  }
  footer {
    padding-left: 30px;
  }
}
@media (min-width: 992px) {
  #container {
    width: 1000px;
  }
}