/* Drop-in replacement for style-core-min.css. Load this file second. */

@import url(https://fonts.googleapis.com/css?family=Playfair+Display|Lora|Roboto);

html {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 12pt;
  color: var(--ink, #111111);
  line-height: 1.5em;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

BODY {
  background-color: var(--white, #fff);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 12pt;
  color: var(--ink, #111111);
  line-height: 1.5em;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

/* 2018 NAVIGATION SYSTEM */

DIV#siteheader {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid var(--gray-200, #dddddd);
}

DIV#siteheader TABLE TR {
  background-color: var(--white, #fff);
  height: 50px;
  border-bottom: 1px solid var(--gray-200, #dddddd);
}

DIV#siteheader TABLE TR.submenu {
  background-color: rgba(0,0,0,0.9);
  height: 20px;
  border-bottom: 1px solid rgba(100,100,100,0.9);
}

DIV#siteheader TABLE TR.submenu TD {
  font-size: .8rem;
  color: rgba(255,255,255,0.2);
  padding: 5px 10px;
}

DIV#siteheader TABLE TR.submenu TD A {
  font-size: .8rem;
  color: rgba(255,255,255,0.7);
  text-decoration: none;
  padding: 0px 10px;
}

DIV#siteheader TABLE TR.submenu TD A.s {
  font-size: .8rem;
  color: var(--white, #fff);
  text-decoration: none;
  padding: 0px 10px;
}

DIV#siteheader TD.lmenu {
  text-align: left;
  padding: 5px 10px;
  line-height: 40px;
}

DIV#siteheader TD.lmenu A {
  font-size: 16pt;
  text-decoration: none;
  color: var(--brand, #25618f);
  transition: all .3s ease;
  margin: 0px;
  padding: 0px;
}

DIV#siteheader TD.lmenu A:hover {
  font-size: 16pt;
  text-decoration: none;
  color: var(--white, #fff);
  transition: all .3s ease;
  margin: 0px;
  padding: 0px;
}

DIV#siteheader TD div.logo {
  display: inline-block;
  font-family: Roboto, Serif;
  font-size: 20pt;
  font-weight: normal;
  text-align: left;
  padding: 5px 10px;
  line-height: 40px;
}

DIV#siteheader TD div.logo a {
  text-decoration: none;
  color: var(--black, #000);
}

DIV#siteheader TD div.logo a .dot {
  font-weight: bold;
  color: var(--brand, #25618f);
}

DIV#siteheader TD div.rmenu {
  text-align: right;
  margin: 0px;
  display: inline-block;
  float: right;
  white-space: nowrap;
}

DIV#siteheader TD div.rmenu A {
  font-size: 16pt;
  text-decoration: none;
  color: var(--gray-400, #aaaaaa);
}

DIV#siteheader UL.navlist {
  list-style: none;
  padding: 0px;
  margin: 0px 20px 0px 0px;
}

DIV#siteheader UL.navlist LI.item {
  display: inline-block;
  margin: 2px;
  padding: 5px 10px;
  vertical-align: middle;
  height: 40px;
  text-align: center;
}

DIV#siteheader UL.navlist LI.item A {
  font-size: 8pt;
  color: var(--gray-400, #aaaaaa);
  text-decoration: none;
  font-family: Roboto, Arial, Sans-Serif;
  font-weight: normal;
  line-height: 9pt;
}

DIV#siteheader UL.navlist LI.item A I {
  font-size: 14pt;
}

DIV#siteheader UL.navlist LI.item BUTTON {
  font-size: 14pt;
  color: var(--gray-400, #aaaaaa);
  text-decoration: none;
  font-family: Roboto, Arial, Sans-Serif;
  font-weight: normal;
}

DIV#siteheader UL.navlist LI.item INPUT {
  display: none;
}

.login-icon {
  display: block;
  text-align: center;
  font-size: 24px;
  color: var(--gray-400, #aaaaaa);
  position: relative;
}

.login-icon::after {
  content: 'LOGIN';
  display: block;
  font-size: 8pt;
  color: var(--gray-400, #aaaaaa);
  margin-top: 5px;
  font-family: Roboto, Arial, Sans-Serif;
}

.account-icon {
  display: block;
  text-align: center;
  font-size: 24px;
  color: var(--gray-400, #aaaaaa);
  position: relative;
}

.account-icon::after {
  content: 'ACCOUNT';
  display: block;
  font-size: 8pt;
  color: var(--gray-400, #aaaaaa);
  margin-top: 5px;
  font-family: Roboto, Arial, Sans-Serif;
}

.search-container {
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  transition: width 0.5s ease, border 0.5s ease;
  width: 40px;
  vertical-align: middle;
  padding: 0px;
  height: 35px;
}

.search-container.expanded {
  width: 200px;
  border: 1px solid #E6E6E6;
}

.search-container.expanded .search-input {
  display: block;
}

.search-icon-button {
  background-color: transparent;
  border: none;
  padding: 5px;
  transition: background-color 0.5s ease, border-right 0.5s ease;
  cursor: pointer;
  font-size: 14pt !important;
}

.search-container.expanded .search-icon-button {
  background-color: var(--gray-50, #f6f6f6);
  border-right: 1px solid var(--gray-100, #eeeeee);
  font-size: 14pt !important;
}

.search-input {
  outline: none;
  padding: 5px 10px;
  flex-grow: 1;
  border-radius: 20px;
  min-height: 35px;
  margin: 0px;
  display: none;
  border: none !important;
}

@media screen and (max-width: 700px) {

  DIV#siteheader TD div.logo {
    font-size: 18pt;
  }
}

@media screen and (min-width: 700px) {

  DIV#siteheader TD div.logo {
    font-size: 20pt;
  }

  DIV#siteheader UL.navlist LI.item:hover INPUT {
    display: inline-block;
    background-color: var(--white, #fff);
    border: 1px solid var(--gray-100, #eeeeee);
    color: var(--gray-600, #666666);
    border-radius: 3px;
    padding: 2px 5px;
    font-family: Roboto, Arial, Sans-Serif;
    font-size: 10pt;
    width: 150px;
    margin-right: 10px;
  }

  FORM {
    margin: 0px;
    padding: 0px;
    display: inline-block;
  }
}

UL.announcements {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

UL.announcements LI.announce {
  display: none;
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: 300;
  font-size: .75rem;
  text-transform: uppercase;
}

UL.announcements LI.announce A {
  color: var(--gray-500, #888888);
  text-decoration: none;
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: 300;
  font-size: .75rem;
  text-transform: uppercase;
}

@media screen and (max-width: 950px) {

  DIV#siteheader TD div.logo {
    min-width: 210px;
  }

  DIV#siteheader TD div.topnav {
    display: none;
  }
}

@media screen and (min-width: 950px) {

  DIV#siteheader TD div.logo {
    min-width: 210px;
  }

  DIV#siteheader TD div.topnav {
    display: inline-block;
    line-height: 20px;
    padding: 0px 10px;
    border-right: 1px solid var(--gray-300, #cccccc);
  }

  DIV#siteheader TD div.topnav:last-child {
    display: inline-block;
    line-height: 20px;
    padding: 0px 10px;
    border-right: none;
  }

  DIV#siteheader TD div.topnav A {
    font-family: Roboto, Arial, Helvetica, Futura;
    font-weight: normal;
    font-size: 10pt;
    text-transform: uppercase;
    color: var(--brand, #25618f);
    line-height: 20px;
    text-decoration: none;
  }

  DIV#siteheader TD div.topnav A:hover {
    color: var(--black, #000);
  }
}

/* SIDE NAV MENU */

NAV#menu {
  margin: 0px;
  background-color: var(--white, #fff);
  padding: 0px 0px 0px 0px;
}

NAV#menu UL#nav {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

NAV#menu UL#nav LI {
  margin: 0px;
  padding: 0px 0px;
  border-bottom: 1px solid rgba(0,0,0,0.05);
  line-height: 20px;
  font-size: 10pt;
}

NAV#menu UL#nav LI:last-child {
  border-bottom: none;
}

NAV#menu UL#nav LI A {
  color: var(--gray-700, #444444);
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}

NAV#menu UL#nav LI DIV.navoption {
  padding: 10px 20px;
  height: 25px;
  line-height: 25px;
  color: var(--gray-700, #444444);
}

/* SUB MENU */

NAV#menu UL#nav LI.item UL.submenu {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: rgba(0,0,0,0.05);
  display: none;
}

NAV#menu UL#nav LI.item UL.submenu LI {
  margin: 0px;
  padding: 5px 30px 5px 30px;
  transition: background .25s ease-in-out;
}

NAV#menu UL#nav LI.item UL.submenu LI A {
  color: var(--brand, #25618f);
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: normal;
  font-size: 1em;
  text-decoration: none;
}

NAV#menu UL#nav UL.submenu LI:hover {
  background-color: var(--gray-100, #eeeeee);
}

NAV#menu I {
  color: var(--gray-600, #666666);
}

NAV#menu LI DIV.btn {
  display: inline;
  float: right;
  vertical-align: middle;
}

NAV#menu LI DIV.btn I {
  color: rgba(0,0,0,0.6);
  transition: all .3s ease;
  font-size: .8rem;
  padding: 5px;
  vertical-align: middle;
}

NAV#menu LI DIV.btn I.rotated {
  color: var(--white, #fff);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: .8rem;
  line-height: 9pt;
  vertical-align: middle;
}

NAV#menu DIV#navfooter {
  border-top: 1px solid var(--gray-200, #dddddd);
  background-color: var(--gray-100, #eeeeee);
  padding: 10px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--gray-600, #666666);
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: normal;
  font-size: 1.25em;
  display: block;
  clear: both;
}

NAV#menu DIV#navfooter B {
  font-size: 9pt;
}

NAV#menu DIV#navfooter I {
  font-size: 9pt;
}

/* HAMBURGER ICON ANIMATION */

#nav-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 20px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: var(--brand, #25618f);
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 6px;
}

#nav-icon span:nth-child(4) {
  top: 12px;
}

#nav-icon.open span:nth-child(1) {
  top: 6px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* LISTS */

UL.linklist {
  list-style: none;
  margin: 0px 0px;
  display: block;
  padding: 5px;
}

UL.linklist > LI {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--gray-700, #444444);
  font-size: 9pt;
  margin-bottom: 5px;
  line-height: 125%;
  text-align: left;
  padding: 0px;
}

UL.linklist > LI > A {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--gray-700, #444444);
  font-size: 9pt;
  line-height: 125%;
  text-decoration: none;
}

/* FORM SETTINGS */

FORM#dark select {
  padding: 5px;
  margin: 0;
  border-radius: 4px;
  background: var(--black, #000);
  color: var(--white, #fff);
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--gray-700, #444444);
  font-size: 7pt;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

@media screen and (-webkit-min-device-pixel-ratio:0) {

  FORM#dark select {
    padding-right: 18px;
  }
}

FORM#dark label {
  position: relative;
}

