@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);

:root {
  /*--font-family: 'Roboto', helvetica, sans-serif;*/
  --font-family: 'Open Sans', helvetica, sans-serif;
}

BODY {
  background-color: #cccccc;
}

/*commended out by Joe 10/6/2026*/
/*BODY {
  margin: 0;
  padding: 0;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 65538 !important;
}

BODY, TD, input, select, textarea, .normalText, tr.normalText td, table.normalText td, table.normalText th, p {
  font-family: var(--font-family);
  font-stretch: normal;
  font-size: 16px;
  color: #444;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: normal;
  background-color: #cccccc;
}

  BODY.normal {
    background-color: #FFF;
    margin: 10px;
    padding: 10px;
  }

h1, h2, h3, h4 {
  padding: 0;
  margin: 5px;
}

h1, .header {
  margin: 0;
  padding: 0;
  font-size: 28pt;
  letter-spacing: 1px;
  font-weight: 400;
  display: block;
  line-height: 1.5 !important;
}

h2, .header2 {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 22pt;
  letter-spacing: 1px;
  font-weight: 400;
  display: block;
  line-height: 1.5 !important;
}

h3, .header3 {
  margin: 0;
  padding: 0;
  font-size: 18pt;
  letter-spacing: 1px;
  font-weight: 400;
  display: block;
  line-height: 1.5 !important;
}

h4, .header4 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 14pt;
  letter-spacing: 1px;
  font-weight: 400;
  display: block;
  line-height: 1.5 !important;
}

ul, ol {
  margin: 10px 0 0 0;
  padding: 0;
}

li {
  margin: 0 0 10px 30px;
}

*:focus {
  outline: 0;
}

.highlight {
  background-color: #FFEC9D;
  border: 1px solid var(--company-color1);
  padding: 10px 10px 10px 35px;
  color: var(--company-color1);
  border-radius: 8px;
  position: relative;
}

  .highlight::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f06a';
    position: absolute;
    left: 10px;
    top: 5px;
    color: var(--company-color1);
    font-size: 20px;
  }

hr {
  height: 1px;
  background-color: silver;
  border: none;
}

a:link, a:visited {
  color: var(--company-color1);
  text-decoration: none;
  transition: color .2s
}

a:hover {
  color: var(--company-color2);
}

a.light:link, a.light:visited {
  color: white;
  text-decoration: none;
}

a.light:hover {
  color: silver;
}


a.underlined {
  text-decoration: underline;
}

.textShadow {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}

.lined {
  border-bottom: 1px solid silver;
}

.weight300 {
  font-weight: 300
}

.weight400 {
  font-weight: 400
}

.weight500 {
  font-weight: 500
}

.weight600 {
  font-weight: 600
}

.weight700 {
  font-weight: 700
}

.weight800 {
  font-weight: 800
}

.lineHeight1 {
  line-height: 1 !important
}*/

