<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
body p span, body p a, body div span, body div a, body li span, body li a, .widget_links p span, .widget_links p a, .widget_links div span, .widget_links div a, .widget_links li span, .widget_links li a {
  font-size: 1rem;
}

#page-title h1 {
  color: #FFF;
}
#page-title p, #page-title span {
  color: #FFF;
}
@media screen and (max-width: 1800px) and (min-width: 990px) {
  #page-title {
    padding-top: 15rem;
  }
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #000;
}
#content .transferpopLinksSections {
  font-size: 1.125rem;
  color: #FFF;
}
#content .popLinksSections {
  font-size: 1.125rem;
  color: #FFF;
  padding-bottom: 30px;
}
#content .popLinksSectionsBottom {
  font-size: 1.125rem;
  color: #FFF;
  margin-bottom: 0px;
}
#content .btnHelpfulLinks {
  color: white;
  line-height: 4;
}
#content .button-calendar {
  background-color: #0b77be;
  color: white;
  line-height: 3;
  width: 500px;
}
#content #popularLinksrow1,
#content #popularLinksrow2,
#content #popularLinksrow3,
#content #popularLinksrow4,
#content #popularLinksrow5,
#content #popularLinksrow6 {
  font-size: 1.125rem;
  color: #FFF;
}
#content #popularLinksrow1 h1, #content #popularLinksrow1 h2, #content #popularLinksrow1 h3, #content #popularLinksrow1 h4, #content #popularLinksrow1 h5, #content #popularLinksrow1 h6,
#content #popularLinksrow2 h1,
#content #popularLinksrow2 h2,
#content #popularLinksrow2 h3,
#content #popularLinksrow2 h4,
#content #popularLinksrow2 h5,
#content #popularLinksrow2 h6,
#content #popularLinksrow3 h1,
#content #popularLinksrow3 h2,
#content #popularLinksrow3 h3,
#content #popularLinksrow3 h4,
#content #popularLinksrow3 h5,
#content #popularLinksrow3 h6,
#content #popularLinksrow4 h1,
#content #popularLinksrow4 h2,
#content #popularLinksrow4 h3,
#content #popularLinksrow4 h4,
#content #popularLinksrow4 h5,
#content #popularLinksrow4 h6,
#content #popularLinksrow5 h1,
#content #popularLinksrow5 h2,
#content #popularLinksrow5 h3,
#content #popularLinksrow5 h4,
#content #popularLinksrow5 h5,
#content #popularLinksrow5 h6,
#content #popularLinksrow6 h1,
#content #popularLinksrow6 h2,
#content #popularLinksrow6 h3,
#content #popularLinksrow6 h4,
#content #popularLinksrow6 h5,
#content #popularLinksrow6 h6 {
  color: #FFF;
}
#content #popularLinksrow1 a,
#content #popularLinksrow2 a,
#content #popularLinksrow3 a,
#content #popularLinksrow4 a,
#content #popularLinksrow5 a,
#content #popularLinksrow6 a {
  color: #FFF;
  text-decoration: underline;
}
#content #popularLinksrow1 .col,
#content #popularLinksrow2 .col,
#content #popularLinksrow3 .col,
#content #popularLinksrow4 .col,
#content #popularLinksrow5 .col,
#content #popularLinksrow6 .col {
  max-width: 25%;
  padding-bottom: 0.25rem;
}
#content a:not(.btn) {
  color: #0b77be;
  padding: 0;
  line-height: 1.2;
}
#content .btnBusiness {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnBusiness:focus, #content .btnBusiness:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnCommunity {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnCommunity:focus, #content .btnCommunity:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnTransferAFA {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnTransferAFA:focus, #content .btnTransferAFA:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnCreativeArts {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnCreativeArts:focus, #content .btnCreativeArts:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnHealth {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnHealth:focus, #content .btnHealth:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnSkilledTrade {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnSkilledTrade:focus, #content .btnSkilledTrade:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnInformationTech {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnInformationTech:focus, #content .btnInformationTech:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .html-switch {
  color: #fff !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
  line-height: 11px !important;
}

