.pageWidth {
  margin: 0 auto;
  max-width: 970px;
  text-align: left; }

#header {
  background-color: #061317; }
  #header #topBar {
    display: flex;
    flex-direction: column;
    height: unset;
    padding: 5px;
    position: relative;
    background-color: #B5E603; }
    #header #topBar #userLoginInset * {
      color: #061317; }
    #header #topBar #userLoginInset {
      position: absolute;
      right: 50px; }
      #header #topBar #userLoginInset.notSignedIn {
        display: none; }
      #header #topBar #userLoginInset * {
        font-family: "Fredoka", Arial, Helvetica, sans-serif; }
      #header #topBar #userLoginInset a, #header #topBar #userLoginInset div {
        font-size: 16px; }
        #header #topBar #userLoginInset a:hover, #header #topBar #userLoginInset div:hover {
          color: #9A979D;
          transition: 0.3s; }
      #header #topBar #userLoginInset div {
        display: inline-block;
        margin: 0 12px; }
      #header #topBar #userLoginInset a.button {
        background: unset !important; }
        #header #topBar #userLoginInset a.button span {
          background: unset !important;
          font-weight: 400; }
        #header #topBar #userLoginInset a.button:hover {
          text-decoration: none;
          transition: 0.3s; }
          #header #topBar #userLoginInset a.button:hover span {
            color: #9A979D; }
    #header #topBar .headerContacts {
      margin: 21px auto 0 auto;
      width: 100%;
      max-width: 1000px; }
      #header #topBar .headerContacts .contactBar {
        background-color: #B5E603;
        color: #061317;
        display: flex;
        justify-content: space-between; }
        #header #topBar .headerContacts .contactBar .contactInfo {
          display: flex;
          gap: 10px;
          font-family: "Fredoka", Arial, Helvetica, sans-serif; }
          #header #topBar .headerContacts .contactBar .contactInfo .contactItem {
            margin-right: 15px;
            text-decoration: none;
            color: #061317;
            font-size: 1.4em; }
            #header #topBar .headerContacts .contactBar .contactInfo .contactItem:hover {
              color: #9A979D;
              transition: 0.3s; }
        #header #topBar .headerContacts .contactBar div.socialLogos ul.socialLinks {
          display: flex;
          gap: 10px; }
          #header #topBar .headerContacts .contactBar div.socialLogos ul.socialLinks li.socialLink a {
            font-size: 1.8em;
            text-decoration: none;
            color: #061317;
            padding: 4px;
            border-radius: 4px; }
            #header #topBar .headerContacts .contactBar div.socialLogos ul.socialLinks li.socialLink a:hover {
              color: #B5E603;
              background-color: #061317;
              transition: 0.3s; }
  #header .navBar {
    display: flex;
    background-color: #061317;
    justify-content: space-between;
    align-items: center;
    padding: 13px 30px;
    max-width: 1270px;
    margin: auto;
    height: 130px; }
    #header .navBar .menuContainer {
      width: max-content; }
      #header .navBar .menuContainer #mainMenu ul li {
        display: inline-block;
        vertical-align: top;
        margin: 5px; }
        #header .navBar .menuContainer #mainMenu ul li a {
          display: block;
          color: #B5E603;
          font-size: 1.5em;
          padding: 10px;
          font-family: "Fredoka", Arial, Helvetica, sans-serif;
          font-weight: 600;
          border: 3px solid transparent; }
          #header .navBar .menuContainer #mainMenu ul li a:hover {
            text-decoration: none;
            background-color: #B5E603;
            color: #061317;
            transition: 0.3s; }
          #header .navBar .menuContainer #mainMenu ul li a .chevron-down {
            display: none; }
          #header .navBar .menuContainer #mainMenu ul li a.pulldown .chevron-down {
            padding-left: 5px;
            display: inline-block; }
      #header .navBar .menuContainer #mainMenu ul li#mainMenu_LogIn a {
        color: #061317;
        background-color: #B5E603;
        border: 3px solid transparent; }
        #header .navBar .menuContainer #mainMenu ul li#mainMenu_LogIn a:hover {
          color: #B5E603;
          background-color: #061317;
          border: 3px solid #B5E603;
          transition: 0.3s; }
      #header .navBar .menuContainer #mainMenu ul div.subMenu {
        position: absolute;
        z-index: 100;
        text-align: left;
        border-top: 0;
        margin-left: -5px;
        background-color: #061317; }
        #header .navBar .menuContainer #mainMenu ul div.subMenu ul {
          padding: 0; }
          #header .navBar .menuContainer #mainMenu ul div.subMenu ul li {
            display: block;
            margin: unset; }
            #header .navBar .menuContainer #mainMenu ul div.subMenu ul li a {
              padding: 15px; }
    #header .navBar .logoContainer {
      height: auto;
      width: auto; }
      #header .navBar .logoContainer a img {
        width: 245px; }

#pageContainer {
  margin: 0 auto; }

#mainPage {
  margin: 15px auto !important; }

#footer {
  background-color: #B5E603;
  min-height: 200px; }
  #footer #footerTopGraphicsWhiteDash {
    position: relative;
    top: -15px;
    z-index: 2;
    max-width: 100%; }
  #footer #footerTopGraphicsXX {
    float: right;
    z-index: 2;
    position: relative;
    top: -64px; }
  #footer #footerInner {
    display: flex;
    position: relative;
    padding-bottom: 60px; }
    #footer #footerInner .column {
      margin: 20px; }
    #footer #footerInner div.logoFooterColumn div.footerLogo {
      margin-bottom: 15px; }
    #footer #footerInner .logoFooterColumn div.organizationText {
      font-family: "Fredoka", Arial, Helvetica, sans-serif;
      font-size: 1.4em;
      line-height: 1.8em;
      text-transform: uppercase;
      color: #061317; }
    #footer #footerInner .socialLogos {
      margin-top: 15px; }
      #footer #footerInner .socialLogos ul.socialLinks {
        display: flex;
        flex-direction: row;
        gap: 10px; }
        #footer #footerInner .socialLogos ul.socialLinks li.socialLink {
          width: 27px; }
          #footer #footerInner .socialLogos ul.socialLinks li.socialLink a {
            text-decoration: none;
            font-size: 24px;
            color: #061317;
            border-radius: 4px;
            padding: 2px; }
            #footer #footerInner .socialLogos ul.socialLinks li.socialLink a:hover {
              color: #B5E603;
              transition: 0.3s;
              background-color: #061317; }
    #footer #footerInner .footerMenus h4.footerMenusTitle {
      font-family: "League Spartan", Sans-serif;
      font-size: 2em;
      font-weight: 700;
      text-transform: uppercase;
      line-height: 2em; }
    #footer #footerInner .footerMenus ul.menuItems {
      margin-top: 15px;
      list-style: none !important;
      margin: 0;
      padding: 0;
      column-count: 2; }
      #footer #footerInner .footerMenus ul.menuItems li {
        margin-bottom: 6px; }
        #footer #footerInner .footerMenus ul.menuItems li a {
          font-family: "Fredoka", Arial, Helvetica, sans-serif;
          font-size: 1.4em;
          line-height: 1.8em;
          text-transform: uppercase;
          color: #061317;
          font-weight: 400; }