/* ======================== BUTTONS =============================== */
/*a.button:link, a.button:visited, input.button[type=submit], button.button, div.button {
  display: inline-block;
  text-decoration: none;
  padding: 8px 10px;
  font-size: 12pt;
  font-weight: 500;
  transition: all .2s;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 5px;
}

a.smallButton:link, a.smallButton:visited, input.smallButton[type=submit], input.smallButton[type=button], button.smallButton, div.smallButton {
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  padding: 1px 5px;
  font-size: 9px;
  font-weight: 500;
  transition: all .2s;
  cursor: pointer;
  text-align: center;
  -webkit-appearance: none;
  border-radius: 4px;
}*/

  /*blue*/
  /*a.button.blue:link,
  a.smallButton.blue:link,
  a.button.blue:visited,
  a.smallButton.blue:visited,
  input.button.blue[type=submit],
  input.smallButton.blue[type=submit],
  button.button.blue,
  button.smallButton.blue,
  div.button.blue,
  div.smallButton.blue {
    color: #FFF;
    border: 1px solid var(--company-color2);
    background-color: var(--company-color2);
  }

    a.button.blue:hover,
    a.smallButton.blue:hover,
    input.button.blue[type=submit]:hover,
    input.smallButton.blue[type=submit]:hover,
    button.button.blue:hover,
    button.SmallButton.blue:hover,
    div.button.blue:hover,
    div.smallButton.blue:hover {
      background-color: #FFF !important;
      color: var(--company-color2) !important;
      border: 1px solid var(--company-color2) !important;
    }

    a.button.blue.reverse:link,
    a.smallButton.blue.reverse:link,
    a.button.blue.reverse:visited,
    a.smallButton.blue.reverse:visited,
    input.button.blue.reverse[type=submit],
    input.smallButton.blue.reverse[type=submit],
    button.button.blue.reverse,
    button.smallButton.blue.reverse,
    div.button.blue.reverse,
    div.smallButton.blue.reverse {
      background-color: #FFF;
      color: var(--company-color2);
      border: 1px solid var(--company-color2);
    }

      a.button.blue.reverse:hover,
      a.smallButton.blue.reverse:hover,
      input.button.blue.reverse[type=submit]:hover,
      input.smallButton.blue.reverse[type=submit]:hover,
      button.button.blue.reverse:hover,
      button.smallButton.blue.reverse:hover,
      div.button.blue.reverse:hover,
      div.smallButton.blue.reverse:hover {
        color: #FFF !important;
        border: 1px solid var(--company-color2) !important;
        background-color: var(--company-color2) !important;
      }*/

  /*darkBlue*/
  /*a.button.darkBlue:link,
  a.smallButton.darkBlue:link,
  a.button.darkBlue:visited,
  a.smallButton.darkBlue:visited,
  input.button.darkBlue[type=submit],
  input.smallButton.darkBlue[type=submit],
  button.button.darkBlue,
  button.smallButton.darkBlue,
  div.button.darkBlue,
  div.smallButton.darkBlue {
    background-color: var(--company-color1);
    color: #FFF;
    border: 1px solid #FFF;
  }

    a.button.darkBlue:hover,
    a.smallButton.darkBlue:hover,
    input.button.darkBlue[type=submit]:hover,
    input.smallButton.darkBlue[type=submit]:hover,
    button.button.darkBlue:hover,
    button.smallButton.darkBlue:hover,
    div.button.darkBlue:hover
    div.smallButton.darkBlue:hover {
      color: var(--company-color1) !important;
      border: 1px solid var(--company-color1) !important;
      background-color: transparent;
    }

    a.button.darkBlue.reverse:link,
    a.smallButton.darkBlue.reverse:link,
    a.button.darkBlue.reverse:visited,
    a.smallButton.darkBlue.reverse:visited,
    input.button.darkBlue.reverse[type=submit],
    input.smallButton.darkBlue.reverse[type=submit],
    button.button.darkBlue.reverse,
    button.smallButton.darkBlue.reverse,
    div.button.darkBlue.reverse,
    div.smallButton.darkBlue.reverse {
      color: var(--company-color1);
      border: 1px solid var(--company-color1);
      background-color: #FFF;
    }

      a.button.darkBlue.reverse:hover,
      a.smallButton.darkBlue.reverse:hover,
      input.button.darkBlue.reverse[type=submit]:hover,
      input.smallButton.darkBlue.reverse[type=submit]:hover,
      button.button.darkBlue.reverse:hover,
      button.smallButton.darkBlue.reverse:hover,
      div.button.darkBlue.reverse:hover,
      div.smallButton.darkBlue.reverse:hover {
        background-color: var(--company-color1) !important;
        color: #FFF !important;
      }*/

  /*Gray*/
  /*a.button.gray:link,
  a.smallButton.gray:link,
  a.button.gray:visited,
  a.smallButton.gray:visited,
  input.button.gray[type=submit],
  input.smallButton.gray[type=submit],
  button.button.gray,
  button.smallButton.gray,
  div.button.gray,
  div.smallButton.gray {
    color: #FFF;
    border: 1px solid var(--company-color3);
    background-color: var(--company-color3);
  }

    a.button.gray:hover,
    a.smallButton.gray:hover,
    input.button.gray[type=submit]:hover,
    input.smallButton.gray[type=submit]:hover,
    button.button.gray:hover,
    button.SmallButton.gray:hover,
    div.button.gray:hover
    div.smallButton.gray:hover {
      color: var(--company-color3) !important;
      background-color: transparent;
    }

    a.button.gray.reverse:link,
    a.smallButton.gray.reverse:link,
    a.button.gray.reverse:visited,
    a.smallButton.gray.reverse:visited,
    input.button.gray.reverse[type=submit],
    input.smallButton.gray.reverse[type=submit],
    button.button.gray.reverse,
    button.smallButton.gray.reverse,
    div.button.gray.reverse
    div.smallButton.gray.reverse {
      color: var(--company-color3);
      border: 1px solid var(--company-color3);
      background-color: #FFF;
    }

      a.button.gray.reverse:hover,
      a.smallButton.gray.reverse:hover,
      input.button.gray.reverse[type=submit]:hover,
      input.smallButton.gray.reverse[type=submit]:hover,
      button.button.gray.reverse:hover,
      button.smallButton.gray.reverse:hover,
      div.button.gray.reverse:hover,
      div.smallButton.gray.reverse:hover {
        background-color: var(--company-color3) !important;
        color: #FFF !important;
      }*/