@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Arvo";
  src: url("fonts/Arvo/Arvo-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Bold.ttf") format("truetype");
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-Light.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-LightItalic.ttf") format("truetype");
  font-weight: lighter;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("fonts/Open_Sans/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
body p span, body p a, body div span, body div a, body li span, body li a, .widget_links p span, .widget_links p a, .widget_links div span, .widget_links div a, .widget_links li span, .widget_links li a {
  font-size: 1rem;
}

#page-title h1 {
  color: #FFF;
}
#page-title p, #page-title span {
  color: #FFF;
}
@media screen and (max-width: 1800px) and (min-width: 990px) {
  #page-title {
    padding-top: 15rem;
  }
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #000;
}
#content .transferpopLinksSections {
  font-size: 1.125rem;
  color: #FFF;
}
#content .popLinksSections {
  font-size: 1.125rem;
  color: #FFF;
  padding-bottom: 30px;
}
#content .popLinksSectionsBottom {
  font-size: 1.125rem;
  color: #FFF;
  margin-bottom: 0px;
}
#content .btnHelpfulLinks {
  color: white;
  line-height: 4;
}
#content .button-calendar {
  background-color: #0b77be;
  color: white;
  line-height: 3;
  width: 500px;
}
#content #popularLinksrow1,
#content #popularLinksrow2,
#content #popularLinksrow3,
#content #popularLinksrow4,
#content #popularLinksrow5,
#content #popularLinksrow6 {
  font-size: 1.125rem;
  color: #FFF;
}
#content #popularLinksrow1 h1, #content #popularLinksrow1 h2, #content #popularLinksrow1 h3, #content #popularLinksrow1 h4, #content #popularLinksrow1 h5, #content #popularLinksrow1 h6,
#content #popularLinksrow2 h1,
#content #popularLinksrow2 h2,
#content #popularLinksrow2 h3,
#content #popularLinksrow2 h4,
#content #popularLinksrow2 h5,
#content #popularLinksrow2 h6,
#content #popularLinksrow3 h1,
#content #popularLinksrow3 h2,
#content #popularLinksrow3 h3,
#content #popularLinksrow3 h4,
#content #popularLinksrow3 h5,
#content #popularLinksrow3 h6,
#content #popularLinksrow4 h1,
#content #popularLinksrow4 h2,
#content #popularLinksrow4 h3,
#content #popularLinksrow4 h4,
#content #popularLinksrow4 h5,
#content #popularLinksrow4 h6,
#content #popularLinksrow5 h1,
#content #popularLinksrow5 h2,
#content #popularLinksrow5 h3,
#content #popularLinksrow5 h4,
#content #popularLinksrow5 h5,
#content #popularLinksrow5 h6,
#content #popularLinksrow6 h1,
#content #popularLinksrow6 h2,
#content #popularLinksrow6 h3,
#content #popularLinksrow6 h4,
#content #popularLinksrow6 h5,
#content #popularLinksrow6 h6 {
  color: #FFF;
}
#content #popularLinksrow1 a,
#content #popularLinksrow2 a,
#content #popularLinksrow3 a,
#content #popularLinksrow4 a,
#content #popularLinksrow5 a,
#content #popularLinksrow6 a {
  color: #FFF;
  text-decoration: underline;
}
#content #popularLinksrow1 .col,
#content #popularLinksrow2 .col,
#content #popularLinksrow3 .col,
#content #popularLinksrow4 .col,
#content #popularLinksrow5 .col,
#content #popularLinksrow6 .col {
  max-width: 25%;
  padding-bottom: 0.25rem;
}
#content a:not(.btn) {
  color: #0b77be;
  padding: 0;
  line-height: 1.2;
}
#content .btnBusiness {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnBusiness:focus, #content .btnBusiness:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnCommunity {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnCommunity:focus, #content .btnCommunity:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnTransferAFA {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnTransferAFA:focus, #content .btnTransferAFA:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnCreativeArts {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnCreativeArts:focus, #content .btnCreativeArts:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnHealth {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnHealth:focus, #content .btnHealth:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnSkilledTrade {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnSkilledTrade:focus, #content .btnSkilledTrade:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .btnInformationTech {
  color: white;
  width: 100%;
  border-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .btnInformationTech:focus, #content .btnInformationTech:hover {
  color: #837734;
  background-color: #FFFFFF;
}
#content .html-switch {
  color: #fff !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
  line-height: 11px !important;
}