FORM#dark label:after {
  content: '<>';
  font: 10px "Consolas", monospace;
  color: var(--gray-400, #aaaaaa);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 0px;
  padding: 0 0 2px;
  border-bottom: 1px solid var(--gray-200, #dddddd);
  position: absolute;
  pointer-events: none;
}

FORM#dark label:before {
  content: '';
  right: 6px;
  top: 0px;
  width: 16px;
  height: 16px;
  background: var(--black, #000);
  position: absolute;
  pointer-events: none;
  display: block;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */

FORM label {
  position: relative;
}

FORM label:after {
  content: '<>';
  font: 8pt "Consolas", monospace;
  color: var(--gray-400, #aaaaaa);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 0px;
  padding: 0 0 2px;
  border-bottom: 1px solid var(--gray-400, #aaaaaa);
  position: absolute;
  pointer-events: none;
}

FORM label:before {
  content: '';
  right: 6px;
  top: 0px;
  width: 16px;
  height: 16px;
  background: var(--white, #fff);
  position: absolute;
  pointer-events: none;
  display: block;
}

FORM SELECT {
  padding: 5px;
  margin: 0;
  border-radius: 4px;
  background: var(--white, #fff);
  color: var(--black, #000);
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--gray-400, #aaaaaa);
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
}

FORM INPUT {
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
}

FORM INPUT[type=submit], a.fancybutton {
  background-color: var(--brand, #25618f);
  border: 1px solid var(--white, #fff);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 1.20em;
  line-height: 1.20em;
}

FORM INPUT[type=submit]:hover, a.fancybutton:hover {
  background-color: var(--brand, #25618f);
}

INPUT[type=submit].submit {
  background-color: var(--gray-200, #dddddd);
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--gray-500, #888888);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 1.20em;
}

INPUT[type=submit].submit:hover {
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 1.20em;
  cursor: hand;
}

INPUT[type=submit].submitsm {
  background-color: var(--gray-200, #dddddd);
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--gray-500, #888888);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .9em;
}

INPUT[type=submit].submitsm:hover {
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .9em;
  cursor: hand;
}

div.formfield {
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .8em;
  margin-top: 10px;
  line-height: 125%;
}

div.formfield SMALL {
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .8em;
  line-height: 100%;
  color: var(--brand, #25618f);
}

div.formfield SELECT, div.formfield INPUT {
  box-sizing: border-box;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 1em;
  padding: 5px 5px;
}

div.formfield INPUT[type=text], div.formfield INPUT[type=password], {
  box-sizing: border-box;
  padding: 5px 2px;
  border-radius: 4px;
  border: 1px solid var(--gray-400, #aaaaaa);
}

div.formfield INPUT[type=submit], button.submit {
  box-sizing: border-box;
  padding: 10px 20px;
  width: 100%;
  background-color: var(--black, #000);
  border-radius: 4px;
  color: var(--white, #fff);
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  border: 0px;
}

div.formfield div.submit {
  box-sizing: border-box;
  padding: 10px 20px;
  max-width: 90%;
  background-color: var(--black, #000);
  border-radius: 4px;
  color: var(--white, #fff);
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  border: 0px;
}

div.formfield div.submit A {
  text-decoration: none;
  color: var(--white, #fff);
}

div.formfield INPUT.formbutton, div.formfield A.formbutton {
  box-sizing: border-box;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 20px;
  background-color: var(--black, #000);
  border-radius: 4px;
  color: var(--white, #fff);
  width: auto;
  font-size: 1em;
}

div.formfield A.formbutton:hover {
  width: auto;
  font-size: 1em;
  padding: 10px 20px;
  background-color: var(--brand, #25618f);
  border-radius: 4px;
  color: var(--white, #fff);
  text-decoration: none;
}

.requestform, #requestform, form {
  padding: 0px;
  margin: 0px;
}

#form TH.topbar {
  color: var(--brand, #25618f);
  font-family: Arial, Helvetica, Futura;
  font-weight: bold;
  font-size: 12pt;
}

#form TH {
  color: var(--black, #000);
  font-weight: bold;
  font-size: 10pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  border-bottom: 1px solid var(--gray-200, #dddddd);
  padding: 10px 0px 1px 0px;
  text-align: left;
}

#form TH#multi {
  background-image: url(/images/form_th_bg.gif);
  color: var(--white, #fff);
  font-weight: bold;
  font-size: 9pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  background-color: var(--gray-100, #eeeeee);
  border-bottom: 1px solid var(--gray-200, #dddddd);
  border-top: 1px solid var(--gray-200, #dddddd);
  padding: 5px 10px;
  text-align: left;
}

#form TD {
  font-size: .8em;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--black, #000);
  line-height: 125%;
}

#form TEXTAREA {
  background-color: var(--white, #fff);
  border: 1px solid var(--gray-300, #cccccc);
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-700, #444444);
}

#form TEXTAREA:focus {
  background-color: var(--white, #fff);
  border: 1px solid #CC9933;
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--black, #000);
}

#form INPUT {
  border: 1px solid var(--gray-200, #dddddd);
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-700, #444444);
  padding: 3px;
}

#form INPUT[type=checkbox], #form INPUT[type=radio] {
  font-size: 1em;
}

#form INPUT.error {
  border: 1px solid var(--brand, #25618f);
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: Arial, Helvetica, Futura;
  color: var(--gray-700, #444444);
  padding: 3px;
}

#form INPUT:focus {
  background-color: var(--gray-50, #f6f6f6);
  border-bottom: 2px solid #33AA33;
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--black, #000);
}

#form SELECT {
  background-color: var(--white, #fff);
  border: 1px solid var(--gray-300, #cccccc);
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-700, #444444);
  padding-top: 2px;
  padding-bottom: 2px;
}

#form SELECT.error {
  background-color: #EEDDDD;
  border: 1px solid var(--brand, #25618f);
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-700, #444444);
  padding-top: 2px;
  padding-bottom: 2px;
}

#form SMALL {
  color: var(--brand, #25618f);
}

#form SELECT:focus {
  background-color: var(--white, #fff);
  border: 1px solid #CC9933;
  font-size: .8em;
  line-height: 100%;
  font-weight: normal;
  font-family: Arial, Helvetica, Futura;
  color: var(--black, #000);
}

#form P {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .8em;
  color: var(--text, #222222);
  line-height: 100%;
}

#form B {
  color: var(--black, #000);
}

/* SPOTLIGHT */

DIV#spotlightbox {
}

UL#spotlight {
  width: 100%;
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
}

UL#spotlight > LI#brand {
  min-height: 300px;
}

UL#spotlight > LI#brand > DIV.headline {
  margin: 10px;
}

UL#spotlight > LI#brand > DIV.headline A {
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: bold;
  font-size: 1.25em;
  text-decoration: none;
  color: var(--gray-700, #444444);
  line-height: 150%;
}

UL#spotlight > LI#brand > DIV.description {
  margin: 0px 10px 10px 10px;
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: normal;
  font-size: 1em;
  text-decoration: none;
  color: var(--gray-600, #666666);
  min-height: 100px;
  line-height: 150%;
  text-align: justify;
}

UL#spotlight > LI#brand > DIV.button {
  background-color: var(--brand, #25618f);
  border: 1px solid var(--white, #fff);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: 120px;
  text-align: center;
}

UL#spotlight > LI#brand > DIV.button > A {
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 1.20em;
}

UL#spotlight > LI#brand > DIV.button:hover {
  background-color: var(--brand, #25618f);
}

/* NEWS TICKER */

.newstricker_inner {
  position: relative;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0 0 0 180px;
  background: var(--white, #fff);
}

.trending {
  background-color: #1b1c26;
  color: var(--white, #fff);
  position: absolute;
  left: 0;
  font-size: 12pt;
  padding: 0 12px 0 11px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.trending::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 8px solid #1b1c26;
  border-bottom: 15px solid transparent;
  position: absolute;
  right: -8px;
}

#newsticker ul LI a {
  font-size: 12pt;
  color: var(--black, #000);
  text-decoration: none;
  line-height: 30px;
}

#newsticker ul LI {
  overflow: hidden;
  height: 30px;
}

.newstricker_inner .controls {
  float: right;
  font-size: 12pt;
  margin: 0px 10px;
}

.newstricker_inner .controls A {
  color: var(--gray-400, #aaaaaa);
}

.newstricker_inner .controls A:hover {
  color: var(--brand, #25618f);
}

@media (max-width: 767px) {

  .newstricker_inner {
    position: relative;
    line-height: 30px;
    margin: 0px 0px 20px 0px;
    padding: 0 0 0 150px;
    background: var(--white, #fff);
  }

  .trending {
    font-size: 10pt;
  }

  #newsticker ul LI a {
    font-size: 10pt;
    color: var(--black, #000);
    text-decoration: none;
    line-height: 30px;
  }
}

/* FEATURES */

.flexrow {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
}

.flexrowr {
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: stretch;
  align-content: stretch;
}

.flexcol1 {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 1;
}

.flexcol2 {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 2;
}

.flexcol3 {
  display: flex;
  flex-flow: column wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 3;
}

.flexcolr1 {
  display: flex;
  flex-flow: column-reverse wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 1;
}

.flexcolr2 {
  display: flex;
  flex-flow: column-reverse wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 2;
}

.flexcolr3 {
  display: flex;
  flex-flow: column-reverse wrap;
  align-items: stretch;
  align-content: stretch;
  flex: 3;
}

.grey {
  background-color: var(--gray-100, #eeeeee);
  color: var(--gray-600, #666666);
  line-height: 300px;
  height: 300px;
  text-align: center;
}

.black {
  background-color: var(--black, #000);
  color: var(--white, #fff);
  line-height: 300px;
  height: 300px;
  text-align: center;
}

.searchbutton {
  border: none;
  background: none;
  font-size: 16pt;
  text-decoration: none;
  color: var(--gray-400, #aaaaaa);
}

/* ========================================================================== VIDEO BOX STYLES ========================================================================== */

.fullvideo {
  margin: 10px 0px;
  padding: 20px 0xp;
  width: 100%;
  background-color: var(--gray-100, #eeeeee);
}

.fullvideo H2 {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--black, #000);
  font-size: 20pt;
  padding-bottom: 2px;
  margin: 15px 10px 10px 0px;
  font-weight: normal;
}

.fullvideo H2 A {
  color: var(--black, #000);
  text-decoration: none;
}

.fullvideo H2 A B {
  color: var(--brand, #25618f);
  text-decoration: none;
}

div.bottomtab {
  border-top: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  border-left: 1px solid rgba(0,0,0,0.1);
  padding: 10px 20px;
  margin: 10px auto 0px auto;
  max-width: 150px;
  text-align: center;
}

div.bottomtab > A {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--brand, #25618f);
  font-size: 10pt;
  text-decoration: none;
}

div.bottomtab:hover {
  background-color: rgba(255,255,255,0.1);
}

.share-header {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 12pt;
  text-align: center;
  margin: 5px auto;
  text-transform: uppercase;
  color: var(--black, #000);
}

/* ========================================================================== ARTBOX STYLES ========================================================================== */

.artbox {
  background-size: cover;
  background-position: center center;
  position: relative;
  background-repeat: no-repeat;
  background-color: var(--gray-100, #eeeeee);
  width: 100%;
  border: 0;
  cursor: pointer;
  display: block;
  margin: 0px;
}

.artbox::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, rgba(255,255,255,.2), rgba(0,0,0,.1));
}

.artbox .badge-head {
  top: 0;
  left: 10px;
  position: absolute;
  background-color: rgba(255,255,255,.8);
  color: var(--black, #000);
  padding: 5px 10pt;
  font-size: .8rem;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

div.artbox div.badge {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  box-sizing: border-box;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

div.artbox div.badge div.tag {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: var(--white, #fff);
  width: auto;
  margin: 10px 0px;
}

div.artbox div.badge div.tag A {
  color: var(--white, #fff);
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: .8rem;
  text-decoration: none;
  padding: 5px 10px;
  background-color: rgba(0,0,0,0.7);
}

div.artbox div.badge div.title {
  padding: 0px 0px 10px 0px;
  font-size: 1.5rem;
  color: var(--white, #fff);
  margin-bottom: 5px;
  line-height: 1.5rem;
  text-wrap: balance;
}

div.artbox div.badge .title A {
  text-decoration: none;
  font-family: var(--font-heading, Roboto, sans-serif);
  font-weight: 700;
  color: #fafafa;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badge div.author {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 5px 10px 5px 0px;
  border-right: 1px solid rgba(255,255,255,.5);
}

div.artbox div.badge div.author A {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badge div.date {
  display: inline-block;
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 5px 10px 5px 10px;
}

div.artbox div.badge div.social {
  display: inline-block;
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 5px 10px 5px 10px;
}

div.artbox div.badge div.infobox {
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 5px 5px 5px 0px;
}

div.artbox div.badge div.infobox div.data {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}

div.artbox div.badge div.infobox div.data A {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badge div.infobox div.data:last-child {
  border-right: none;
}

div.artbox div.badgesm {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 0;
  left: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  box-sizing: border-box;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

div.artbox::after {
  position: absolute;
  content: "";
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%);
  transition: opacity .4s ease-in-out;
}

div.artbox div.badgesm span.tag:after, div.artbox div.badgesm span.tag:before {
  content: "";
  display: table;
}

div.artbox div.badgesm span.tag {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: var(--white, #fff);
  margin: 5px 0px;
}

div.artbox div.badgesm span.tag A {
  color: var(--white, #fff);
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: .8rem;
  text-decoration: none;
  padding: 5px 5px;
  background-color: rgba(0,0,0,0.7);
}

div.artbox div.badgesm div.tag {
  display: inline-block;
  clear: right;
  background-color: rgba(0,0,0,0.7);
  font-size: 9pt;
  text-transform: uppercase;
  width: auto !important;
  margin: 5px 0px;
  color: var(--white, #fff);
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-decoration: none;
  padding: 5px 5px;
}

div.artbox div.badgesm div.title {
  padding: 0px 0px;
  font-size: 1rem;
  color: var(--white, #fff);
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 125%;
  text-wrap: balance;
}

div.artbox div.badgesm .title A {
  text-decoration: none;
  font-family: var(--font-heading, Roboto, sans-serif);
  font-weight: 700;
  color: #fafafa;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badgesm div.infobox {
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 5px 5px 5px 0px;
}

div.artbox div.badgesm div.infobox div.data {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}

div.artbox div.badgesm div.infobox div.data A {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badgesm div.infobox div.data:last-child {
  border-right: none;
}

div.artbox div.badgesm div.author {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  display: inline-block;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}

div.artbox div.badgesm div.author A {
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
}

div.artbox div.badgesm div.date {
  display: inline-block;
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 0px 5px 0px 5px;
}

div.artbox div.badgesm div.social {
  display: inline-block;
  font-size: .8rem;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color: var(--white, #fff);
  text-transform: uppercase;
  text-shadow: 1px 1px 2px var(--black, #000);
  padding: 0px 5px 0px 5px;
}

/* AJAX Content Box */

ul.contenttabs {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0;
  overflow: hidden;
}

ul.contenttabs > li:first-child {
  float: left;
  text-transform: uppercase;
}

ul.contenttabs > li {
  list-style: none;
  float: right;
  text-transform: uppercase;
}

ul.contenttabs > li > b {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 15pt;
  color: var(--gray-700, #444444);
  font-weight: 300;
}

ul.contenttabs > li > a {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 10pt;
  display: block;
  color: var(--gray-700, #444444);
  text-align: center;
  padding: 2px 5px;
  text-decoration: none;
}

ul.contenttabs > li > a:hover {
  color: var(--brand, #25618f);
}

ul.contenttabs > li.tabmenu UL {
  margin: 0px;
  display: none;
  list-style: none;
  position: absolute;
}

ul.contenttabs > li.tabmenu:hover UL {
  margin: 0px;
  padding: 0px;
  display: block;
  z-index: 10;
  width: auto;
  list-style: none;
  background-color: var(--white, #fff);
  border-left: 1px solid var(--gray-100, #eeeeee);
  border-bottom: 1px solid var(--gray-100, #eeeeee);
  border-right: 1px solid var(--gray-100, #eeeeee);
  position: absolute;
  margin-left: -50px;
}

ul.contenttabs > li.tabmenu UL LI {
  margin: 0px;
  display: block;
  padding: 2px 0px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
  float: none;
  background-color: var(--white, #fff);
  width: 120px;
}

ul.contenttabs > li.tabmenu UL LI:hover {
  background-color: var(--gray-50, #f6f6f6);
}

ul.contenttabs > li.tabmenu UL LI > a {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 9pt;
  color: var(--gray-700, #444444);
  text-align: center;
  padding: 2px 5px;
  text-decoration: none;
}

ul.contenttabs > li.tabmenu UL LI > a.selected {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 9pt;
  color: var(--black, #000);
  font-weight: bold;
  text-align: center;
  padding: 2px 5px;
  text-decoration: none;
}

DIV.topicrow {
  padding: 0px;
  margin: 0px;
}

UL.articlelist {
  margin: 0px;
  list-style: none;
  padding: 0px;
}

UL.articlelist > LI {
  padding: 5px 20px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
}

UL.articlelist > LI:last-child {
  border-bottom: none;
}

UL.articlelist > LI > SPAN {
  height: 52px;
  display: table-cell;
  vertical-align: middle;
}

UL.articlelist > LI > SPAN > A {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 10pt;
  color: var(--black, #000);
  text-decoration: none;
}

UL.guidelist {
  margin: 0px;
  list-style: none;
  padding: 0px;
}

UL.guidelist > LI {
  padding: 5px 10px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
}

UL.guidelist > LI:last-child {
  border-bottom: none;
}

UL.guidelist > LI > SPAN {
  height: 32px;
  display: table-cell;
  vertical-align: middle;
}

UL.guidelist > LI > SPAN > A {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 10pt;
  color: var(--black, #000);
  text-decoration: none;
}

OL.topten {
  margin: 0px;
  list-style: none;
  padding: 0px;
}

OL.topten > LI {
  padding: 10px 10px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
  color: var(--gray-500, #888888);
  font-size: 9pt;
  height: 50px;
}

OL.topten > LI:last-child {
  border-bottom: none;
}

OL.topten > LI > A {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 10pt;
  color: var(--black, #000);
  text-decoration: none;
  line-height: 125%;
}

.footertext {
  font-size: .8rem;
  color: var(--white, #fff);
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  background-color: var(--white, #fff);
  min-height: 100vh;
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

/* END 2018 NAVIGATION SYSTEM */

@media screen and (max-width: 700px) {

  #siteheader {
    margin: 0px;
    padding: 0px;
  }

  DIV#print {
    display: none;
  }

  DIV#sites {
    display: none;
  }

  div#paginate-franchisespotlight {
    display: none;
  }
}

/* Logo Bar & Search */

#siteheader {
  margin-bottom: 20px;
}

P#search {
  font-size: 12pt;
  font-weight: bold;
  color: var(--white, #fff);
  font-family: var(--font-heading, Roboto, sans-serif);
  padding: 0px 5px;
  margin: 0px;
  line-height: 100%;
  text-align: left;
}

#results {
  margin-left: 5px;
  width: 200px;
  border: solid 1px #DEDEDE;
  display: none;
  position: absolute;
  z-index: 100;
  background-color: var(--white, #fff);
  text-align: left;
}

#results ul, #results li {
  padding: 0px;
  margin: 0px;
}

#results li {
  font-size: 8pt;
  border-top: 1px solid var(--white, #fff);
  border-bottom: 1px solid var(--white, #fff);
  background: var(--white, #fff);
  padding: 3px 10px;
  list-style: none;
  z-index: 100;
}

#results li:hover {
  background: var(--gray-100, #eeeeee);
  border-top: 1px solid var(--gray-50, #f6f6f6);
  border-bottom: 1px solid var(--gray-200, #dddddd);
}

#results li a {
  text-decoration: none;
  color: var(--black, #000);
  font-weight: bold;
}

#results li:hover a {
  text-decoration: none;
  color: var(--brand, #25618f);
  font-weight: bold;
}

#results li.dim a {
  text-decoration: none;
  color: var(--gray-600, #666666);
  font-weight: bold;
}

#results li.dim:hover a {
  text-decoration: none;
  color: var(--brand, #25618f);
  font-weight: bold;
}

#results li small {
  text-decoration: none;
  color: #999999;
  font-weight: normal;
}

#results li a small {
  display: block;
  text-decoration: none;
  color: #999999;
  font-weight: normal;
}

#results ul {
  padding: 0px;
  border: 0;
  list-style: none;
  z-index: 100;
}

#formbuttonbl {
  margin: 10px;
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 5px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 10pt;
  cursor: hand;
  line-height: 20px;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
}

#formbuttonbls:hover {
  margin: 10px;
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 5px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 10pt;
  cursor: hand;
  line-height: 20px;
  white-space: nowrap;
  display: inline-block;
  box-sizing: border-box;
}

#greenbutton {
  border: 1px outset var(--brand-mu, #0d7326);
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--green-500, #0f882d) 0%, var(--green-700, #0a5c1f) 100%);
}

#greenbutton:hover {
  border: 1px outset var(--green-500, #0f882d);
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--green-400, #12a136) 0%, var(--brand-mu, #0d7326) 100%);
}

#bluebutton {
  border: 1px outset var(--brand-deep, #25598d);
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--brand-deep, #25598d) 0%, var(--brand-fu, #204c78) 100%);
}

#bluebutton:hover {
  border: 1px outset var(--brand-mid, #2b66a1);
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--brand-mid, #2b66a1) 0%, var(--brand-deep, #25598d) 100%);
}

#goldbutton {
  border: 1px outset #E8AB30;
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--gold, #e6a119) 0%, var(--brand-fc, #cc9017) 100%);
}

#goldbutton:hover {
  border: 1px outset #EBB447;
  padding: 5px 10px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, #E8AB30 0%, var(--gold, #e6a119) 100%);
}

#big-redbutton {
  font-family: var(--font-heading, Roboto, sans-serif);
  border: 1px outset var(--brand, #25618f);
  padding: 5px 20px;
  color: var(--white, #fff);
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--brand, #25618f) 0%,#880000 100%);
}

#big-redbutton:hover {
  border: 1px outset var(--brand, #25618f);
  background: linear-gradient(to bottom, #03406D 0%, var(--brand, #25618f) 100%);
}

#big-greenbutton {
  font-family: var(--font-heading, Roboto, sans-serif);
  border: 1px outset var(--brand-mu, #0d7326);
  padding: 5px 20px;
  color: var(--white, #fff);
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--green-500, #0f882d) 0%, var(--green-700, #0a5c1f) 100%);
}

#big-greenbutton:hover {
  border: 1px outset var(--green-500, #0f882d);
  background: linear-gradient(to bottom, var(--green-400, #12a136) 0%, var(--brand-mu, #0d7326) 100%);
}

#big-bluebutton {
  font-family: var(--font-heading, Roboto, sans-serif);
  border: 1px outset var(--brand-deep, #25598d);
  padding: 5px 20px;
  color: var(--white, #fff);
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--brand-deep, #25598d) 0%, var(--brand-fu, #204c78) 100%);
}

#big-bluebutton:hover {
  border: 1px outset var(--brand-mid, #2b66a1);
  background: linear-gradient(to bottom, var(--brand-mid, #2b66a1) 0%, var(--brand-deep, #25598d) 100%);
}

HEADER UL#topitems {
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
}

HEADER UL#topitems LI {
  color: var(--white, #fff);
  font-size: 8pt;
  font-weight: normal;
  margin: 5px 0px 5px 15px;
  padding: 0px 0px 0px 0px;
}

HEADER UL#noformat {
  margin: 10px 0px;
  padding: 0px;
  list-style: none;
}

HEADER UL#noformat LI {
  color: var(--white, #fff);
  font-size: 8pt;
  font-weight: normal;
  margin: 5px 0px 5px 15px;
  padding: 0px 0px 0px 0px;
}

HEADER UL#topitems LI:before {
  content: '»';
  font: 8pt "Consolas", monospace;
  font-weight: bold;
  color: var(--white, #fff);
  margin-left: -12px;
  margin-right: 5px;
}

A#li {
  color: var(--white, #fff);
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

H3#mini {
  font-size: 12pt;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px;
}

IMG#thumbnail {
  border-radius: 25px;
}

/* PAGE LAYOUT */

@media screen and (max-width: 768px) {

  /* MOBILE */

  #sitebody {
    margin: 0px auto 0px auto;
    width: 98%;
    max-width: 578px;
  }

  .mobilehide {
    visibility: hidden;
    display: none;
  }

  div#third {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#solo {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twothird {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fourth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twofourth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#threefourth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#full {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#half {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fifth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#sixth {
    width: calc(100%/2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#foursixth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#break {
    clear: both;
  }

  div#linebreak {
    clear: both;
    border-top: 1px solid var(--gray-300, #cccccc);
    margin-top: 20px;
    padding-top: 5px;
  }

  UL#featuredads.bxslider LI DIV#pp {
    min-width: calc(100%/3);
    text-align: center;
  }

  H2 div#description {
    display: none;
  }

  DIV#listing {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {

  /* TABLET */

  #sitebody {
    margin: 0px auto 0px auto;
    width: 98%;
    max-width: 1024px;
  }

  .mobilehide {
    visibility: hidden;
    display: none;
  }

  div#third {
    width: calc(100%/2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#solo {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fifth {
    width: calc(100%/2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twothird {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fourth {
    width: calc(100%/2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twofourth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#threefourth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#full {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#half {
    width: 50%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#sixth {
    width: calc(100%/3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#foursixth {
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#break {
    clear: both;
  }

  div#linebreak {
    clear: both;
    border-top: 1px solid var(--gray-300, #cccccc);
    margin-top: 20px;
    padding-top: 5px;
  }

  UL#featuredads.bxslider LI DIV#pp {
    min-width: 20%;
    text-align: center;
  }

  H2 div#description {
    display: none;
  }

  DIV#listing {
    width: calc(100%/3);
  }
}

@media screen and (min-width: 1000px) {

  /* DESKTOP */

  #sitebody {
    margin: 0px auto 0px auto;
    width: 96%;
    max-width: 1400px;
  }

  .mobilehide {
    visibility: visible;
    display: block;
  }

  div#third {
    width: calc(100%/3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#solo {
    width: calc(100%/3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fourth {
    width: calc(100%/4);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fifth {
    width: calc(100%/5);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twofourth {
    width: calc((100%/4)*2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#threefourth {
    width: calc((100%/4)*3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twothird {
    width: calc((100%/3)*2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#full {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#half {
    width: 50%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#sixth {
    width: calc(100%/6);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#foursixth {
    width: calc((100%/6)*4);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#break {
    clear: both;
  }

  div#linebreak {
    clear: both;
    border-top: 1px solid var(--gray-300, #cccccc);
    margin-top: 20px;
    padding-top: 5px;
  }

  UL#featuredads.bxslider LI DIV#pp {
    min-width: 10%;
    text-align: center;
  }

  H2 div#description {
    display: inline-block;
  }

  DIV#listing {
    width: 20%;
  }
}

@media screen and (min-width: 2000px) {

  /* 4K */

  #sitebody {
    margin: 0px auto 0px auto;
    width: 96%;
    max-width: 1400px;
  }

  .mobilehide {
    visibility: visible;
    display: block;
  }

  div#third {
    width: calc(100%/3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#solo {
    width: calc(100%/3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fourth {
    width: calc(100%/4);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#fifth {
    width: calc(100%/5);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twofourth {
    width: calc((100%/4)*2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#threefourth {
    width: calc((100%/4)*3);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#twothird {
    width: calc((100%/3)*2);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#full {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#half {
    width: 50%;
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#sixth {
    width: calc(100%/6);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#foursixth {
    width: calc((100%/6)*4);
    height: auto;
    float: left;
    display: inline-block;
    vertical-align: top;
  }

  div#break {
    clear: both;
  }

  div#linebreak {
    clear: both;
    border-top: 1px solid var(--gray-300, #cccccc);
    margin-top: 20px;
    padding-top: 5px;
  }

  UL#featuredads.bxslider LI DIV#pp {
    min-width: 10%;
    text-align: center;
  }

  H2 div#description {
    display: inline-block;
  }

  DIV#listing {
    width: 20%;
  }
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.right {
  text-align: right;
}

DIV#box {
  margin: 10px 10px;
  overflow: hidden;
}

@media screen and (max-width: 1200px) {

  /* MOBILE */

  DIV#profileboxr {
    margin: 20px 10px 20px 10px;
    overflow: hidden;
  }

  DIV#profileboxl {
    margin: 20px 10px 20px 10px;
    overflow: hidden;
  }
}

@media screen and (min-width: 1200px) {

  /* DESKTOP */

  DIV#profileboxr {
    margin: 0px 0px 20px 20px;
    overflow: hidden;
  }

  DIV#profileboxl {
    margin: 0px 20px 20px 0px;
    overflow: hidden;
  }
}

DIV#box DIV#box-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: linear-gradient(to bottom, var(--text, #222222) 0%, var(--black, #000) 100%);
  border-bottom: 1px solid #660000;
}

DIV#box DIV#box-header H2 {
  margin: 0px;
  padding: 5px 10px 5px 10px;
  font-size: 20pt;
  font-weight: bold;
  color: var(--white, #fff);
  font-family: var(--font-heading, Roboto, sans-serif);
  border-bottom: 3px solid var(--black, #000);
}

DIV#box DIV#box-content {
  min-height: 100px;
  padding: 0px 10px 5px 10px;
}

DIV#box DIV#box-footer {
  min-height: 40px;
  text-align: center;
}

/* Call out Boxes */

DIV#sitebox {
  margin: 5px 10px;
  overflow: hidden;
  border: 1px solid var(--gray-200, #dddddd);
  background-color: var(--white, #fff);
  border-radius: 3px;
}

DIV#sitebox DIV#box-header {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

DIV#sitebox DIV#box-header.fr {
  background: linear-gradient(to bottom, var(--brand, #25618f) 0%, #770000 100%);
  border-bottom: 1px solid #660000;
}

DIV#sitebox DIV#box-header.fu {
  background: linear-gradient(to bottom, var(--brand-deep, #25598d) 0%, var(--brand-fu, #204c78) 100%);
  border-bottom: 1px solid #153351;
}

DIV#sitebox DIV#box-header.mu {
  background: linear-gradient(to bottom, var(--green-500, #0f882d) 0%, var(--green-700, #0a5c1f) 100%);
  border-bottom: 1px solid #660000;
}

DIV#sitebox DIV#box-header H2 {
  margin: 0px;
  padding: 5px 10px 5px 10px;
  font-size: 20pt;
  font-weight: bold;
  color: var(--white, #fff);
  font-family: var(--font-heading, Roboto, sans-serif);
  border-bottom: 3px solid var(--black, #000);
}

DIV#sitebox DIV#box-content {
  min-height: 100px;
  padding: 0px 10px 5px 10px;
}

DIV#sitebox DIV#box-footer {
  min-height: 40px;
  text-align: center;
}

/* FOOTER STYLES */

DIV.sharebox {
  margin-bottom: 40px;
  clear: both;
}

DIV.sharebar {
  text-align: center;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 1.1em;
  color: var(--black, #000);
  font-weight: bold;
  margin: 10px auto 10px auto;
  width: 100%;
}

#footer-wrapper {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  clear: both;
  padding: 20px 0px;
}

DIV#pagefooter {
  background-color: var(--gray-100, #eeeeee);
  text-align: center;
  color: var(--gray-400, #aaaaaa);
  margin: 0px;
  clear: both;
}

DIV#pagefooter P {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .8em;
  color: var(--gray-400, #aaaaaa);
}

DIV#pagefooter a.needed {
  color: var(--brand, #25618f);
}

#footer-contents {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  padding: 20px 0px;
}

DIV.footerlinks > A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 1em;
  color: var(--gray-500, #888888);
  font-weight: bold;
  text-decoration: none;
}

DIV.footerlinks UL {
  margin: 0px 0px 20px 0px;
  padding: 0;
  list-style-type: none;
}

DIV.footerlinks UL LI {
  padding: 5px;
  margin: 0px;
  line-height: 14px !important;
  border-bottom: 1px solid #E6E6E6;
}

DIV.footerlinks UL LI:hover {
  transition: all .5s ease-in-out;
  background: var(--gray-50, #f6f6f6);
}

DIV.footerlinks UL LI:last-child {
  border-bottom: none;
}

DIV.footerlinks UL LI A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 13px;
  color: #777777;
  text-decoration: none;
}

.footerbar {
  clear: both;
  background-color: var(--text, #222222);
  padding: 10px 0px;
}

.footerbar DIV.text {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .8em;
  color: var(--gray-300, #cccccc);
  line-height: 125%;
}

.footerbar DIV.text A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .9em;
  color: var(--white, #fff);
  text-decoration: none;
  font-weight: bold;
  line-height: 125%;
}

.footerbar DIV.text A:hover {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .9em;
  color: var(--brand, #25618f);
  text-decoration: none;
  font-weight: bold;
}

UL#spotlight.bxslider {
  margin: 0px;
  padding: 0px;
}

UL#spotlight.bxslider LI {
  margin: 0px;
  padding: 0px;
}

UL#featuredads.bxslider {
  margin: 0px;
  padding: 0px;
}

UL#featuredads.bxslider LI {
  margin: 0px;
  padding: 0px;
}

UL#featuredads.bxslider LI DIV#pp {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  margin: 0px;
  text-align: center;
}

div.boilerplate > P.description {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif) !important;
  font-size: 9pt !important;
  color: var(--text, #222222) !important;
  line-height: 150% !important;
  text-align: justify;
}

div.boilerplate P A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 9pt;
  line-height: 125%;
  color: var(--text, #222222);
}

ul#socialicons {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

ul#socialicons LI {
  width: 20px;
  height: 20px;
  padding: 5px;
  line-height: 20px;
  margin: 2px;
  display: inline-block;
  background-color: var(--white, #fff);
  border-radius: 50%;
  text-align: center;
  border: 1px solid var(--gray-200, #dddddd);
}

ul#socialicons LI A {
  line-height: 20px;
  color: var(--gray-400, #aaaaaa);
  text-decoration: none;
}

ul#socialicons LI:hover {
  background-color: var(--brand, #25618f);
  border: 1px solid var(--white, #fff);
}

ul#socialicons LI:hover A {
  color: var(--white, #fff);
}

ul#socialicons LI:hover A:hover {
  color: var(--white, #fff);
}

DIV.footerlinks A {
  color: #777777;
  text-decoration: none;
}

DIV.footerlinks A:hover {
  color: var(--brand, #25618f);
  text-decoration: none;
}

/* Quote Box */

DIV#quotebox {
  background-color: var(--gray-100, #eeeeee);
  border-radius: 10px;
  padding: 10px;
}

#quote {
  width: auto;
  background: url('/images/lq.png') top left no-repeat;
  padding-left: 35px;
  line-height: 18px;
  color: #575757;
}

#quote p {
  padding-right: 35px;
  line-height: 18px;
  background: url('/images/rq.png') bottom right no-repeat;
  padding-bottom: 15px;
  color: var(--gray-500, #888888);
  font-style: italic;
}

#author {
  padding-right: 55px;
  color: var(--gray-400, #aaaaaa);
  font-weight: bold;
  text-align: right;
  margin-top: -25px;
}

/* MAIN PAGE DEFAULT STYLES */

H1, .h1 {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--brand, #25618f);
  font-size: 2em;
  line-height: 125%;
  padding-bottom: 2px;
  margin: 0px 0px 10px 0px;
}

H1.mu, H1.mu A B, H1.ad, H1.ad A B {
  color: var(--brand-mu, #0d7326);
}

H1.fu, H1.fu A B {
  color: var(--brand-fu, #204c78);
}

H1.fc, H1.fc A B {
  color: var(--brand-fc, #cc9017);
}

H2 {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--black, #000);
  font-size: 1.75em;
  padding-bottom: 2px;
  margin: 15px 0px 10px 0px;
}

H2 A, H3 A {
  color: var(--black, #000);
  text-decoration: none;
}

H2 A B, H3 A B {
  color: var(--brand, #25618f);
  text-decoration: none;
}

H2.mu {
}

H2.fu {
}

H2 div#description {
  float: right;
  font-size: 9pt;
  color: var(--gray-500, #888888);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  margin-top: 10px;
}

H2.mu A B {
  color: var(--brand-mu, #0d7326);
  text-decoration: none;
}

H2.mu A:hover {
  color: var(--brand-mu, #0d7326);
  text-decoration: none;
}

H2.fu A B {
  color: var(--brand-fu, #204c78);
  text-decoration: none;
}

H2.fu A:hover {
  color: var(--brand-fu, #204c78);
  text-decoration: none;
}

H2.fc A B {
  color: var(--brand-fc, #cc9017);
  text-decoration: none;
}

H2.fc A:hover {
  color: var(--brand-fc, #cc9017);
  text-decoration: none;
}

H3 {
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 1.5em;
  padding-bottom: 2px;
  margin: 15px 0px 10px 0px;
}

div#Article.mu A {
  color: var(--brand-mu, #0d7326);
  text-decoration: none;
}

div#Article.fu A {
  color: var(--brand-fu, #204c78);
  text-decoration: none;
}

div#Article.fc A {
  color: var(--brand-fc, #cc9017);
  text-decoration: none;
}

div#FranchiseTitle.mu A.title {
  color: var(--brand-mu, #0d7326);
  text-decoration: none;
}

UL#mu.newsfeed LI {
  background: url(/images/arrow-mu.gif) no-repeat .1em .8em transparent;
}

UL#fu.newsfeed LI {
  background: url(/images/arrow-fu.gif) no-repeat .1em .8em transparent;
}

UL#fc.newsfeed LI {
  background: url(/images/arrow-fc.gif) no-repeat .1em .8em transparent;
}

TD#requestinfo div, TD#requestinfo div A {
  font-size: 8pt;
  color: var(--gray-500, #888888);
  text-decoration: none;
  font-weight: normal;
}

/* RELATED OPS */

DIV#related {
  min-height: 170px;
  float: left;
  display: inline-block;
  width: 135px;
  margin: 0px 5px 10px 0px;
}

DIV#related DIV#imagead {
  margin: 5px;
  vertical-align: middle;
  text-align: center;
}

DIV#related DIV#textad {
  margin: 5px;
  min-height: 120px;
}

DIV#related DIV#textad P {
  margin: 5px 10px;
  font-size: 8pt;
}

DIV#related DIV#textad A {
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
}

/* GUIDE NAV */

TABLE#guidenav {
  border-top: 1px solid var(--gray-200, #dddddd);
  margin-top: 20px;
}

TABLE#guidenav TR TD {
  padding-top: 10px;
}

TABLE#guidenav A {
  text-decoration: none;
  color: var(--gray-500, #888888);
}

TABLE#guidenav A B {
  text-decoration: none;
  color: var(--brand, #25618f);
}

/* DATAGRID STYLE */

div.scroll-x {
  overflow-x: auto;
}

TABLE.datagrid {
  border: 1px solid var(--gray-200, #dddddd);
  margin: 10px 0px;
  width: 100%;
}

TABLE.datagrid tr:nth-child(even) {
  background: var(--gray-100, #eeeeee);
}

TABLE.datagrid tr:nth-child(odd) {
  background: var(--white, #fff);
}

TABLE.datagrid tr TH {
  background-color: var(--gray-700, #444444);
  padding: 5px 10px;
}

TABLE.datagrid P {
  margin: 0px;
  padding: 0px;
}

TABLE.datagrid tr td {
  padding: 5px 10px;
}

TABLE.datagrid tr td:nth-child(1) P {
  text-align: center;
}

TABLE.datagrid tr td:nth-child(2) P {
  text-align: left;
}

TABLE.datagrid tr td:nth-child(3) P {
  text-align: center;
}

TABLE.datagrid tr td:nth-child(4) P {
  text-align: center;
}

TABLE.datagrid tr td:nth-child(5) P {
  text-align: center;
}

@media screen and (max-width: 768px) {

  /* MOBILE */

  TABLE.datagrid tr th, TABLE.datagrid tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.datagrid tr td, TABLE.datagrid tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

@media screen and (min-width: 768px) {

  /* DESKTOP */

  TABLE.datagrid tr th, TABLE.datagrid tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.datagrid tr td, TABLE.datagrid tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

/* LISTINGS */

div.listing > div.art {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: var(--gray-100, #eeeeee);
  background-position: center;
  background-size: cover;
  min-height: 100px;
}

div.listing > div.logo {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: var(--white, #fff);
  width: 90%;
  max-width: 150px;
  margin: 5px auto 5px auto;
  padding: 10px;
}

div.listing > div.title {
  text-align: center;
  padding: 20px 10px 0px 10px;
  height: 45px;
  line-height: 100%;
}

div.listing > div.title A {
  font-size: 1em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: var(--black, #000);
  line-height: 100%;
}

div.listing > div.financial {
  padding: 0px 10px 5px 10px;
  font-size: .8em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  text-align: center;
  color: var(--gray-700, #444444);
  line-height: 125%;
  height: 40px;
}

div.listing > div.financial B {
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  color: var(--black, #000);
}

div.listing > div.action {
  min-height: 30px;
  background-color: var(--gray-100, #eeeeee);
  border-top: 1px solid var(--gray-200, #dddddd);
  padding: 5px 0px;
  font-size: .8em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  color: var(--black, #000);
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {

  /* MOBILE */

  div.listing > div.action > div.left {
    display: block;
    padding: 5px;
    text-align: center;
  }

  div.listing > div.action > div.center {
    display: block;
    padding: 5px;
    text-align: center;
  }

  div.listing > div.action > div.right {
    display: block;
    padding: 5px;
    text-align: center;
  }

  div.listing > div.description {
    padding: 0px 10px 5px 10px;
    font-size: .75em;
    font-family: Roboto, Helvetica, Futura, Sans-serif;
    text-align: left;
    color: var(--gray-700, #444444);
    line-height: 125%;
    min-height: 120px;
  }

  .footnote {
    display: none;
  }

  .mh {
    display: none;
  }

  .desktop {
    display: none;
  }
}

@media screen and (min-width: 768px) {

  /* MOBILE */

  div.listing > div.action > div.left {
    float: left;
    padding-left: 5px;
  }

  div.listing > div.action > div.center {
    display: inline-block;
    margin: 0 auto;
  }

  div.listing > div.action > div.right {
    float: right;
    padding-right: 5px;
  }

  div.listing > div.description {
    padding: 0px 10px 5px 10px;
    font-size: .7em;
    font-family: Roboto, Helvetica, Futura, Sans-serif;
    text-align: left;
    color: var(--gray-700, #444444);
    line-height: 125%;
    min-height: 110px;
  }

  .footnote {
    font-size: 1em;
    font-family: Roboto, Helvetica, Futura, Sans-serif;
    text-align: right;
    color: var(--gray-500, #888888);
    display: inline-block;
    float: right;
    margin-top: 15px;
  }

  .mobile {
    display: none;
  }
}

/* DATAGRID2 STYLE */

TABLE.datagrid2 {
  border: 1px solid var(--gray-200, #dddddd);
  margin: 10px 0px;
  width: 100%;
}

TABLE.datagrid2 tr:nth-child(even) {
  background: var(--gray-100, #eeeeee);
}

TABLE.datagrid2 tr:nth-child(odd) {
  background: var(--white, #fff);
}

TABLE.datagrid2 tr TH {
  background-color: var(--gray-700, #444444);
  padding: 5px 10px;
}

TABLE.datagrid2 P {
  margin: 0px;
  padding: 0px;
}

TABLE.datagrid2 tr td {
  padding: 5px 10px;
}

@media screen and (max-width: 768px) {

  /* MOBILE */

  TABLE.datagrid2 tr th, TABLE.datagrid2 tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.datagrid2 tr td, TABLE.datagrid2 tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: 'Open Sans', Sans-Serif;
  }
}

@media screen and (min-width: 768px) {

  /* DESKTOP */

  TABLE.datagrid2 tr th, TABLE.datagrid2 tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.datagrid2 tr td, TABLE.datagrid2 tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: 'Open Sans', Sans-Serif;
  }
}

TABLE.datagrid2 tr:nth-child(even) td.blue {
  background-color: #E0EAF0;
}

TABLE.datagrid2 tr:nth-child(odd) td.blue {
  background-color: #CCDCE5;
}

TABLE.datagrid2 tr:nth-child(even) td.yellow {
  background-color: #F8F7ED;
}

TABLE.datagrid2 tr:nth-child(odd) td.yellow {
  background-color: #EFEED7;
}

TABLE.datagrid2 tr:nth-child(even) td.red {
  background-color: #F0D6D7;
}

TABLE.datagrid2 tr:nth-child(odd) td.red {
  background-color: #E8C0C1;
}

TABLE.datagrid2 tr:nth-child(even) td.green {
  background-color: #D5F1DA;
}

TABLE.datagrid2 tr:nth-child(odd) td.green {
  background-color: #BEE9C6;
}

TABLE.datagrid2 tr:nth-child(even) td.purple {
  background-color: #CFC6DC;
}

TABLE.datagrid2 tr:nth-child(odd) td.purple {
  background-color: #C5B9D4;
}

TABLE.datagrid2 tr th.blue, TABLE.datagrid tr th.blue {
  background-color: #123D5D;
}

TABLE.datagrid tr:nth-child(even) td.blue {
  background-color: #E0EAF0;
}

TABLE.datagrid tr:nth-child(odd) td.blue {
  background-color: #CCDCE5;
}

TABLE.datagrid tr:nth-child(even) td.yellow {
  background-color: #F8F7ED;
}

TABLE.datagrid tr:nth-child(odd) td.yellow {
  background-color: #EFEED7;
}

TABLE.datagrid tr:nth-child(even) td.red {
  background-color: #F0D6D7;
}

TABLE.datagrid tr:nth-child(odd) td.red {
  background-color: #E8C0C1;
}

TABLE.datagrid tr:nth-child(even) td.green {
  background-color: #D5F1DA;
}

TABLE.datagrid tr:nth-child(odd) td.green {
  background-color: #BEE9C6;
}

TABLE.datagrid tr:nth-child(even) td.purple {
  background-color: #CFC6DC;
}

TABLE.datagrid tr:nth-child(odd) td.purple {
  background-color: #C5B9D4;
}

/* LEADGRID STYLE */

/* MOBILE */

/* DESKTOP */

/* TOPIC LISTS */

UL.topiclist {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

UL.topiclist > LI {
  margin: 0px;
  padding: 5px 10px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
}

UL.topiclist > LI:hover {
  background-color: var(--gray-50, #f6f6f6);
}

UL.topiclist > LI A {
  font-size: 1.2em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  color: var(--black, #000);
  line-height: 1.5em;
  text-decoration: none;
}

UL.topiclist > LI.s {
  margin: 0px;
  padding: 5px 10px;
  border-bottom: 1px solid var(--gray-100, #eeeeee);
}

UL.topiclist > LI.s:hover {
  background-color: var(--white, #fff);
}

UL.topiclist > LI.s > A {
  font-size: 1.2em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  color: var(--brand, #25618f);
  line-height: 1.5em;
  text-decoration: none;
}

UL.topiclist > LI.s > UL {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

UL.topiclist > LI.s > UL > LI {
  margin: 0px 0px 0px 5px;
  padding: 2px 0px 2px 5px;
}

UL.topiclist > LI.s > UL > LI > A {
  font-size: 1em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  color: var(--gray-700, #444444);
  line-height: 1.5em;
  text-decoration: none;
}

UL.topiclist > LI.s > UL > LI:hover {
}

UL.topiclist > LI.s > UL > LI:hover > A {
  color: var(--black, #000);
}

.buttonsm {
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

.buttonsm:hover {
  background-color: var(--brand, #25618f);
  color: var(--white, #fff);
}

DIV#listing {
  min-width: 150px;
  min-height: 250px;
  display: inline-block;
  margin: 5px;
  background-color: var(--white, #fff);
  box-shadow: rgba(0,0,0, 0.2) 0px 0px 5px;
  padding: 5px;
}

DIV#listing TD#header A {
  color: var(--black, #000);
  text-decoration: none;
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 12pt;
  font-weight: bold;
}

DIV#listing TD#copy {
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  color: var(--gray-600, #666666);
}

DIV#listing TD#financials {
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  color: var(--gray-600, #666666);
}

DIV#listing TD#financials B {
  color: var(--black, #000);
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  font-weight: bold;
}

/* LISTS */

ul.opslist {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.opslist > LI {
  margin: 0px;
  padding: 0px;
  border-top: 1px solid var(--gray-100, #eeeeee);
  font-size: 12pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
}

ul.opslist > LI:first-child {
  border-top: none;
  text-align: center;
}

ul.opslist > LI > div.title {
  padding: 10px 10px 10px 10px;
  line-height: 100%;
}

ul.opslist > LI > div.title A {
  font-size: 1em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: var(--black, #000);
  line-height: 100%;
}

ul.opslist > LI:first-child > div.title A {
  font-size: 1.5em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  font-weight: bold;
  text-decoration: none;
  color: var(--black, #000);
  line-height: 100%;
}

ul.opslist > LI > div.art {
  background-color: var(--gray-100, #eeeeee);
  background-position: center;
  background-size: cover;
  min-height: 150px;
}

#divfade2 {
  clear: both;
  display: block;
  height: 1px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, 0) 100%);
}

#divfade-dark, .hr-dark {
  clear: both;
  display: block;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, 0) 100%);
}

#divfade, hr {
  clear: both;
  display: block;
  height: 1px;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 50%, rgba(255,255,255,1) 100%);
}

#divfadelt, hr.lite {
  clear: both;
  display: block;
  height: 1px;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(224, 224, 224,1) 50%, rgba(255,255,255,1) 100%);
}

UL#norotate {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

DIV#limiter {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

DIV#adspot {
  border-radius: 5px;
  border: 1px outset rgba(255,255,255,0.2);
  background: linear-gradient(to bottom, var(--text, #222222) 0%, var(--black, #000) 100%);
  margin: 10px 0px;
}

DIV#adspot TABLE td#logo {
  background-color: var(--white, #fff);
  padding: 10px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

DIV#adspot TABLE td#content {
  font-size: 9pt;
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--white, #fff);
  padding: 10px 20px;
}

DIV#adspot TABLE td#content A {
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 16pt;
  text-decoration: none;
  font-weight: bold;
  color: var(--white, #fff);
}

/* TEMPORARY */

#frnavigation, #sitenav {
  display: none;
}

.lazy {
  display: none;
}

#rounded {
  border-radius: 5px;
}

div#footnote, div#footnote > A {
  font-size: 8pt;
  color: var(--gray-400, #aaaaaa);
}

DIV#opener P {
  font-size: 12pt;
  font-family: var(--font-heading, Roboto, sans-serif);
}

#blackbutton {
  border: 1px outset #2F2F2F;
  padding: 10px 20px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--text, #222222) 0%, var(--ink, #111111) 100%);
}

#blackbutton:hover {
  border: 1px outset #3F3F3F;
  padding: 10px 20px;
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: bold;
  text-decoration: none;
  background: linear-gradient(to bottom, var(--gray-800, #333333) 0%, var(--text, #222222) 100%);
}

div#showcase {
  margin: 20px 0px;
  padding: 20px 0px;
  display: block;
  background-color: var(--gray-50, #f6f6f6);
  z-index: 0;
}

div#showcase div#boundry {
  margin: 10px auto;
  width: 100%;
  max-width: 970px;
  z-index: 0;
  display: block;
}

div#showcase div#sbox {
  margin: 5px 10px;
  overflow: hidden;
}

div#showcase div#brand {
  width: 125px;
  height: 70px;
  display: inline-block;
  border: 5px solid var(--gray-200, #dddddd);
  background-color: var(--white, #fff);
  margin: 5px;
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  border-radius: 4px;
}

div#showcase div#brand IMG {
  margin: 10px auto;
}

div.facts {
  text-align: center;
  margin: 10px 0px;
  padding: 10px;
  border-radius: 4px;
}

div.facts DIV#fact {
  font-size: 16pt;
  font-weight: 300;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-style: italic;
  text-align: center;
  margin: 10px auto 5px auto;
}

div.facts DIV#source A,div.facts DIV#source {
  font-size: 9pt;
  font-weight: 300;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-600, #666666);
  text-decoration: none;
  text-align: center;
  margin: 5px auto 10px auto;
}

a.morebutton {
  font-size: 9pt;
  font-weight: 500;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--white, #fff);
  text-decoration: none;
  padding: 5px 10px;
  margin: 5px;
  background-color: var(--gray-200, #dddddd);
  border-radius: 4px;
}

div.ss {
  background-color: var(--white, #fff);
  color: var(--gray-700, #444444);
  font-weight: 300;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  padding: 10px 20px;
  text-align: center;
  width: 170px;
  font-size: 12pt;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

div.ss B {
  font-weight: 900;
}

div.ss A {
  text-decoration: none;
  font-size: 12pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-700, #444444);
  font-weight: 300;
}

div.ssfooter {
  background-color: var(--white, #fff);
  color: var(--gray-700, #444444);
  font-weight: 300;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  padding: 5px 10px;
  text-align: center;
  width: 170px;
  font-size: 9pt;
  margin-bottom: -30px;
  margin-left: auto;
  margin-right: auto;
}

div.ssfooter A {
  text-decoration: none;
  color: var(--gray-400, #aaaaaa);
  font-size: 9pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-weight: 300;
}

div.scarticle {
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 300px;
  display: block;
  z-index: 1;
}

div.scheadline {
  background-color: rgba(255,255,255,0.9);
  padding: 10px 15px;
  width: 80%;
  display: block;
  z-index: 1;
}

div.scheadline A {
  font-size: 14pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
  font-weight: 300;
}

div.showcasebox {
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
}

div.showcasebox div.image {
  height: 200px;
}

div.showcasebox div.image img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

div.showcasebox div.title {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  text-align: center;
  padding: 5px;
  line-height: 35px;
  height: 35px;
}

div.showcasebox div.title A {
  font-size: 1em;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
  font-weight: 900;
  text-align: center;
  color: var(--gray-600, #666666);
}

div.showcaseheader {
  background-size: cover;
  background-position: center center;
  min-height: 350px;
}

div.ss h2 {
  font-size: 14pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
  padding: 0px;
}

div.ss h2 A {
  font-size: 14pt;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
  padding: 0px;
}

div.showcasetitle {
  min-height: 350px;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--white, #fff);
  margin: 0px auto;
  position: relative;
  text-align: left;
}

div.showcasetitle H1 {
  background-color: rgba(255,255,255,0.9);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 26pt;
  font-weight: 300;
  text-align: center;
  bottom: 0;
  left: 0;
  position: absolute;
  margin: 10px auto;
  padding: 5px 20px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  max-width: 75%;
}

div.featurearticle {
  background-size: cover;
  background-position: center center;
  min-height: 350px;
  position: relative;
}

div.featurearticle div.sponsored {
  top: 0;
  right: 10px;
  position: absolute;
  background-color: var(--white, #fff);
  color: var(--gray-400, #aaaaaa);
  padding: 5px 10pt;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

div.featureheadline {
  background-color: var(--white, #fff);
  display: inline-block;
  padding: 5px 20pt;
  border-top-right-radius: 4px;
  bottom: 0;
  position: absolute;
  max-width: 80%;
}

div.featureheadline a {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 18pt;
  font-weight: 400;
  text-decoration: none;
  line-height: 100%;
}

div.featureheadline span.byline {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 8pt;
  font-weight: 300;
  text-decoration: none;
}

div.featureheadline span.byline B {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 9pt;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

div.subfeaturearticle {
  background-size: cover;
  background-position: center center;
  min-height: 170px;
  position: relative;
}

div.subfeatureheadline {
  background-color: var(--white, #fff);
  display: inline-block;
  padding: 5px 10pt;
  border-top-right-radius: 4px;
  bottom: 0;
  position: absolute;
  max-width: 80%;
}

div.subfeatureheadline a {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 9pt;
  font-weight: 400;
  text-decoration: none;
}

div.subfeatureheadline span.byline {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 7pt;
  font-weight: 300;
  text-decoration: none;
}

div.subfeatureheadline span.byline B {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 8pt;
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase;
}

UL.featurelist {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

UL.featurelist LI {
  border-bottom: 1px solid var(--gray-200, #dddddd);
  min-height: 40px;
  padding: 10px;
}

UL.featurelist LI:last-child {
  border-bottom: none;
}

UL.featurelist LI A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-500, #888888);
  font-size: 12pt;
  font-weight: 300;
  text-decoration: none;
  line-height: 125%;
}

div.listing {
  margin: 10px auto;
  width: 95%;
  border-radius: 3px;
  border: 1px solid var(--gray-300, #cccccc);
}

div.listing div.background {
  z-index: 1;
}

div.listing div.company IMG {
  padding: 5px 10px;
  background-color: var(--white, #fff);
  background: var(--white, #fff);
  margin: 0px auto;
  width: 50%;
}

div.listing div.company {
  margin-top: -30px;
  text-align: center;
}

div.listing div.description {
  margin: 0px 10px 10px 10px;
  font-family: var(--font-heading, Roboto, sans-serif);
  font-size: 10pt;
  color: var(--gray-600, #666666);
  font-weight: 300;
  line-height: 125%;
  min-height: 100px;
}

div.listing div.buttonbox {
  height: 35px;
  text-align: center;
}

div.listing div.buttonbox A {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--white, #fff);
  font-size: 9pt;
  font-weight: 300;
  background-color: var(--gray-400, #aaaaaa);
  border-radius: 4px;
  padding: 5px 10px;
  text-decoration: none;
}

div.showcasecontent P, div.showcasecontent LI {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-600, #666666);
  font-size: 12pt;
  font-weight: 300;
  line-height: 125%;
  margin-bottom: 12pt;
}

div.showcasecontent h2 {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--gray-600, #666666);
  font-size: 24pt;
  font-weight: 300;
  line-height: 125%;
}

div.showcasecontent h2 B {
  font-weight: 900;
}

h2.callout {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  color: var(--white, #fff);
  font-size: 24pt;
  font-weight: 300;
  line-height: 125%;
}

section {
  display: block;
  clear: both;
  margin: 0px;
  padding: 0px;
}

DIV#magazine {
  display: inline-block;
  max-width: 150px;
  min-height: 230px;
  margin: 20px;
  background-image: none;
  background: transparent;
  vertical-align: top;
}

DIV#magazine P {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 8pt;
  color: var(--gray-400, #aaaaaa);
  text-align: center;
  font-weight: 300;
}

DIV#magazine P B {
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 10pt;
  color: var(--gray-600, #666666);
  text-align: center;
  font-weight: 400;
}

DIV#boxshadow {
  margin: 10px 10px;
  padding: 10px;
  overflow: hidden;
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px;
}

UL#quicklinks {
  text-align: left;
}

UL#quicklinks LI {
  margin-left: 10px;
}

TABLE#numlist {
  margin: 5px 20px;
  border: none;
}

TABLE#numlist DIV#num {
  background-color: var(--brand, #25618f);
  border-radius: 50%;
  color: var(--white, #fff);
  font-size: 1em;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
}

TABLE#numlist TD#numdesc {
  line-height: 125%;
  font-size: 9pt;
  text-align: left;
  padding: 5px 5px;
}

TABLE#numlist TD#numdesc A {
  line-height: 125%;
  font-size: 14pt;
  font-weight: bold;
  text-decoration: none;
  color: var(--black, #000);
}

DIV#boxshadow P#tagline {
  font-size: 125%;
  font-weight: 600;
}

div.error {
  border: 1px solid #AA2222;
  background: #991111;
  color: var(--white, #fff);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
}

div.error A {
  color: var(--white, #fff);
}

div.success {
  border: 1px solid #22AA22;
  background: #119911;
  color: var(--white, #fff);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: .9em;
}

div.success A {
  color: var(--white, #fff);
}

h2.headingbar {
  background-color: var(--gray-200, #dddddd);
  color: var(--black, #000);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  font-size: 1.75em;
  line-height: 125%;
  margin-top: 0px;
  padding: 20px 10px;
}

h2.headingbar span {
  color: var(--brand, #25618f);
}

P.geolocation {
  font-size: .8em;
  color: var(--gray-600, #666666);
  text-align: center;
}

P.geolocation A {
  color: var(--gray-600, #666666);
}

@media screen and (max-width: 700px) {

  DIV#mobile, SPAN#mobile {
    display: block;
  }

  DIV#desktop, SPAN#desktop {
    display: none;
  }
}

@media screen and (min-width: 700px) {

  DIV#mobile, SPAN#mobile {
    display: none;
  }

  DIV#desktop, SPAN#desktop {
    display: block;
  }
}

/* LEADGRID STYLE */

TABLE.leadgrid {
  border: 1px solid var(--gray-200, #dddddd);
  margin: 10px 0px;
  width: 100%;
}

TABLE.leadgrid tr:nth-child(even) {
  background: var(--gray-100, #eeeeee);
}

TABLE.leadgrid tr:nth-child(odd) {
  background: var(--white, #fff);
}

TABLE.leadgrid tr TH {
  background-color: var(--gray-700, #444444);
  color: var(--white, #fff);
  padding: 5px 10px;
}

TABLE.leadgrid tr TH#red {
  background-color: #A22;
  color: var(--white, #fff);
  padding: 5px 10px;
}

TABLE.leadgrid tr TH#grey {
  background-color: var(--gray-200, #dddddd);
  color: var(--gray-700, #444444);
  padding: 5px 10px;
}

TABLE.leadgrid P {
  margin: 0px;
  padding: 0px;
}

TABLE.leadgrid tr td {
  padding: 5px 10px;
}

@media screen and (max-width: 768px) {

  /* MOBILE */

  TABLE.leadgrid tr th, TABLE.leadgrid tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.leadgrid tr td, TABLE.leadgrid tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

@media screen and (min-width: 768px) {

  /* DESKTOP */

  TABLE.leadgrid tr th, TABLE.leadgrid tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  TABLE.leadgrid tr td, TABLE.leadgrid tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

A#actbutton {
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 14pt;
  line-height: 24pt;
  font-weight: bold;
  background-color: var(--gray-800, #333333);
  padding: 10px 20px;
  color: var(--white, #fff);
  text-decoration: none;
  border-radius: 5px;
}

A#actbutton.request {
  background-color: var(--brand, #25618f);
}

.actionbutton {
  line-height: 16pt;
  font-weight: bold;
  background-color: var(--gray-800, #333333);
  padding: 10px 20px;
  color: var(--white, #fff);
  border-radius: 5px;
  text-align: center;
  margin: 10px auto;
  max-width: 250px;
}

.actionbutton A {
  color: var(--white, #fff);
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 12pt;
  text-decoration: none;
}

.actionbutton A I {
  margin-right: 10px;
}

.actionbuttontiny {
  line-height: 14pt;
  font-weight: bold;
  background-color: var(--gray-800, #333333);
  padding: 5px 20px;
  color: var(--white, #fff);
  border-radius: 5px;
  text-align: center;
  margin: 10px auto;
  max-width: 250px;
}

.actionbuttontiny A {
  color: var(--white, #fff);
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  font-size: 10pt;
  text-decoration: none;
}

.actionbuttontiny A I {
  margin-right: 10px;
}

.smactbutton {
  font-family: Roboto, Arial, Helvetica, Sans-Serif;
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  font-weight: bold;
  background-color: var(--gray-800, #333333);
  color: var(--white, #fff);
  border-radius: 3px;
  margin-top: 2px;
  margin-right: 2px;
  display: inline-block;
}

.smactbutton:hover {
  background-color: var(--brand, #25618f);
}

.smactbutton A {
  font-size: 9pt;
  color: var(--white, #fff);
  text-decoration: none;
}

.smactbutton i {
  color: var(--white, #fff);
  margin-right: 10px;
}

#lockbottom {
  position: fixed !important;
  bottom: 10px;
  right: 10px;
  z-index: 100;
}

#to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: var(--brand, #25618f);
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  display: none;
}

#to-top A {
  color: var(--white, #fff);
  text-decoration: none;
  font-size: 20pt;
}

.buttonsmgreen {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.buttonsmgreen:hover {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #33BB33;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.buttonsmred {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--brand, #25618f);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.buttonsmred:hover {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--brand, #25618f);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.buttonsmblue {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--brand-mid, #2b66a1);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.buttonsmblue:hover {
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #3C77B2;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
}

.addedcart {
  display: none;
  font-weight: bold;
  font-size: 9pt;
  position: fixed;
  bottom: 75px;
  right: 10px;
  width: auto;
  height: 30px;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  line-height: 30px;
  background: #22AA22;
  color: var(--white, #fff);
  text-align: center;
  padding: 5px 10px;
}

.removedcart {
  display: none;
  font-weight: bold;
  font-size: 9pt;
  position: fixed;
  bottom: 75px;
  right: 10px;
  width: auto;
  height: 30px;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  line-height: 30px;
  background: var(--brand, #25618f);
  color: var(--white, #fff);
  text-align: center;
  padding: 5px 10px;
}

.addedcart:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: solid 10px #22AA22;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}

.removedcart:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: solid 10px var(--brand, #25618f);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}

#cart .carttooltip {
  display: none;
}

#cart:hover .carttooltip {
  display: inline-block;
  font-weight: bold;
  font-size: 9pt;
  position: fixed;
  bottom: 75px;
  right: 10px;
  width: auto;
  height: 30px;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  line-height: 30px;
  background: var(--brand, #25618f);
  color: var(--white, #fff);
  text-align: center;
  padding: 5px 10px;
}

#cart:hover .carttooltip:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 15px;
  width: 0;
  height: 0;
  border-top: solid 10px var(--brand, #25618f);
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}

#cart {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
}

#shopcart {
  line-height: 46px;
  background: var(--brand, #25618f);
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#shopcart A {
  color: var(--white, #fff);
  text-decoration: none;
  font-size: 20pt;
}

#shopcart div.cartnum {
  border-radius: 50%;
  color: var(--brand, #25618f);
  background-color: var(--white, #fff);
  font-size: 8pt;
  font-family: Arial, Sans-Serif;
  position: absolute;
  right: -5px;
  top: -5px;
  line-height: 16px;
  border: 1px solid var(--brand, #25618f);
  width: 16px;
  height: 16px;
}

#shopcart.off {
  line-height: 46px;
  background: var(--gray-300, #cccccc);
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#shopcart.off A {
  color: var(--white, #fff);
  text-decoration: none;
  font-size: 20pt;
}

#shopcart.off div.cartnum {
  border-radius: 50%;
  color: var(--gray-300, #cccccc);
  background-color: var(--white, #fff);
  font-size: 8pt;
  font-family: Arial, Sans-Serif;
  position: absolute;
  right: -5px;
  top: -5px;
  line-height: 16px;
  border: 1px solid var(--gray-300, #cccccc);
  width: 16px;
  height: 16px;
}

#buttonbar {
  padding: 10px 0px 10px 0px;
  text-align: center;
}

.infobrick {
  max-width: 100px;
  display: inline-block;
  text-align: center;
  padding: 0px 15px;
  margin: 0px auto;
}

DIV#ab {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

DIV#rb {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

LI#ab {
  cursor: pointer;
}

LI#rb {
  background-color: #22AA22;
  cursor: pointer;
}

DIV.ab {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

DIV.rb {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

DIV.nb {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
  margin: 5px 5px;
}

DIV.ab A {
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
}

DIV.nb A {
  font-size: 10pt;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  color: var(--white, #fff);
  text-decoration: none;
}

LI.ab {
  cursor: pointer;
}

LI.nb {
  cursor: pointer;
}

LI.rb {
  background-color: #22AA22;
  cursor: pointer;
}

#actionbutton {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#actionbutton:hover {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#absm {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#rbsm {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#actionbuttonsm {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: var(--gray-800, #333333);
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#actionbuttonsm:hover {
  width: 100%;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  font-size: .9em;
  font-family: Roboto, Helvetica, Futura, Sans-serif;
  border-radius: 3px;
  background-color: #22AA22;
  padding: 5px 10px;
  font-weight: bold;
  text-decoration: none;
  color: var(--white, #fff);
  text-align: center;
  cursor: pointer;
}

#searchformsm {
  border-radius: 3px;
  background-color: var(--gray-100, #eeeeee);
  padding: 0px 10px;
}

#searchformsm I {
  color: var(--gray-600, #666666);
  font-size: 10pt;
}

#searchformsm INPUT {
  margin-left: 10px;
  padding: 5px;
  background-color: var(--gray-100, #eeeeee);
  color: var(--gray-700, #444444);
  font-family: Roboto, Arial, Helvetica, Futura;
  font-size: 9pt;
  border: 0px;
}

div.bybox {
  margin: 10px 0px 10px 0px;
  width: 100%;
  clear: both;
  display: block;
}

@media screen and (max-width: 768px) {

  div.bybox > div.logo {
    width: 100%;
    display: block;
    text-align: center;
  }

  div.bybox > div.logo IMG {
    max-width: 250px;
    border: none;
  }

  div.bybox > div.description {
    display: block;
  }

  div.bybox > div.description A {
    color: var(--brand, #25618f);
    text-decoration: none;
  }

  div.bybox > div.description B {
    font-size: 1.5em;
  }

  div.bybox div.spacing {
    padding: 10px;
  }
}

@media screen and (min-width: 768px) {

  div.bybox > div.logo {
    display: inline-block;
    max-width: 150px;
    width: 20%;
  }

  div.bybox > div.logo IMG {
    max-width: 250px;
    border: none;
  }

  div.bybox > div.description {
    display: inline-block;
    width: 80%;
  }

  div.bybox > div.description A {
    color: var(--brand, #25618f);
    text-decoration: none;
  }

  div.bybox > div.description B {
    font-size: 1.5em;
  }

  div.bybox div.spacing {
    padding: 10px;
  }
}

@media screen and (max-width: 768px) {

  div.newsitem > div.newsart {
    width: 100%;
    display: block;
    text-align: center;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
  }

  div.newsitem > div.newsart IMG {
    border: none;
  }

  div.newsitem > div.newsdescription {
    display: block;
  }

  DIV.locationnav {
    background-color: #576868;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  ul.locnav {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
  }

  ul.locnav LI {
    display: block;
    text-align: left;
    padding: 0px;
    margin: 0px;
  }

  ul.locnav LI.selected {
    display: block;
    text-align: left;
    padding: 0px;
    margin: 0px;
    background-color: var(--white, #fff);
  }

  ul.locnav LI.selected A {
    color: #576868;
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    text-align: left;
    font-family: var(--font-heading, Roboto, sans-serif);
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .25em;
  }

  ul.locnav LI A {
    color: var(--white, #fff);
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    text-align: left;
    font-family: var(--font-heading, Roboto, sans-serif);
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .25em;
  }

  ul.locnav LI:hover {
    background-color: rgba(255,255,255,0.1);
  }

  ul.locnav LI.selected:hover {
    background-color: var(--white, #fff);
  }
}

@media screen and (min-width: 768px) {

  div.newsitem > div.newsart {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    min-height: 200px;
    background-size: cover;
    background-position: center center;
  }

  div.newsitem > div.newsart IMG {
    border: none;
  }

  div.newsitem > div.newsdescription {
    display: inline-block;
    width: 75%;
    vertical-align: top;
  }

  div.newsitem > div#full.newsdescription {
    display: block;
    width: 100%;
    vertical-align: top;
  }

  DIV.locationnav {
    background-color: #576868;
    min-height: 50px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  ul.locnav {
    display: inline-block;
    padding: 0px;
    margin: 0px auto;
    list-style-type: none;
    text-align: center;
  }

  ul.locnav LI {
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px;
  }

  ul.locnav LI.selected {
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background-color: var(--white, #fff);
  }

  ul.locnav LI.selected A {
    color: #576868;
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    text-align: center;
    font-family: var(--font-heading, Roboto, sans-serif);
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .25em;
  }

  ul.locnav LI A {
    color: var(--white, #fff);
    display: block;
    padding: 20px 20px;
    text-decoration: none;
    text-align: center;
    font-family: var(--font-heading, Roboto, sans-serif);
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .25em;
  }

  ul.locnav LI:hover {
    background-color: rgba(255,255,255,0.1);
  }

  ul.locnav LI.selected:hover {
    background-color: var(--white, #fff);
  }
}

div.newsitem {
  margin: 10px 0px;
}

div.newsitem div.spacing {
  padding: 10px 20px;
}

div.newsitem > div.newsdescription div.company {
  padding: 5px 0px;
  font-size: .8em;
  color: var(--gray-400, #aaaaaa);
  text-transform: uppercase;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
}

div.newsitem > div.newsdescription div.company A {
  color: var(--gray-400, #aaaaaa);
  text-decoration: none;
}

div.newsitem > div.newsdescription div.headline {
  padding: 5px 0px;
}

div.newsitem > div.newsdescription div.headline A {
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--black, #000);
  font-size: 1.25em;
  line-height: 125%;
  text-decoration: none;
  font-weight: bold;
}

div.newsitem > div.newsdescription div.description {
  padding: 5px 0px;
  font-size: .9em;
  color: var(--gray-600, #666666);
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
  line-height: 125%;
}

div.newsitem > div.newsdescription div.dateline {
  padding: 5px 0px;
  font-size: .8em;
  color: var(--gray-400, #aaaaaa);
  text-transform: uppercase;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
}

div.newsitem > div.newsdescription div.socialmedia {
  padding: 5px 0px;
  font-size: .8em;
  color: var(--gray-400, #aaaaaa);
  text-transform: uppercase;
  font-family: var(--font-sans, Roboto, Arial, Helvetica, Futura, sans-serif);
  text-decoration: none;
}

div.subscribebox {
  background-color: var(--gray-100, #eeeeee);
  text-align: center;
  padding: 20px;
}

div.subscribebox INPUT {
  width: 100%;
  text-align: center;
}

/* SPOTLIGHT-SM */

DIV#boxshadowsm {
  margin: 10px 10px;
  padding: 0px;
  overflow: hidden;
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  box-shadow: rgba(0,0,0, 0.3) 0px 0px 4px;
}

DIV#spotlightsmall {
  width: 100%;
  margin: 0px 0px;
  padding: 0px;
  list-style: none;
}

DIV#spotlightsmall > DIV#brand {
  min-height: 300px;
}

DIV#spotlightsmall > DIV#brand > DIV#headline {
  text-transform: uppercase;
  margin: 10px;
  font-family: var(--font-heading, Roboto, sans-serif);
  color: var(--brand, #25618f);
  min-height: 40px;
}

DIV#spotlightsmall > DIV#brand > DIV#headline A {
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: bold;
  font-size: 12pt;
  text-decoration: none;
  color: var(--brand, #25618f);
  line-height: 150%;
}

DIV#spotlightsmall > DIV#brand > DIV#description {
  margin: 0px 10px 0px 10px;
  font-family: Roboto, Arial, Helvetica, Futura;
  font-weight: normal;
  font-size: .8em;
  text-decoration: none;
  color: var(--gray-600, #666666);
  min-height: 75px;
  line-height: 150%;
  text-align: justify;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: var(--brand, #25618f);
  color: var(--white, #fff);
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--brand, #25618f) transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.greybox {
  background-color: var(--gray-50, #f6f6f6);
  padding: 10px;
  border-radius: 5px;
}

div.greynotice {
  border-radius: 5px;
  background-color: var(--gray-100, #eeeeee);
  padding: 10px 20px;
}

div.alert {
  display: block;
  width: 100%;
  font-size: 12pt;
  background-color: #CC4800;
  color: var(--white, #fff);
  padding: 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

div.alert p {
  margin: 20px auto;
  text-align: center;
  padding: 10px 20px;
  font-size: 12pt;
  line-height: 100%;
}

div.alert p A {
  text-decoration: none;
  color: var(--white, #fff);
}

@media screen and (max-width: 550px) {

  .largeleaderboard {
    display: none;
    visibility: hidden;
  }

  .leaderboard {
    display: none;
    visibility: hidden;
  }

  .mobileleaderboard {
    max-width: 320px;
    width: 100%;
    margin: 20px auto;
  }
}

@media screen and (min-width: 550px) and (max-width: 728px) {

  .largeleaderboard {
    display: none;
    visibility: hidden;
  }

  .leaderboard {
    max-width: 728px;
    width: 100%;
    margin: 20px auto;
  }

  .mobileleaderboard {
    display: none;
    visibility: hidden;
  }
}

@media screen and (min-width: 728px) {

  .largeleaderboard {
    max-width: 970px;
    width: 100%;
    margin: 20px auto;
  }

  .leaderboard {
    display: none;
    visibility: hidden;
  }

  .mobileleaderboard {
    display: none;
    visibility: hidden;
  }
}

/* NEW FORM & TABLE DESIGN */

@media screen and (-webkit-min-device-pixel-ratio:0) {

  FORM select {
    padding-right: 18px;
  }
}

DIV#nueform FORM label {
  position: relative;
  height: 39px;
}

DIV#nueform FORM label:after {
  content: '<>';
  font: 9pt "Consolas", monospace;
  color: var(--gray-400, #aaaaaa);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 8px;
  top: 0px;
  padding: 0 0 2px;
  border-bottom: 1px solid var(--gray-400, #aaaaaa);
  position: absolute;
  pointer-events: none;
}

DIV#nueform FORM label:before {
  content: '';
  right: 6px;
  top: 0px;
  width: 16px;
  height: 16px;
  background: var(--white, #fff);
  position: absolute;
  pointer-events: none;
  display: block;
}

DIV#nueform FORM SELECT {
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
  height: 37px;
  line-height: 29px;
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
}

DIV#nueform FORM INPUT {
  padding: 5px 10px;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
  height: 35px;
  line-height: 35px;
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  box-sizing: border-box;
}

DIV#nueform FORM TEXTAREA {
  padding: 10px 10px;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
  line-height: 125%;
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  box-sizing: border-box;
}

DIV#nueform FORM INPUT[type=number] {
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
  height: 35px;
  line-height: 35px;
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
}

DIV#nueform FORM INPUT[type=submit] {
  background-color: var(--brand, #25618f);
  border: 1px solid var(--white, #fff);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 0px 20px;
  height: 39px;
  line-height: 35px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
}

DIV#nueform FORM INPUT[type=submit]:hover {
  background-color: var(--brand, #25618f);
}

DIV#nueform INPUT[type=submit].submit {
  background-color: var(--gray-200, #dddddd);
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  height: 35px;
  line-height: 35px;
  color: var(--gray-500, #888888);
  padding: 0px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
}

DIV#nueform INPUT[type=submit].submit:hover {
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: 12pt;
  cursor: hand;
}

DIV#nueform INPUT[type=submit].submitsm {
  background-color: var(--gray-200, #dddddd);
  border: 1px solid var(--gray-300, #cccccc);
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--gray-500, #888888);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .9em;
}

DIV#nueform INPUT[type=submit].submitsm:hover {
  background-color: var(--brand, #25618f);
  border: 1px solid #14507E;
  border-radius: 4px;
  margin: 10px auto 0px auto;
  width: auto;
  text-align: center;
  text-decoration: none;
  color: var(--white, #fff);
  padding: 10px 20px;
  font-weight: bold;
  font-family: Roboto, Arial, Helvetitca, Futura;
  font-size: .9em;
  cursor: hand;
}

DIV#nueform TABLE {
  border: 1px solid var(--gray-200, #dddddd);
  margin: 10px 0px;
  width: 100%;
}

DIV#nueform TABLE tr:nth-child(odd) {
  background: var(--gray-50, #f6f6f6);
}

DIV#nueform TABLE tr TH {
  background-color: var(--gray-700, #444444);
  color: var(--white, #fff);
  padding: 5px 10px;
}

DIV#nueform TABLE tr TH#red {
  background-color: #A22;
  color: var(--white, #fff);
  padding: 5px 10px;
}

DIV#nueform TABLE tr TH#grey {
  background-color: var(--gray-200, #dddddd);
  color: var(--gray-700, #444444);
  padding: 5px 10px;
}

DIV#nueform TABLE P {
  margin: 0px;
  padding: 0px;
}

DIV#nueform TABLE tr td {
  padding: 10px 10px;
}

@media screen and (max-width: 768px) {

  /* MOBILE */

  DIV#nueform TABLE tr th, DIV#nueform TABLE.leadgrid tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  DIV#nueform TABLE tr td, DIV#nueform TABLE.leadgrid tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

@media screen and (min-width: 768px) {

  /* DESKTOP */

  DIV#nueform TABLE tr th, DIV#nueform TABLE tr th p {
    font-size: 1em;
    font-weight: bold;
    color: var(--white, #fff);
    font-family: var(--font-heading, Roboto, sans-serif);
  }

  DIV#nueform TABLE tr td, DIV#nueform TABLE tr td p {
    font-size: .9em;
    color: var(--text, #222222);
    font-family: var(--font-heading, Roboto, sans-serif);
  }
}

div.da {
  margin: 10px auto;
  text-align: center;
}

div.da IMG {
  border: 1px solid var(--gray-300, #cccccc);
  box-shadow: 0px 0px 5px 0px var(--gray-200, #dddddd);
}

@media screen and (max-width: 500px) {

  .showmobile {
    display: block;
  }

  .hidemobile {
    display: none;
  }

  .stickyframe {
    padding: 5px;
  }
}

@media screen and (min-width: 500px) {

  .showmobile {
    display: none;
  }

  .hidemobile {
    display: block;
  }

  .sticky {
    position: sticky;
    top: 170px;
  }

  .stickyframe {
    min-height: 1400px;
    padding: 5px;
  }
}

.sbtn {
  display: inline-block;
  margin: 5px;
  padding: 10px;
  font-size: 18pt;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background-color: var(--black, #000);
  text-align: center;
}

.sbtn I {
  color: var(--white, #fff);
}

.facebook {
  background-color: #3B5998;
}

.twitter {
  background-color: #1DA1F2;
}

.linkedin {
  background-color: #0077B5;
}

.pinterest {
  background-color: #CB2027;
}

.flipboard {
  background-color: #F52828;
}

.reddit {
  background-color: #FF5700;
}

.pocket {
  background-color: #EE4056;
}

.email {
  background-color: #00995E;
}

.graybox {
  color: var(--gray-700, #444444);
  background-color: var(--gray-100, #eeeeee);
  padding: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.graybox H2 {
  text-transform: uppercase;
  font-size: 16pt;
  color: var(--gray-600, #666666);
  font-family: var(--font-heading, Roboto, sans-serif);
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid var(--gray-200, #dddddd);
  padding: 5px 20px;
}

.graybox H3 {
  text-transform: uppercase;
  font-size: 12pt;
  color: var(--gray-500, #888888);
  font-family: var(--font-heading, Roboto, sans-serif);
  font-weight: bold;
}

TABLE.badge {
  color: var(--gray-700, #444444);
  background-color: var(--gray-100, #eeeeee);
  border-radius: 10px;
}

TABLE.badge TD.footer {
  font-size: 12px;
  text-align: center;
  padding: 5px;
  background-color: #E6E6E6;
  color: var(--gray-600, #666666);
  border-top: 1px solid var(--gray-200, #dddddd);
}

TABLE.badge TR:first-child TD:first-child {
  border-top-left-radius: 10px;
}

TABLE.badge TR:first-child TD:last-child {
  border-top-right-radius: 10px;
}

TABLE.badge TR:first-child TD:first-child IMG {
  border-top-left-radius: 10px;
}

TABLE.badge TR:first-child TD:last-child IMG {
  border-top-right-radius: 10px;
}

TABLE.badge TR:last-child TD:first-child {
  border-bottom-left-radius: 10px;
}

TABLE.badge TR:last-child TD:last-child {
  border-bottom-right-radius: 10px;
}

.article-spotlight {
  padding: 10px 20px;
  text-align: left;
}

.article-spotlight div.tag {
  margin: 10px 0px 5px 0px;
  text-transform: uppercase;
  color: var(--gray-500, #888888);
  font-size: 9pt;
}

.article-spotlight div.headline A,.article-spotlight div.headline {
  color: var(--brand, #25618f);
  font-size: 12pt;
  font-weight: bold;
  line-height: 120%;
  text-decoration: none;
}

.article-spotlight div.description {
  color: var(--gray-700, #444444);
  font-size: 10pt;
  line-height: 110%;
  text-align: left;
  margin: 5px 0px;
}

.article-spotlight div.cta {
  margin: 20px 0px;
  text-align: left;
}

.article-spotlight div.cta a.button {
  padding: 5px 20px;
  color: var(--white, #fff);
  background-color: var(--brand, #25618f);
  font-weight: bold;
  font-size: 10pt;
  border-radius: 5px;
}

UL.flexnav LI {
  border-left: 1px solid #2E79B2;
  border-right: 1px solid #28699A;
  border-top: 1px solid #2E79B2;
  border-bottom: 1px solid #28699A;
  font-family: var(--font-heading, Roboto, sans-serif);
  font-weight: bold;
  margin: 0px;
  text-align: center;
  min-height: 40px;
  min-width: 200px;
  flex-grow: 1;
}

UL.flexnav LI:hover {
  background-color: #2A6EA2;
}

UL.flexnav LI A {
  text-decoration: none;
  color: var(--white, #fff);
  line-height: 40px;
  display: block;
}

UL.flexnav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: var(--brand, #25618f);
  list-style: none;
  padding: 0px;
  margin: 20px 10px -40px 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

@media screen and (min-width: 600px) {

  UL.flexnav LI:first-child {
    border-top-left-radius: 5px;
  }

  UL.flexnav LI:last-child {
    border-top-right-radius: 5px;
  }
}

.fnewslist {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fnewslist li {
  padding: 5px 0 5px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  font-size: 12pt;
  font-family: var(--font-heading, Roboto, sans-serif);
}

.fnewslist li A {
  text-decoration: none;
  color: var(--ink, #111111);
}

.fnewslist li:last-child {
  border-bottom: none;
}

.fnewslist li::before {
  content: "\00BB";
  color: var(--brand, #25618f);
  font-size: 12pt;
  font-weight: bold;
  margin-right: 5px;
  margin-top: -1px;
  position: absolute;
  left: 0;
  margin-left: 5px;
}

/* Breadcrumbs */

.breadcrumb {
  height: 40px;
  overflow-x: auto;
  list-style: none;
  padding: 10px 10px 10px 25px;
  background-color: var(--gray-100, #eeeeee);
  display: flex;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--gray-400, #aaaaaa);
}

.breadcrumb-item {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1;
}

.breadcrumb-item a.bactive {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: var(--brand, #25618f);
}

.breadcrumb-item a.bactive:hover {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: var(--brand, #25618f);
}

.breadcrumb-item a {
  text-decoration: none;
  color: var(--gray-700, #444444);
  white-space: nowrap;
}

.breadcrumb-item i.fa-solid {
  color: var(--gray-400, #aaaaaa);
}

.breadcrumb-item a:hover {
  text-decoration: underline;
  font-size: 12px;
}

/* Right-angle rotated 45 degrees as separator */

.breadcrumb-item::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-right: 3px solid var(--gray-400, #aaaaaa);
  border-top: 3px solid var(--gray-400, #aaaaaa);
  transform: rotate(45deg);
}

/* Remove separator for last item */

.breadcrumb-item:last-child::after {
  content: none;
}

/* Highlight the last breadcrumb as 'You are here' */

.breadcrumb-item:last-child {
  color: var(--brand, #25618f);
  font-weight: bold;
  white-space: nowrap;
}

.breadcrumb-item:last-child a {
  color: var(--brand, #25618f);
  pointer-events: none;
  text-decoration: none;
}

div#openspacer {
  margin-top: 71px;
}

.source-btn {
  display: inline-flex;
  align-items: center;
  height: 1.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: middle;
  line-height: 1.5rem;
  font-family: Roboto, Arial, Sans-Serif;
  font-size: 8pt;
  font-weight: 600;
  text-transform: uppercase;
  color: #1e293b;
  text-decoration: none;
  background-color: var(--white, #fff);
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  box-sizing: border-box;
  white-space: nowrap;
}

.source-btn:hover {
  background-color: #f9fafb;
}

.source-btn:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.source-btn__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.0rem;
  height: 1.0rem;
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.source-btn__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}