/* Text Elements */

h1.heading-1 {
  margin-right: auto;
  margin-left: auto;
}

p.paragraph span.paragraph-text-1 {
  color: #5b5656;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.3;
}

p.paragraph.paragraph-2 {
  margin-top: 16px;
  margin-bottom: 11px;
  text-align: center;
}

p.paragraph.paragraph-3 {
  margin-right: 20px;
  margin-left: 20px;
  color: #5b5656;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.3;
}

p.paragraph span.center-text-title {
  font-weight: 700;
  font-size: 16px;
}

p.paragraph.paragraph-4 {
  text-align: center;
}

p.paragraph.paragraph-5 {
  text-align: center;
}

p.paragraph span.text-bold {
  font-weight: 700;
  font-size: 18px;
}

p.paragraph span.title-text {
  color: #5b5656;
  font-weight: 600;
  font-style: italic;
  font-size: 27px;
  font-family: Verdana, Geneva, sans-serif;
}

p.paragraph span.text-topic {
  font-weight: 700;
  font-size: 21px;
}

p.paragraph.paragraph-1 {
  text-align: center;
}

p.paragraph.paragraph-centered {
  margin-left: 20px;
  color: #5b5656;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.3;
}

p.paragraph span.text-base {
  color: #0e0f20;
  font-weight: 600;
}

p.paragraph.paragraph-links {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  font-family: Verdana, Geneva, sans-serif;
}

p.paragraph a.paragraph-text-2 {
  color: #000fc5;
  font-weight: 700;
}

p.paragraph a.base-link {
  color: #000fc5;
  font-weight: 700;
}

p.paragraph.paragraph-6 {
  margin-top: 25px;
  margin-bottom: 7px;
  text-align: center;
}

p.paragraph span.text-topic-center {
  color: #413939;
  font-weight: 700;
  font-size: 28px;
  font-family: Verdana, Geneva, sans-serif;
}

p.paragraph a.no-link {
  color: #0e0f20;
}

p.paragraph.paragraph-base {
  margin-right: 20px;
  margin-left: 20px;
  color: #000;
  text-align: left;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.3;
}

p.paragraph span.paragraphtextbold {
  color: #5b5656;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.3;
}

p.paragraph.paragraph-7 {
  padding-top: 10px;
  text-align: center;
}

p.paragraph a.centerlink {
  color: #000fc5;
  font-weight: 700;
  font-size: 17px;
}

p.paragraph.paragraph-8 {
  text-align: center;
}

p.paragraph span.paragraph-text-3 {
  font-style: italic;
}

p.paragraph a.paragraph-text-4 {
  color: #000fc5;
  font-weight: 700;
}

p.paragraph a.paragraph-text-2:hover {
  color: #560104;
}

p.paragraph a.base-link:hover {
  color: #000349;
}

p.paragraph a.no-link:hover {
  color: #560104;
}

p.paragraph a.centerlink:hover {
  color: #000349;
}

p.paragraph a.paragraph-text-4:hover {
  color: #000349;
}