.bg-blue {
  background: #1651A8;
  color: #fff;
}

.bg-blue h2 {
  color: #fff;
}

.navbar-nav {
  flex-flow: row;
}
.navbar-nav .nav-item {
  padding: 20px;
  text-align: center;
}

.breadcrumb .breadcrumb-item a {
  color: #0b77be;
}

.border-primary {
  border-color: #0b77be !important;
}

.btn-yellow {
  color: #000;
  background-color: #F3C716;
  border-color: #F3C716;
  text-shadow: none;
}

a:hover.btn-yellow {
  background-color: #fff;
  color: #0b77be;
  border: 1px solid;
}

.btn-blue {
  color: #fff;
  background-color: #0b77be;
  border: 3px solid #fff;
  padding: 10px;
}

.btn-blue a {
  color: #fff;
  text-decoration: none;
}

.btn-blue:hover {
  color: #0b77be;
  background-color: #fff;
}

.btn-blue:hover a {
  color: #0b77be;
  text-decoration: none;
}

.active &gt; a {
  font-weight: bold;
}

.row img {
  max-width: 100%;
}

img.Logo {
  max-width: 100px !important;
}

.validation-summary-valid {
  display: none;
}

.footerTitle {
  font-family: "Arvo", "serif";
  font-size: 1.125rem;
  font-weight: bold;
  color: #0d78bd;
}

.footerTitleUnderline {
  border-top-style: dotted;
  border-color: #676767;
}

.footerFont {
  font-size: 0.75em;
  font-weight: normal;
  color: #676767;
}

.footerLine {
  background-color: #0b77be;
  height: 4px;
}

.footerSep {
  color: white;
  display: inline;
}

.grayLine {
  border-left: 1px solid #f2f2f2;
}

.cardtitles {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: white;
}

#afa-titlesBusiness {
  background-color: rgba(131, 119, 52, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesTransfer {
  background-color: rgba(84, 130, 53, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesSkilledTrades {
  background-color: rgba(170, 99, 19, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesCommunity {
  background-color: rgba(69, 126, 140, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesCreativeArts {
  background-color: rgba(150, 96, 169, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesHealth {
  background-color: rgba(219, 51, 54, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}
#afa-titlesIT, #afa-titlesInformationTech {
  background-color: rgba(58, 120, 182, 0.8);
  padding: 60px;
  color: #FFF;
  margin-top: 200px;
}

#popularLinksBusiness {
  background-color: #837734;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksTransfer {
  background-color: #548235;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksSkilledTrades {
  background-color: #AA6313;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksCommunity {
  background-color: #457E8C;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksCreativeArts {
  background-color: #9660A9;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksHealthProf {
  background-color: #DB3336;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}
#popularLinksIT, #popularLinksInformationTech {
  background-color: #3A78B6;
  margin: 40px 0;
  padding: 40px 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-bottom: 4rem;
}

.afaDetailTitle {
  color: black;
  font-weight: 600;
  font-size: x-large;
  text-align: unset;
  margin: unset;
}

.businessNewsh1 {
  position: absolute;
  bottom: 45px;
  left: 25px;
  color: white;
}

.businessNewsh2 {
  position: absolute;
  bottom: 5px;
  left: 25px;
  color: white;
}

.tradesNewsh1 {
  position: absolute;
  bottom: 5px;
  left: 25px;
  color: white;
  z-index: 5;
  font-weight: 700;
}

#businessBotColorBar {
  background-color: #837734;
  height: 51px;
}

#transferBotColorBar {
  background-color: #548235;
  height: 51px;
}

#skilledTradesBotColorBar {
  background-color: #AA6313;
  height: 51px;
}

#communityBotColorBar {
  background-color: #457E8C;
  height: 51px;
}

#creativeArtsBotColorBar {
  background-color: #9660A9;
  height: 51px;
}

#healthProfBotColorBar {
  background-color: #DB3336;
  height: 51px;
}

#itBotColorBar {
  background-color: #3A78B6;
  height: 51px;
}

.youTubeVid {
  height: 100%;
  width: 100%;
  border-radius: 0px;
}

.youTubeVidBig {
  width: 1280px;
  margin-top: 40px;
  border-radius: 0px;
  margin-bottom: 50px;
}

.transferList {
  margin-left: 16px;
}

.transferGrid {
  padding: 0px;
}

.centerVideo {
  align-items: center;
  justify-content: center;
  display: flex;
}

.imageGrid {
  position: relative;
  display: wrap;
  display: flex;
  margin-left: -1px;
  margin-right: -1px;
  margin-bottom: -2px;
  flex-wrap: wrap;
}

#pictureGrid {
  padding-left: 0;
  border-radius: 0%;
  padding-top: 10px;
}