/* ======================== OVERLAY ===============================*/

/*#overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: rgba(37, 56, 79, 0.95);
  z-index: 5;
  font-size: 15pt;
  padding: 20px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  cursor: pointer
}*/


/* ======================== ACCORDION ===============================*/
/*.cms_accordionHeader .cms_accordionIcon {
  position: absolute;
  z-index: 500;
  margin: auto;
  top: 2px;
  bottom: 0;
  background-size: contain;
  width: 8px;
  height: 20px;
  transform-origin: center;
  transition: transform .2s;
}

  .cms_accordionHeader .cms_accordionIcon::before {
    position: absolute;
    content: '\f0da';
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 1;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
  }

  .cms_accordionHeader .cms_accordionIcon.caretLight {
    color: white;
  }

  .cms_accordionHeader .cms_accordionIcon.caretDark {
    color: var(--company-purple);
  }

  .cms_accordionHeader .cms_accordionIcon.expanded {
    transform: rotate(90deg);
  }

  .cms_accordionHeader .cms_accordionIcon.rightJust {
    right: 12px;
  }

  .cms_accordionHeader .cms_accordionIcon.leftJust {
    left: 12px;
  }*/

/* ============================= AUTO POPUP ============================ */
/*.cms_autopopup .controls {
  padding: 3px 10px;
}
.cms_autopopup .controls a.close {
  color:white;
}
  .cms_autopopup .controls label {
    color: white;
    font-size: 13px;
  }*/

/* ============================= FRAMEWORK ============================ */
/* ============================= FRAMEWORK ============================ */
/* ============================= FRAMEWORK ============================ */

/* This class is used in CMS and should not change its name */
.CMScontentWidth {
  max-width: 1200px;
}

#divHeaderDesktop {
  display: none;
}

header {
  max-width: 3000px;
  /*z-index: 10000;*/
  box-sizing: border-box;
  background-color: #FFF;
  position: relative;
  transition: all .1s;
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
}

  header.fixed {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
  }

    header.fixed.scrolled {
    }

  header #logo {
    padding: 0px;
    margin-right: auto;
  }

    header #logo img {
      width: 100%;
      vertical-align: top;
      max-width: 317px;
      margin-left: 40px;
      transition: max-width .2s
    }

  header #button {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: unset !important
  }

    header #button .button {
      width: unset !important
    }

  header.fixed.scrolled #logo img {
  }

/* ========================== SUBMENUS =========================== */
/*commended out by Joe 10/6/2026*/
/*.submenu .submenuHeader {
  color: var(--company-color3);
  font-size: 16pt;
  padding: 10px 5px 5px 10px;
  display: block
}

.submenu > a {
  box-sizing: border-box;
  padding: 5px;
  display: block;
  box-sizing: border-box;
  color: var(--company-color3);
  margin: 0;
  padding: 15px 24px;
  font-size: 12pt;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
  text-decoration: none;
  border-bottom: 1px solid var(--company-color3);
}

.submenu a:hover {
  color: var(--company-color1);
}

.submenu a.selected {
  color: var(--company-color2);
}*/


/* ==================== FOOTER ======================== */

#footer {
  background: #333333;
  color: #dddddd;
  font-size: 10px;
  /*padding: 40px 20px;*/
  margin-top: 0;
}

#footer .inner {
  font-size: 13px;

}

  #footer .inner img {
    width: 100%;
    max-width: 178px;
    margin-top: 60px;
    margin-bottom: 12px;
  }

  #footer .inner .textGroup {
    margin-bottom: 15px;
  }

  #footer .inner .ftSocial img {
    width: 100%;
    max-width: 38px;
    margin-top: 0px;
    margin-bottom: 5px;
  }


