:root {
  --themeColor: #F15B4E; /*The persimmon color is R 241 G 91 B 78 or Hex #F15B4E*/
  --complColor: #52A0D7;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

div {
  padding: 0;
  margin: 0;
}

.w3-container {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: var(--themeColor);
  padding-top: 20px;
}

.h1f {
  font-size: calc(24px + (100vw - 600px) * (36 - 24) / (1000 - 600));
  padding-top: calc(20 * 0.1vw);
}

.h2f {
  font-size: calc(22px + (100vw - 600px) * (32 - 22) / (1000 - 600));
  padding-top: calc(18 * 0.1vw);
}

.h3f {
  font-size: calc(20px + (100vw - 600px) * (28 - 20) / (1000 - 600));
  padding-top: calc(16 * 0.1vw);
}

.h4f {
  font-size: calc(18px + (100vw - 600px) * (24 - 18) / (1000 - 600));
  padding-top: calc(14 * 0.1vw);
}

.h5f {
  font-size: calc(14px + (100vw - 600px) * (20 - 14) / (1000 - 600));
  padding-top: calc(14 * 0.1vw);
}

.h6f {
  font-size: calc(12px + (100vw - 600px) * (16 - 12) / (1000 - 600));
  padding-top: calc(14 * 0.1vw);
}

.BodyText {
  font: Arial, Helvetica, sans-serif;
  color: black;
  font-size: calc(12pt + (100vw - 600px) * (16 - 12) / (1000 - 600));
  line-height: 1.5em;
  margin-bottom: 2em;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.font-smaller {
  font-size: 0.9em;
}

.font-larger {
  font-size: 1.15em;
}

.BodyTextSmall {
  font: Arial, Helvetica, sans-serif;
  color: black;
  line-height: 1.5em;
  margin-bottom: 2em;
  font-size: calc(10pt + (100vw - 600px) * (14 - 10) / (1000 - 600));
}

.BodyTextSmallCentered {
  font: Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-top: 10px;
  text-align: center;
  font-size: calc(9pt + (100vw - 600px) * (14 - 9) / (1000 - 600));
}


ul {
  list-style-position: inside;
}

.ul-Theme li {
  /* Bullet color */
  color: var(--themeColor);
}

  .ul-Theme li span {
    /* Text color */
    color: black;
  }

.LabelText {
  font: 10pt Arial, Helvetica, sans-serif;
  color: black;
  margin-bottom: 20px;
  margin-top: 10px;
}

.TextQuoter {
  font-size: 8pt;
  font-style: normal;
  font-weight: bold;
}

.PicBoxLeft {
  float: left;
  width: 90%;
  height: auto;
  margin-left: 0;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.PicBoxRight {
  float: right;
  width: 25%;
  height: auto;
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.PicBoxCenter {
  width: 60%;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 10px;
  border-top: 1px solid var(--themeColor);
  border-bottom: 1px solid var(--themeColor);
  text-align: center;
}

.PicCaption {
  font: 9pt Arial, Helvetica, sans-serif;
  margin-top: 5px;
  line-height: 1.1;
}

.bodytablestyle {
  width: 100%;
  border: 0;
  padding: 0;
}

.Salutation {
  font: normal 16pt Arial, Helvetica, sans-serif;
  color: var(--themeColor);
}

.center {
  margin: auto;
}

table.padded-table td {
  padding: 5px;
}

.Caption {
  font: 9pt Arial, Helvetica, sans-serif;
  margin-top: 4px;
}

.contactDiv {
  font: 10pt Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.contactDivError {
  font: 10pt Arial, Helvetica, sans-serif;
  color: blue;
  font-weight: bold;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.Header {
  font: bold 14pt Arial, Helvetica, sans-serif;
  color: var(--themeColor);
}

.HeaderBoldAllcaps {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14pt;
  font-variant: small-caps;
}

.HeaderBold {
  font: bold 14pt Arial, Helvetica, sans-serif;
  color: var(--themeColor);
}

.TableText {
  font: 10pt Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 5px;
  margin-top: 20px;
}

.TableTextBlue {
  font: 10pt Arial, Helvetica, sans-serif;
  color: blue;
  margin-left: 5px;
  margin-top: 20px;
}

.TableTextBoldBlue {
  font: bold 10pt Arial, Helvetica, sans-serif;
  color: blue;
  margin-left: 5px;
  margin-top: 20px;
}

.BodyTextRed {
  font: 12pt Arial, Helvetica, sans-serif;
  color: #FF0000;
  margin-left: 60px;
  margin-right: 60px;
}

.BodyTextBoldRed {
  font: bold 12pt Arial, Helvetica, sans-serif;
  color: #FF0000;
  margin-left: 60px;
  margin-right: 60px;
}

.BodyTextGreen {
  font: 12pt Arial, Helvetica, sans-serif;
  color: #008800;
  margin-left: 60px;
  margin-right: 60px;
}

.BodyTextBoldGreen {
  font: bold 12pt Arial, Helvetica, sans-serif;
  color: #008800;
  margin-left: 60px;
  margin-right: 60px;
}

.BodyTextBlue {
  font: 12pt Arial, Helvetica, sans-serif;
  color: blue;
  margin-left: 60px;
  margin-right: 60px;
}

.BodyTextBoldBlue {
  font: bold 10pt Arial, Helvetica, sans-serif;
  color: blue;
  margin-left: 60px;
  margin-right: 60px;
}

.SmallText {
  font: 8pt Arial, Helvetica, sans-serif;
  color: black;
}

.SmallTextTheme {
  font: 9pt Arial, Helvetica, sans-serif;
  color: var(--themeColor);
}

.TextBox {
  border-style: solid;
  border-width: thin;
  border-radius: 6px;
  padding-left: 8px;
  background-color: #EAEAEA;
}


  .TextBox:hover, active {
    background-color: white;
  }

.Padding20 {
  padding-left: 20px;
  padding-right: 20px;
}

.Padding40 {
  padding-left: 40px;
  padding-right: 40px;
}

.Padding60 {
  padding-left: 60px;
  padding-right: 60px;
}

.Padding100 {
  padding-left: 100px;
  padding-right: 100px;
}

.Padding15L20R {
  padding-left: 15px;
  padding-right: 20px;
}

.Padding60L20R {
  padding-left: 60px;
  padding-right: 20px;
}

.ulText {
  font: 12pt Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 20px;
  margin-right: 60px;
}

.liText {
  font: 12pt Arial, Helvetica, sans-serif;
  color: black;
  margin-left: 20px;
  margin-right: 60px;
  margin-top: 5px;
}

.padLR100px {
  padding-left: 100px;
  padding-right: 100px;
}

.DisclaimerText {
  font: 6pt Arial, Helvetica, sans-serif;
  color: black;
}

.HeaderLinks {
  font: 12pt Arial, Helvetica, Sans-Serif;
  color: #606060;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
}

  .HeaderLinks a:link {
    text-decoration: none;
    color: #404040;
  }

  .HeaderLinks a:visited {
    text-decoration: none;
    color: #404040;
  }

  .HeaderLinks a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .HeaderLinks a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.MainLinks {
  font: bold 8pt Helvetica, Arial, Sans-Serif;
  color: #606060;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
}

  .MainLinks a:link {
    text-decoration: none;
    color: #404040;
  }

  .MainLinks a:visited {
    text-decoration: none;
    color: #404040;
  }

  .MainLinks a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .MainLinks a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.BodyLinks {
  font: bold 8pt Helvetica, Arial, Sans-Serif;
  text-decoration: underline;
  color: #404040;
}

  .BodyLinks a:link {
    text-decoration: none;
    color: #404040;
  }

  .BodyLinks a:visited {
    text-decoration: none;
    color: #404040;
  }

  .BodyLinks a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .BodyLinks a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.InlineLinks {
  font: 11pt Helvetica, Arial, Sans-Serif;
  color: black;
}

  .InlineLinks a:link {
    text-decoration: underline;
    color: black;
  }

  .InlineLinks a:visited {
    text-decoration: underline;
    color: #404040;
  }

  .InlineLinks a:active {
    text-decoration: none;
    color: var(--themeColor);
  }

  .InlineLinks a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.LittleLinks {
  font: 8pt Arial, Helvetica, Sans-Serif;
  color: black;
  text-decoration: underline;
}

  .LittleLinks a:link {
    text-decoration: none;
    color: black;
  }

  .LittleLinks a:visited {
    text-decoration: none;
    color: black;
  }

  .LittleLinks a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .LittleLinks a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.LittleLinksLeft {
  text-align: left;
  font: 8pt Arial, Helvetica, Sans-Serif;
  color: black;
  margin-left: 50px;
}

  .LittleLinksLeft a:link {
    text-decoration: none;
    color: black;
  }

  .LittleLinksLeft a:visited {
    text-decoration: none;
    color: black;
  }

  .LittleLinksLeft a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .LittleLinksLeft a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.LittleLinksRight {
  text-align: right;
  font: 8pt Arial, Helvetica, Sans-Serif;
  color: black;
  margin-right: 50px;
}

  .LittleLinksRight a:link {
    text-decoration: none;
    color: black;
  }

  .LittleLinksRight a:visited {
    text-decoration: none;
    color: black;
  }

  .LittleLinksRight a:active {
    text-decoration: underline;
    color: var(--themeColor);
  }

  .LittleLinksRight a:hover {
    text-decoration: underline;
    color: var(--themeColor);
  }

.SendButton {
  background-color: var(--themeColor);
  font-weight: bold;
  color: white;
  border-radius: 6px;
  cursor: pointer;
}

  .SendButton:hover, active {
    background-color: ivory;
    color: black;
    text-decoration: underline;
  }

.LinksBar-ThemeColor, .LinksBar-hover-ThemeColor:hover {
  color: #fff !important;
  background-color: var(--themeColor) !important
}

.ThemeColorFill {
  color: #fff !important;
  background-color: var(--themeColor) !important
}