#noRadius {
  border-radius: 0%;
}

.btnTransfer, .btnTransfer:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
}
#content .btnTransfer a,
.btnTransfer a,
.btnTransfer a:hover {
  color: white;
  text-decoration: none;
}

#institutions-grid {
  width: 100%;
  margin: 0;
}
#institutions-grid &gt; a {
  border-radius: 0;
  border: 1px solid white;
}
#institutions-grid .card-body {
  padding: 0;
}
#institutions-grid h3 {
  white-space: pre-line;
  padding: 0;
  margin: 0;
}

h3 .skilledTrades {
  color: white;
}

h5 .skilledTrades {
  color: white;
}

.styledLinks {
  color: black;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.noBullet {
  list-style: none;
}

.studentTitle {
  color: white;
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 22px;
}

.microButton {
  background-color: #0b77be;
  width: 298px;
  height: 108px;
  text-decoration: none;
  text-align: center;
  padding-top: 43px;
  font-size: 24px;
  font-weight: 700;
}

#impDates {
  background-color: #0b77be;
  color: white;
  background: linear-gradient(to top, white 0%, white 50%, #0b77be 50%, #0b77be 100%);
}

.eventDate {
  position: absolute;
  top: 25px;
  left: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  width: 138px;
  height: 105px;
  text-align: center;
  padding-top: 9px;
  font-size: 40px;
  line-height: 1;
}

.eventText {
  color: black;
  text-align: center;
  justify-content: center;
  font-size: 15px;
}

.eventTextPadding {
  padding-top: 40px;
}

.bigVideo {
  width: 1280px;
  height: 720px;
}

#calendarButton {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  margin-top: -171px;
}

.accordianCenter {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}

.accordianStudent {
  background-color: #177DDC;
  color: white;
}

.accordion {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  margin: 2px;
}

.accordion-button {
  background-color: var(--bs-border-color);
}

.accordion .active,
.accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

#gradientImage {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255)), url("/images/MCC/helpfulLinks-banner.jpg");
  height: 800px;
  background-size: cover;
}

#microSiteLandingTitle {
  padding: 60px;
  color: white;
  opacity: 0.95;
  margin-top: 200px;
}

.parallax {
  background-image: url("/images/MCC/micrositeBanner.png");
  /* Set a specific height */
  min-height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#header-wrap {
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  min-height: 100px;
  position: relative;
  z-index: 10;
}

.full-header #logo {
  position: absolute;
  background: #0b77be;
  padding: 1rem;
  width: 192px;
  height: 192px;
  max-height: 192px;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0 0 0 0;
  border: 0 none transparent;
  top: 0;
}
@media screen and (max-width: 992px) {
  .full-header #logo {
    background: #FFF;
    position: relative;
    height: unset;
    width: unset;
  }
}
@media screen and (max-width: 992px) {
  .full-header #logo .horizontal-logo {
    display: block;
  }
  .full-header #logo .vertical-logo {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .full-header #logo .horizontal-logo {
    display: none;
  }
  .full-header #logo .vertical-logo {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .full-header .container {
    padding: 0;
  }
}
.full-header svg.svg-trigger {
  width: 4rem;
  height: 4rem;
}
.full-header svg.svg-trigger path {
  stroke: #0b77be;
}
.full-header .primary-menu {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 768px) {
  .full-header .primary-menu {
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
  }
  .full-header .primary-menu .menu-item {
    padding-left: 15px;
  }
}