a.link-text span.link-form {
  color: #000349;
  font-weight: 700;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a.link-text.toc-link {
  color: #000349;
  text-align: center;
  font-weight: 700;
  font-size: 17px;
}

a.link-text.text-link-1 {
  text-align: center;
  font-weight: 700;
}

a.link-text.toc-link:hover {
  color: #ff9a00;
}

/* Interaction Elements */

a.link-button.button-link-1 {
  display: block;
  margin: 0 auto;
  padding: 4px 10px;
  width: 96%;
  border-width: 1px;
  border-color: #34627c;
  background-color: #34627c;
  color: #f5f9fb;
  text-align: center;
  font-weight: 700;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a.link-button.button-link-1.outofview {
  font-size: 15px;
}

a.link-button.button-link-1:visited {
  font-size: 15px;
}

a.link-button.button-link-1:focus {
  font-size: 15px;
}

a.link-button.button-link-1:hover {
  display: block;
  min-width: 0;
  min-height: auto;
  border-width: 1px;
  border-color: #000;
  color: #fffc00;
  text-align: center;
  text-indent: 0;
  font-size: 15px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a.link-button.button-link-1:active {
  font-size: 15px;
}

/* Layout Elements */

body.grid-1 {
  padding-right: 0;
  padding-left: 0;
  max-width: 1200px;
  background-color: transparent;
}

.container-grid.column-type {
  display: grid;
  min-height: 20px;

  grid-area: elementArea;
}

.container-grid.row-type {
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-grid.row-1 {
  padding-top: 0;
  padding-bottom: 0;
  max-width: 1200px;
  background-color: #fff;
}

.container-grid.column-1 {
  background-color: #fff;
}

.container-grid.row-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.container-grid.row-3 {
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-1 {
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 0;
}

.rule.rule-1 hr {
  border-top-width: 2px;
}

.container-grid.row-4 {
  padding-top: 0;
  padding-bottom: 0;
}

a.responsive-picture.picture-link-1 {
  margin: 0 auto;
  max-width: 260px;
  border: 1px solid #0e0f20;
}

.container-grid.container-1 {
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  width: 80%;
  border: 2px solid #000349;
  border-radius: 10px;
}

a.responsive-picture.picture-link-2 {
  margin: 20px auto 0;
  max-width: 300px;
  border: 1px solid #000349;
}

div.responsive-picture.picture-sidebar {
  margin: 20px auto 0;
  max-width: 300px;
  border-width: 1px;
  border-style: solid;
}

a.responsive-picture.picture-portrait-sidebar {
  margin: 20px auto 0;
  max-width: 300px;
  border: 0 none #000349;
}

div.responsive-picture.logo {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.container-grid.subgrid-1 {
  margin-right: 20px;
  margin-left: 20px;
  padding-left: 0;
  border: 1px solid #000349;
}

div.responsive-picture.picture-sponsor {
  margin: 20px auto;
  max-width: 180px;
  border-width: 0;
  border-style: solid;
}

div.responsive-picture.picture-sponworwborder {
  margin: 20px auto;
  max-width: 300px;
  border: 1px solid #000;
}

.rule.rule-2 {
  margin-right: auto;
  margin-left: auto;
  width: 90%;
}

.container-grid.row-5 {
  max-width: 1160px;
  border-width: 1px;
  border-style: solid;
  background-color: #c6b299;
}

a.responsive-picture.picture-link-3 {
  display: inline-block;
  float: right;
  margin-top: 7px;
  margin-right: 30px;
  margin-bottom: 7px;
  max-width: 180px;
  border: 1px solid #fff;
}

.container-grid.row-6 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rule.rule-3 {
  margin: 0 auto;
  padding-top: 10px;
  padding-right: 6px;
  padding-bottom: 10px;
  width: 93%;
}

.html-element.html-element-1 {
  margin-right: auto;
  margin-left: auto;
}

div.responsive-picture.picture-2 {
  display: inline-block;
  float: right;
  margin: 0 40px 9px 30px;
  max-width: 500px;
  border: 1px solid #000349;
}

a.responsive-picture.picture-map {
  display: block;
  float: none;
  margin: 7px auto;
  max-width: 300px;
  border: 1px solid #000349;
}

.container-grid.column-2 {
  background-color: transparent;
}

.container-grid.column-3 {
  background-color: transparent;
}

div.responsive-picture.photo-page {
  margin: 10px auto;
  padding-right: 0;
  padding-left: 0;
  max-width: 400px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
}

div.responsive-picture.picture-3 {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
  border-width: 1px;
  border-style: solid;
}

.container-grid.column-4 {
  background-color: transparent;
}

a.responsive-picture.picture-link-4 {
  margin: 12px auto;
  max-width: 300px;
  border: 2px solid #000349;
}

.html-element.html-element-2 {
  margin-right: auto;
  margin-left: auto;
  min-width: 500px;
  max-width: 500px;
  text-align: center;
}

div.responsive-picture.picture-1 {
  margin-right: auto;
  margin-left: auto;
  max-width: 400px;
}

.container-grid.row-3.row-type {
  background-color: #34627c;
}

a.responsive-picture.picture-movie > picture > img {
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

a.responsive-picture.picture-movie {
  max-width: 800px;
}

div.responsive-picture.picturetall {
  margin: 20px auto;
  min-height: auto;
  max-width: 300px;
}

div.responsive-picture.picture-4 {
  margin-right: auto;
  margin-left: auto;
  background-image: none;
  background-attachment: scroll;
  background-position: left top;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: 0 0;
  background-repeat: no-repeat;

  background-blend-mode: normal;
}

@media screen and (min-width: 499px) {
  a.responsive-picture.picture-map {
    display: inline-block;
    float: right;
    margin-right: 30px;
    margin-left: 30px;
    max-width: 200px;
  }

  div.responsive-picture.photo-page {
    max-width: none;
  }
}

@media screen and (min-width: 601px) {
  a.responsive-picture.picture-map {
    max-width: 300px;
  }

  div.responsive-picture.photo-page {
    max-width: 400px;
  }
}

@media screen and (min-width: 1201px) {
  div.responsive-picture.picture-sponsor {
    background-image: url('https://red-resources.coffeecup.com/storage/common/url-placeholder.png'), url('https://red-resources.coffeecup.com/storage/common/url-placeholder.png'), url('../gif/brennerhill.jpg');
    background-attachment: scroll, scroll, scroll;
    background-position: left top, left top, left top;
    background-clip: border-box, border-box, border-box;
    background-origin: padding-box, padding-box, padding-box;
    background-size: auto auto, auto auto, auto auto;
    background-repeat: no-repeat, no-repeat, no-repeat;

    background-blend-mode: normal, normal, normal;
  }
}