footer {
  background: #333333;
  font-family: var(--font-family);
}

  footer .inner {
    padding: 50px 50px;
    display: flex;
    /*justify-content: space-around;*/
    justify-content: space-between;
    flex-wrap: wrap;
    color: #dddddd;
    font-size: 14px;
    color: var(--company-color3);
  }

    footer .inner > div:first-child {
      /*max-width: 300px*/
    }

    footer .inner .parHeader {
      color: #FFF;
      font-weight: 900;
      font-size: 22px;
      padding-bottom: 15px;
      margin-bottom: 20px;
      border-bottom: 1px solid var(--company-color3);
    }

#footer .inner h3 {
  font-family: 'Open Sans', helvetica, sans-serif;
  font-size: 14px;
  font-weight: 550;
  color: #919191;
  margin-bottom: 10px;
}
footer a {
  color: #0099aa !important;
  transition: color .2s
}

  footer a:hover {
    color: #4a374c !important
  }

  footer i.blue {
    font-size: 20px;
    color: var(--company-color2);
  }

footer #copyright {
  /*margin-left: 40px;*/
  padding: 17px 0 17px 50px;
  text-align: left;
  font-size: 11px;
  color: white;
  border-top: 1px solid #444444;
}

  /* Footer Menu */
  footer #footerMenu {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }

    footer #footerMenu a:link,
    #footerMenu a:visited {
      text-decoration: none;
      color: white !important;
      display: block;
      margin: 8px 0;
      transition: color .2s
    }

    footer #footerMenu .main {
      text-align: center
    }

      footer #footerMenu .main a {
        font-weight: 500;
        font-size: 12pt;
        font-family: var(--font-family);
        font-weight: 800;
      }

    footer #footerMenu .sub a {
      font-weight: 300;
      font-size: 15px;
      text-transform: none
    }

    footer #footerMenu .divider {
      border-top: 1px solid var(--company-color3);
    }

    footer #footerMenu > div {
      flex: 1;
      margin: 12px;
      min-width: 100px;
      max-width: 200px;
    }

/* ==================== OTHER ======================== */
.overflow-effect::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: '';
  height: 25px;
  background-color: #FFF;
}

.clipped {
  clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 50px 100%, 0 calc(100% - 50px));
}


/*rk fontAwesome class to work with buttons*/
.fontAwesome {
  background-color: #FFF;
  padding: 2px;
  font-size: 20px;
}

/* ======================== RESPONSIVE ===============================*/
/* ======================== RESPONSIVE ===============================*/
/* ======================== RESPONSIVE ===============================*/

@media screen and (max-width: 920px) {
  .newsBox img {
    width: 50% !important;
    margin-left: auto;
    margin-right: auto;
    display: block
  }
}

@media screen and (max-width: 800px) {
  footer .inner {
    flex-direction: column;
    align-items: flex-start;
  }

    footer .inner .parHeader {
      text-align: center
    }

    footer .inner > div:first-child {
/*      max-width: 400px;
      text-align: center;
*/    }

    footer .inner > div {
      margin-bottom: 50px;
    }
}

@media screen and (max-width: 675px) {
  header {
    display: block;
  }

  h1, .header {
    font-size: 24pt;
  }

  h2, .header2 {
    font-size: 18pt;
  }

  h3, .header3 {
    font-size: 15pt;
  }

  h4, .header4 {
    font-size: 12pt;
  }

  header #logo img {
    max-width: 228px;
    margin-left: 40px;
  }

}

@media screen and (max-width: 400px) {
  header a.button {
    font-size: 12px !important;
    padding: 5px 5px !important
  }
}

@media screen and (max-width: 550px) {
  #divHeaderDesktop {
    display: none;
  }

  #divHeaderMobile {
    display: none;
  }


  #footer #footerInner:before {
    content: '';
    margin: 0;
  }

  #footer #footerInner:after {
    content: url('../Images/Logo_line.gif');
    display: block;
    margin-top: 25px;
    text-align: center;
  }
}

@media screen and (max-width: 500px) {
  #divContentInner {
    padding: 20px 10px;
  }
}