.top-bar {
  background-color: #0b77be;
  height: 2rem;
  display: flex;
  justify-content: right;
  align-items: center;
  color: #FFF;
  gap: 2.5rem;
  padding: 0.1rem 2.5rem;
  font-size: 0.875rem;
  font-family: "Open Sans";
  font-weight: 700;
  z-index: 15;
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-bar {
    flex-wrap: wrap;
    gap: 5%;
    padding: 1rem;
    justify-content: center;
    height: auto;
  }
}
.top-bar a {
  color: #FFF;
  text-decoration: none;
}
.top-bar span {
  white-space: nowrap;
}
.top-bar a.btn {
  background-color: #F3C716;
  border-radius: 10px;
  text-transform: uppercase;
  color: #000;
  padding: 0 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .top-bar a.btn {
    width: 50%;
    padding: 0.5rem;
    margin: 1rem 0 0;
    border-radius: 20px;
  }
}

img[aria-label="star gif tracking pixel"],
body &gt; img {
  max-height: 0;
  position: absolute;
}

.fbox-media::after {
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.fbox-media .businessNewsh1,
.fbox-media .businessNewsh2 {
  font-family: "Open Sans";
  font-weight: 700;
  z-index: 5;
}
.fbox-media .businessNewsh1 {
  bottom: 2rem;
}
.fbox-media .businessNewsh2 {
  bottom: 0.5rem;
}

.studentAccordion &gt; .accordion-button {
  background-color: #E6F7FF;
}

#skip-to-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}

#skip-to-main:focus, #skip-to-main:active {
  right: 0;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  overflow: auto;
  z-index: 999;
  background-color: #0b77be;
}

.fr-class-h3 {
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 30px 0;
  font-family: "Arvo", sans-serif;
  font-size: 1.5rem;
  color: #000;
}

.custom-dropdown-body {
  width: 100%;
}

.custom-dropdown-body:focus-within {
  display: block;
}

.custom-dropdown {
  gap: 2rem;
}

#program-landing-filter-options {
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  #program-landing-filter-options {
    gap: 0.5rem;
  }
}

.program-img {
  background-size: cover;
  aspect-ratio: 2/1;
}
@media screen and (min-width: 576px) {
  .program-img {
    aspect-ratio: 1/1.75;
  }
}

.darken-image {
  background-position: center;
  background-color: transparent;
  position: relative;
}

.darken-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.focus-border {
  height: 90%;
  width: 90%;
  display: flex;
  outline: none;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.focus-border:hover {
  border: solid white 0.375rem;
}
@media screen and (min-width: 576px) {
  .focus-border:hover {
    border: solid #F3C716 0.375rem;
  }
}

.bread-crumbs {
  color: black;
}

@media screen and (max-width: 992px) {
  .bread-crumbs {
    display: none;
  }
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #0b77be;
  content: "&gt;";
}

.dptContactHrs {
  color: #0b77be;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 991px) and (min-width: 769px) {
  .full-header .primary-menu {
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
  }
  .mega-menu-content .sub-menu-container:not(.mega-menu-dropdown) {
    display: block !important;
  }
}
.accordion-form-item .ktc-default-section {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  margin-bottom: 20px;
}
.accordion-form-item .ktc-default-section .control-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.accordion-form-item .ktc-default-section .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  margin-bottom: 15px;
}
.accordion-form-item .ktc-default-section .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.accordion-form-item .ktc-default-section .form-text {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #6c757d;
}
.accordion-form-item .ktc-default-section .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
}
.accordion-form-item .ktc-default-section .ktc-checkbox, .accordion-form-item .ktc-default-section .ktc-radio {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.accordion-form-item .ktc-default-section .ktc-checkbox .form-control, .accordion-form-item .ktc-default-section .ktc-radio .form-control {
  width: auto !important;
  appearance: auto !important;
}
.accordion-form-item .ktc-default-section .ktc-checkbox input[type=checkbox], .accordion-form-item .ktc-default-section .ktc-checkbox input[type=radio], .accordion-form-item .ktc-default-section .ktc-radio input[type=checkbox], .accordion-form-item .ktc-default-section .ktc-radio input[type=radio] {
  margin-right: 10px;
}

.accordion-button-focus-visible {
  outline-style: solid !important;
  outline-width: 2px !important;
  outline-color: black !important;
}
</pre></body></html>