@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap');
@import url('//cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.css');

#MainHtml body {visibility:hidden; max-width:100vw; overflow-x:hidden;}
#MainHtml body.makeVisible {visibility:visible;}

.logoSlide {
    position: relative;
}
div#WTZone17_Page1 {
    display: flex;
    justify-content: center;
}
.logoSlide {
    min-height: 150px;
}

.pageBackground {
    width: 100vw;
}

a#ctl01_BreadCrumb_ctl00_NodeLink:hover {
    text-decoration: none;
    color: #A71D31;
}
.SearchResultSummary .ListItemTitle a {

    color: #06476b !important;

}
.opaqueMenu img {
    max-width: 230px;
}
#masterHeaderImage-int img {
    max-width: 230px;
}
.logoSlide img {
    top: 50%;
    transform: translatey(-50%);
    position: absolute;
    left: 0;
    right: 0;
}

.RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow td, .RadGrid.RadGrid_Metro .rgEditRow td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, 
.RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {vertical-align:top!important;}

.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid_MetroTouch .rgSelectedRow, .RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid_MetroTouch .rgSelectedRow td.rgSorted {
color: #414141!important;}

.RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
    border-color: transparent;
}

.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, .panel-heading.Distinguish, h1 {
    padding-left: 0;
}

.noSidePanelPadding .panel-body, .noSidePanelPadding .PanelBody {
    padding: 10px 0;
}

.noSidePanelPadding .panel-heading.Distinguish, .noSidePanelPadding .PanelHead.Distinguish, 
.noSidePanelPadding .TitleBarCaption, .noSidePanelPadding .panel-group .panel-heading {
    padding: 6px 0;}

.videoBlock.multiRow .slick-slide > div {
    height: 500px;
}
a.AddPaddingLeft {
    padding-left: 15px;
    font-size: 85%;
}
.newsOutput svg {
    position: relative;
    top: 18px;
    margin-right: 20px;
}
.RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerButton {
    background-color: #005c85;
    border-color: #005c85;
    color: #fff !important;
}
.customSearch .Description {
    margin-left: 5px;
}
.customSearch .PublishDate , .customSearch .ImageSection {
    display: none;
}

.bkBrown a, .bkBrown a:visited {
    color: rgba(255, 255, 255, .75)!important;
    text-decoration: underline;
}

.bkBrown a:hover {
    color: rgba(255, 255, 255, 1)!important;
    text-decoration: none;
}

.imageWidth100 img {width:100px;}
.imageWidth125 img {width:125px;}
.imageWidth150 img {width:150px;}
.imageWidth200 img {width:200px;}
.imageWidth250 img {width:250px;}
.imageWidth300 img {width:300px;}

body {
    font-size: 18px;
    line-height: 27px;
    max-width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish {
    border-color: #e5e5e5;
}
.ContentTabbedDisplay {
    border: 1px solid #e5e5e5;
}
.ContentWizardDisplay {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e5e5e5;
    padding: 10px;
}
.Quote:before {

    font-family: 'dm serif display';
}
.imageScroller.wide .slick-slide .ContentHtml {position:relative;}
.imageScroller.wide .slick-slide .ContentHtml > a {top:50%; transform:translatey(-50%);position:absolute; display:block;left:0;right:0;}
.imageScroller.wide .slick-slide .ContentHtml > img {top:50%; transform:translatey(-50%);position:absolute; display:block;left:0;right:0;}

blockquote.Quote {
    font-family: 'dm serif display';
    font-weight: 400;
}
.brownBox hr, .blueBox hr, .bluishGrayBox hr {
    border-color: rgba(255,255,255,.5);
}


a.panel-heading-collapse, a.panel-heading-collapse:hover {
    text-decoration: none;
}
a[data-toggle="collapse"] {
    color: #222f33!important;
}

#masterContentArea .RadTreeView ul li.rtLI:before, #masterContentArea ul li.rmItem:before {content:none;}

.adBlock .ContentHtml {
    max-width: 336px;
    margin: auto;
}

.RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox {
    height: 37px;
    padding: 5px 10px;
    border-color: #c4c4c4;
    font: inherit;
    color: #414141;
    background-color: #c4c4c4;
}

.RadInput_Metro a, .RadInput_Metro.RadInputDisabled a:hover, .RadInput_Metro.RadInputDisabled a:active {
    border-color: #c4c4c4!important;
    color: #414141!important;
    background-color: #c4c4c4!important;
}

.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
    color: #414141!important;
}
.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
    background-color: #e5ecee!important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: auto;
    padding: 5px 10px;
    font-size: 100%;
    line-height: 1.8;
    color: #414141;
    border: 1px solid #c4c4c4;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    background-color: #c4c4c4;
}

.CartCharges .GrandTotal .PanelField .Label, .CartCharges .GrandTotal .PanelField {
    color: #414141;
}

.CartCharges {
    background-color: transparent;
}

.carousel-inner.bg-img > .item {
background-color: #414141;}

.eventCalendar h2 {padding-bottom:0;}
.member-spotlight-text .socialIcons a {
    padding-right: 7px;
    vertical-align: middle;
}
.RadGrid_MetroTouch {
    border: none!important;
}
.storyTitle {line-height:21px;
    padding-top: 15px;
    font-weight: 700;
}
.noPad-panel-body .panel-body {padding:0;}

.pageIcons {
    overflow: hidden;
}
.customSearch .panel-body, .customSearch .panel-heading.Distinguish {
    padding-right: 0;
    padding-left: 0;
}
.pageIcons .slick-slide {
    padding: 15px;
}

.storyItem.circularPageIcon {
    position: relative;
}

.RadMenu_GreatBarrierReef .rmSlide .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmLink {font-size:100%;}

.circularPageIcon .storyLink {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-size: 0;
}

.circularPageIcon .storyLink > a {
    display: block;
    height: 100%;
    width: 100%;
}
.logoSlide img {
    max-height: 120px;
}
.eventCalendar {
overflow:hidden;}

.imageScroller .slick-slide .ContentHtml {

    min-height: 150px;
}
.eventSlide {
    position: relative;
    min-height: 150px;
}
.slick-slide img {
padding:0 25px;
}

.wideTall .slick-slide img {
padding:0 35px;
}

.fancybox-inner {
    padding-top: 30px;
}

.storyItem.circularPageIcon {
    padding: 15px;
    text-align: center;
}

.circularPageIcon .storyImage {
    width: 100%;
    height: 16rem;
    overflow: hidden;
    border-radius: 100%;
    background-position: center;
    background-size: cover!important;
    background-repeat: no-repeat;
    width: 160px!important;
    height: 160px!important;
    max-width: 160px!important;
    max-height: 160px!important;
    margin: auto!important;
}

.breadcrumb {
    float: none;
    display: inline;
    line-height: 33px;
    position: relative;

}
ol, ul {
    list-style: none;
    padding-left: 20px;
}
.container {
    width: 100%;
    padding-right: 3.2rem;
    padding-left: 3.2rem;
    max-width: 1440px;
}

.noMarginTopBottom {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.noHeight {
    height: 0;
}

.footerSocialIcons + .text-white.text-2xl {
    margin-bottom: 2rem;
}

.rgMasterTable a, .rgMasterTable a:visited
 {
    color: #06476b!important;
}

.BreadCrumbCurrent {
    font-size: inherit;
    font-weight: normal;
}
.RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
    color: #555;
    color: #333!important;
    font-weight: 700;
    text-decoration: none!important;
}
.RadGrid_MetroTouch .rgAltRow {
    background: #f2f2f2!important;
}
.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {

    font-weight: 700;
    letter-spacing: 0;
}
.homepageTabs .RadTabStrip .rtsLevel1 .rtsTxt, .homepageTabs .RadTabStripVertical .rtsLevel1 .rtsTxt {

    font-weight: 400;
    letter-spacing: 0;
}
#ctl01_TemplateBody_WebPartManager1_gwpste_container_BreadCrumb_ciBreadCrumb_BreadCrumbControl, 
#ctl01_TemplateBody_WebPartManager1_gwpste_container_Breadcrumb_ste_container_Breadcrumb {position:relative;

    top: -26px;
}

.member-spotlight {text-align:right;}

.newsOutput .storyTitle {padding-top:0;
    color: #06476b;
    transition: all .3s ease;
    font-weight: 700;
    padding-bottom:1.3rem;
}

.newsOutput .storyDate {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    padding-bottom: 1rem;
}

.newsOutput .storyImage {float:left;
    width: 210px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.newsOutput .storyDetailBlock {float:left;
    width: calc(100% - 225px);
}

.newsOutput .panel-body, .newsOutput.PanelBody {padding:0;}

.newsOutput .storyItem {float:left; padding-bottom:4.5rem;}

.newsOutput .TaggedListPanel > .storyItem:first-child {padding-top:2rem;}

a#ctl01_BreadCrumb_ctl00_NodeLink:hover {
    text-decoration: none;
}

.btn, .TextButton {margin:5px;height:unset; min-height:42px;}

.CalloutPart2 .PanelFieldValue {
    text-align: left;
}

h2.panel-title, h2.PanelTitle {font-size:4rem;}

a:not([class]), a[class=''] {
    color: #06476b;
    transition: all .3s ease;
}

.pagePanelFrame:before {
    content: '';
    position: absolute;
    height: 175px;
    width: 100%;
    background: linear-gradient(180deg, rgba(65, 65, 65, 0), rgba(65, 65, 65, 0.95) 50%, #414141);;
    z-index: 2;
    bottom: 0;
}



.backToTop {right:0; bottom:30px}

.pagePanelFrame .eventButton {
    z-index: 3;
}

.ProgressTracker2 .count, .ProgressTracker_Dashboard .count {
    font-size: 350%;
    font-family: 'dm serif display';
    letter-spacing: 2px;
    font-weight: 400;
	color:#005c85;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.itemYear {
    text-align: center;
    opacity: 0.5;
}

.yellow-list li {
    position: relative;
    list-style: none;
}

.items-start > svg + h3 {
    margin-top: 0;
}

/*!****************************
* Accordion
******************************/

.AccordionContent {
    padding: 2rem;
}

.ContentItemContainer > div[id*='Panel_AccordionContent'] {
    padding: 2rem;
}

.AccordionContentIQA,
.AccordionHeaderIQA,
.AccordionHeader,
.AccordionContent,
.AccordionMultiHeader {
    width: 100%;
}

.AccordionIQA .panel-heading.Distinguish:before,
div[id*='_AccordionHeader']:before,
div[id*='_AccordionMultiHeader']:before,
.AccordionHeader:before,
.AccordionHeaderIQA:before,
.AccordionMultiHeader:before {
    display: inline-block;
    font-family: fontawesome;
    content: '\f0d8';
    transform: rotate(90deg);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 18px;
    line-height: 27px;
}


.miniAccordionZone div[id*='_AccordionMultiHeader'].headerSelected:before, .miniAccordionZone .AccordionMultiHeader.headerSelected:before, .miniAccordionZone div[id*='_AccordionMultiHeader']:before, .miniAccordionZone .AccordionMultiHeader:before {
    display: inline-block;
    font-family: 'material icons';
    content: 'check_circle';
    transform: none;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 16px;
    line-height: 27px;
    font-size: 16px;
    color: #005c85;
}

.miniAccordionZone div[id*='_AccordionMultiHeader']:after, .miniAccordionZone .AccordionMultiHeader:after {
    display: inline-block;
    font-family: 'material icons';
    content: 'add_circle';
    transform: rotate(90deg);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 16px;
    color: #005c85;
    line-height: 27px;
    position: absolute;
    right: 30px;
}

.miniAccordionZone .AccordionControl h2, .miniAccordionZone .AccordionControl h3, .miniAccordionZone .AccordionControl h4 {font-weight:400; font-size:18px;line-height:27px; font-family:'dm sans', san-serif;}

.miniAccordionZone .AccordionControl.headerSelected, .miniAccordionZone div[id*='_AccordionMultiHeader'].headerSelected {
    background: #005c85!important;
    color: white!important;
}

.miniAccordionZone .AccordionControl {
    margin-top: 20px;
}

.miniAccordionZone div[id*='_AccordionMultiHeader'].headerSelected:before, 
.miniAccordionZone .AccordionMultiHeader.headerSelected:before, 
.miniAccordionZone div[id*='_AccordionMultiHeader'].headerSelected:before, 
.miniAccordionZone .AccordionMultiHeader.headerSelected:before {color:white;}


.miniAccordionZone div[id*='_AccordionMultiHeader'].headerSelected:after,
.miniAccordionZone .AccordionMultiHeader.headerSelected:after { color:white;
    display: inline-block;
    font-family: 'material icons';
    content: 'add_circle';
    transform: rotate(135deg);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-right: 0;
}

.AccordionIQA .panel-heading.Distinguish.headerSelected:before,
div[id*='AccordionHeader'].headerSelected > div[id*='_AccordionHeader']:before,
div[id*='_AccordionMultiHeader'].headerSelected:before,
.AccordionHeaderIQA.headerSelected:before,
.AccordionHeader.headerSelected:before,
.AccordionMultiHeader.headerSelected:before {
    display: inline-block;
    content: '\f0d8';
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    margin-right: 0;
}

.AccordionIQA .panel-body-container,
div[id*='AccordionContent'].ContentItemContainer,
.AccordionContentIQA {
    height: 0;
    overflow: hidden;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    float: right;
    background: transparent;
}

.AccordionIQA .panel-heading.Distinguish,
.iMIS-WebPart.accHeader,
.iMIS-WebPart.accMultiHeader,
.AccordionHeader,
.AccordionHeaderIQA,
.AccordionMultiHeader {
    z-index: +1;
    cursor: pointer;
    background: transparent;
    font-size: 22px;
    font-weight: 500;
    padding: 0;
    line-height: 30px;
    padding-top: 0;
    border-bottom: 1px solid white;
}

.AccordionIQA .panel-heading.Distinguish,
.iMIS-WebPart.accHeader > div.ContentItemContainer,
.iMIS-WebPart.accMultiHeader > div.ContentItemContainer > div[id*='AccordionMultiHeader'],
.AccordionHeader,
.AccordionHeaderIQA,
.AccordionMultiHeader {
    color: white;
    border-bottom: none;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0) 51.28%), #005c85;
}

.miniAccordionZone .iMIS-WebPart.accMultiHeader > div.ContentItemContainer > div[id*='AccordionMultiHeader'], .miniAccordionZone .AccordionMultiHeader {
    color: #414141;
    border-bottom: none;
    background-color: #e5ecee;
    box-shadow: 0 0 1px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.04), 0 10px 20px rgba(0,0,0,.04);

    font-weight: 400;
}

.AccordionHeader {
    height: 47px;
    font-size: 18px;
    padding: 10px;
    font-weight: 400;
    border-bottom: 1px solid white;
}

.AccordionHeader.headerSelected:before {
    margin-right: 5px;
}

.AccordionHeaderIQA {
    min-height: 48px;
    padding-top: 15px;
}
.AccordionContent.notShown {
    padding: 0 2rem;
}

.shown > div,
.notShown > div {
    padding: 2rem;
}

.AccordionIQA .panel-body-container,
.iMIS-WebPart > div[id*='AccordionContent'].ContentItemContainer,
.iMIS-WebPart > div[id*='AccordionHeader'].ContentItemContainer,
.iMIS-WebPart > div[id*='AccordionMultiHeader'].ContentItemContainer {
    margin-bottom: 0px;
}

.AccordionIQA .panel-body-container.notShown,
div[id*='_AccordionContent'].notShown,
.AccordionContent.notShown,
.AccordionContentIQA.notShown,
div[id*='AccordionContent'].ContentItemContainer.notShown {background:white;
    z-index: -1;
    height: 0;
    max-height: 0px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.AccordionContent.notShown {
    padding: 0 2rem;
}

.AccordionIQA .panel-body-container.shown,
div[id*='AccordionContent'].ContentItemContainer.shown,
div[id*='_AccordionContent'].shown,
.AccordionContent.shown,
.AccordionContentIQA.shown {
    height: 100%;
    width: 100%;
    opacity: 1;
    max-height: 100%;
    position: inherit !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.AccordionContentIQA.shown {
    padding: 2rem 0;
}

.AccordionIQA h2.panel-title,
.AccordionIQA h3,
div[id*='_AccordionHeader'] h2,
div[id*='_AccordionHeader'] h3,
div[id*='_AccordionHeader'] h4,
div[id*='_AccordionMultiHeader'] h2,
div[id*='_AccordionMultiHeader'] h3,
div[id*='_AccordionMultiHeader'] h4,
.AccordionHeaderIQA h2,
.AccordionHeaderIQA h3,
.AccordionHeaderIQA h4,
.AccordionHeader h2,
.AccordionHeader h3,
.AccordionHeader h4,
.AccordionMultiHeader h2,
.AccordionMultiHeader h3,
.AccordionMultiHeader h4 {
    display: inline;
    margin: 0 7px 0 0;
    border-bottom: 0;
    color: inherit;
    font-family: 'dm sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.AccordionHeader:before {
    margin-right: 5px;
}

.AccordionIQA {
    padding: 0 15px 0 15px;
}

.AccordionIQA .panel-body-container.shown {
    padding: 0;
}
div[id*='AccordionContent'].ContentItemContainer.shown {
    background: white;
}

.miniAccordionZone div[id*='AccordionContent'].ContentItemContainer.shown {margin-bottom:20px;
    background: white;
    box-shadow: 0 0 1px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.04), 0 10px 20px rgba(0,0,0,.04);
}

div[id*='AccordionContent'].ContentItemContainer.shown > div > .AccordionZone {
    padding: 3rem 0;
}

.AccordionZoneIQA div[id*='AccordionContent'].ContentItemContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.AccordionControl {cursor:pointer;
    min-height: 0 !important;
    font-size: 18px;
    line-height: 27px;
    padding: 10px;
    color: white;
    height: 47px;
    overflow: hidden;
    max-height: 47px;
}

.circle-banner__circle {
    width: 16rem;
    height: 16rem !important;
}

.circle-banner__circle-wrapper {
    width: 100%;
    max-width: 24rem;
}

.newsOutput {
    overflow: hidden;
}

table.table th,
table.table td {
    border: 1px solid #c7c7c7;
    border-collapse: collapse;
}

table.table th {
    text-align: left;
    padding: 3.2rem 0.8rem 0.4rem;
    vertical-align: bottom;
    background-color: #e5ecee;
    text-align: center;
}

table.table td {
    padding: 0 0.8rem;
    vertical-align: middle;
    text-align: center;
}

table.table tr:nth-child(even) {
    background-color: #f7f7f7;
}

table.table i.material-icons {
    padding-top: 0.4rem;
}

table.table tr.table-last {
    border: 0;
}
table.table tr.table-last td {
    border: 0;
}

.table-container i.material-icons {
    color: #005c85;
}

.pageBanner .item:before {
    position: absolute;
    content: '';
    background-color: #000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.2;
    z-index: +1;
}

#masterContentArea {
    margin-top: -1px; padding-bottom:3rem;
}

.FullWidth #masterContentArea {padding-bottom:0;}



/*Row Backgrounds */

.bkBrown {
    background: #414141;
    color: rgba(255, 255, 255, 0.75);
}

.bkBrown h1, .bkBrown h2, .bkBrown h3, .bkBrown h4 {
    color: rgba(255, 255, 255, 1);
    padding-top: 2rem;
}

.bkBrownImage2 .whiteBox {

    position: relative;
    margin: 4rem 0;
}

.bkGray {
    background: #e5e5e5;
}

.bkGrayLines,
.bkBlueGrayGradient {
    position: relative;
    background-image: linear-gradient(180deg, #e6ecee, rgba(230, 236, 238, 0) 0.01%, #e5ecee);
}
.bkGrayLines:before {
    content: '';
    background-image: url(/images/template2020/nyscoss_pattern.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

a.underline {text-decoration:underline;}


.blueBox li, .ltSlateBox li {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.ltBlueBox {
    padding: 6rem;
    background-color: #e5ecee;
    position: relative;
    z-index: +1;
    background-image: url(/images/template2020/nyscoss_pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.pageBackground.bkWhiteShadowTop:before {
    box-shadow: 0 16px 24px rgba(0,0,0,.06);
    content: '';
    width: 100%;
    height: 1em;
    position: absolute;
    margin-top: -6rem;
}

.pageBackground.bkWhiteShadowTop {
    padding: 4rem 0;
}

.pageBackground.bkLtGrayBlue {
    padding: 4rem 0;
}

.pageBackground.bkGrayLines {
    padding: 4rem 0;
}

.pageBackground.bkLtGrayLtSlate {
    padding: 4rem 0;
}

.pageBackground.bkBlueGrayGradient {
    padding: 4rem 0;
}


.bkGrayImageNY {background: #e5ecee; 
    overflow: hidden;
    width: 100%;
    display: block;
}

.pageBackground.bkGrayImageNY:before {
    content: '';
    background-image: url(images/nyBackgroundBig.svg);
    height: 540px;
    width: 666px;
    position: absolute;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    left: 50%;
    transform: translatex(-50%);
    opacity: .25;
}


.bkGrayishBlue {
    background: #e5ecee;
}
.pageBackground.bkGrayishBlue {
    padding: 4rem 0;
}

@media (max-width: 767px) {
    .pageBackground.bkGrayBlue > .row {
        padding: 15px;
    }
	.EventSummary .PhotoArea img {

    width: 100%;
    max-width:100%;
}
	
.EventSummary .PhotoArea {
    padding: 2em;
    width: 100%;
}	
}




.pageBackground.bkGrayBlue > .row > .col-sm-5 > .row > .col-sm-12 {
    background: #005c85;
}


.bkWhiteBlue {background:transparent;
}

.bkLtGray {
    background: #e5e5e5;
}



.pageBackground.bkBrownImage2 > .row {
    background-image: url(/images/NYSCOSS/threecol.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 120%;
}

.bkImage1 {
    background-image: url(/images/template2020/threesmilingpeople.jpg);
    background-size: cover;
    max-width: 100vw;
    background-position: 50% 39%;
	position:relative;
}



.pageBackground.bkImage1:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
}

.bkImage1 h2,
.bkImage1 h3,
.bkImage1,
.bkIimage1 a {
    color: white;
}

.bkTransparent {
    background: transparent;
}

.bkWhite {
    background: white;
    position: relative;
}
.pageBackground.bkWhite, .pageBackground.bkGray {
    padding: 10px 0 10px 0;
}
.Wrapper-HomePage .pageBackground.bkWhite, .Wrapper-HomePage .pageBackground.bkGray {
    padding: 40px 0;
}




.Wrapper-HomePage .pageBackground.bkGray {padding:0;}

.landingPage > .pageBackground.bkWhite:first-child {
    padding: 0; 
}

.bkWhiteBlue2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+67,005c85+67,005c85+67 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 65%, rgba(0, 92, 133, 1) 65%, rgba(0, 92, 133, 1) 65%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 65%, rgba(0, 92, 133, 1) 65%, rgba(0, 92, 133, 1) 65%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 65%, rgba(0, 92, 133, 1) 65%, rgba(0, 92, 133, 1) 65%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/*end*/

.pageBanner .panel {
    border: 0;
}

.pageBanner .panel-body {
    padding: 0;
}

h1,
.h1,
.PageTitle,
h2,
.h2,
.PanelTitle {
    line-height: 1;
    padding-bottom: 1.6rem;
    font-family: 'DM Serif Display', sans-serif;
    color: #222f33;
    font-weight: 400;
}
h4, .h4, .SectionLabel {
    color: #222f33;
    font-family: 'dm serif display';
}
.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_MetroTouch th.rgSorted,
.RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell,
.RadGrid.RadGrid_Metro .rgSelectedRow,
.RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow,
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted,
.RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #414141;
    border-color: transparent; color:white;
}

.RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted {background-color:transparent; color:#333;}

.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
    color: #333 !important;
}

.CalloutPart2 .SectionLabel:after {
    content: none;
}
.EventSummary {
    background-color: transparent;
}
.CommunicationPreferencesSection {
    background-color: #e5e5e5;
}
.RadTabStrip.RadTabStrip_MetroTouch { 
    background: #005c85;
    padding: 10px 10px 0 10px !important;
    text-transform: uppercase;
}


.CalloutPart2 {
    background-color: #e5e5e5;
    text-align: center;
    margin: 3rem 0;
}
.CalloutPart1 {

    margin: 3rem 0;
}
a,
a:visited {
    color: #06476b;
    text-decoration: underline;
}

h3 a, h3 a:visited, h4 a, h4 a:visited, #ft a, #ft a:visited {
    text-decoration: none!important;
}


a:hover {
    color: #A71D31;
    text-decoration: none;
}
.nyscossForm fieldset {
    margin: auto;
    padding: 30px;
    margin-bottom: 30px;
}
.nyscossForm input[type="textarea"], .nyscossForm input[type="text"], .nyscossForm select {
    width: 100%;
    margin-bottom: 10px;
    max-width: 300px;
    display: block;
}
.nyscossForm label {
    display:block;
}


.nyscossForm table label {
    display: inline-block;
    margin-left: -5px;
}

input[type="checkbox"] {
    margin-right: 10px;
}



input[type="radio"] {
    margin-bottom: 15px;
    margin-right: 5px;
}

.nyscossForm legend {
    font-family: 'dm serif display';
    font-size: 24px;
}

#hd .barsArea a,
#hd .barsArea a:visited,
#hd .barsArea a:hover {
    color: #fff;
    text-decoration: none;
}
#hd a:hover {
    color: #fff;
    text-decoration: underline;
}
a.BreadCrumbLink {
    text-decoration: none;
}
a.BreadCrumbLink:hover {
    text-decoration: underline;
}
#ctl01_BreadCrumb_ctl00_NodeLink {
    font-family: 'Material Icons';
    color: #005c85;
    font-size: 24px;
    position: relative;
    top: 5px;
}
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.UtilityNavigationList .NavigationUnorderedList > li > a {

    text-decoration: none;
}
.blueBox label, .brownBox label {color:white;}

div[id$='ListerPanel'],
div[id$='ListerPanel'] > div {
    overflow: hidden !important;
}
.slick-slide img {
    display: block;
    margin: auto;
}
.member-spotlight {right:0;
    position: absolute;
    border-top: 5px solid #f39622;
    background-color: #fff;
}

.Wrapper-FullWidth #masterContentArea .container-inner {
    max-width: 1440px;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    margin: 0 auto;
}

.Wrapper-FullWidth div#masterMainBreadcrumb {
    padding-left: 3.2rem;
}

.imageScroller .panel-body {
    padding: 20px 0;
}
#masterContentArea .slick-dots li {
    margin: 0;
}

.slick-dots li button:before {
    font-family: 'Material Icons';
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: 'lens';
    text-align: center;
    opacity: 0.25;
    color: #f39622;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f39622;
}
#hd a.UtilitySection.UtilityAuthenticationLink {
    color: white;
    text-decoration: none;
}

#hd a.UtilitySection.UtilityAuthenticationLink:hover {
    text-decoration: underline;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
    background-color: #005c85 !important;
    border-color: #005c85 !important;
}
.slick-list.draggable {
    max-width: calc(100vw - 100px);
    margin: auto;
}
.eventButton {
    z-index: +1;
    padding: 15px;
    position: absolute;
    bottom: 10px;
}
.member-spotlight-text p {
    max-width: 60%;
}

.member-spotlight-text h2 {
    text-align: center;
    position: relative;
}

.member-spotlight-text > div > div > div {
    padding-left: 40px;
}

.noMarginBottom {
    margin-bottom: 0 !important;
}

.pageCards .pagePanelFrame {
    max-width: calc(100% - 20px);
    margin: auto;
}

.pageCards .pagePanelGraphic {
    left: 0;
}

.pageCards .TaggedListPanel {
    color: white;
} 

.cardDetail {
    position: absolute;
    top: 50%;
}

.pageCards .linkLayer {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
}

.linkLayer a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 0;
}

div[id*="ciThumbnailOnly"] {
    display: none;
}

.notVisible {visibility:hidden;}

.table.table--member {

    margin: auto;
}

.videoScreen > span > .ContentHtml:nth-child(n+2) {
    display: none;
}

.videoScreenItem {
    padding: 15px 15px 30px 15px;
}

.videoScreenDate {
    text-transform: uppercase;
    font-size: 1.5rem;
    padding-bottom: 1.6rem;
}

.videoFrame, .videoScreen {
    position: relative;
    width: 100%;
    padding-bottom: 51%;
    margin-bottom: 25px;
}

.videoFrame iframe, .videoScreen iframe {
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.nyBackgroundBig svg {
    position: absolute;
    height: 500px;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    opacity: 0.25;
}
.brownBox {
    color: white;
    padding: 5rem;
    background-color: #414141;
    position: relative;
    z-index: +1;
    margin-top: 2rem;
    margin-bottom: 2rem;
}


.blueBandForm a, .blueBandForm a:visited{
    color: white!important;
}
.blueBandForm a:hover {
    text-decoration: underline;
    color: rgba(255,255,255,.75)!important;
}

.blueBandForm a:hover {
    text-decoration:underline;
}
.whiteBox {
    padding: 6rem;
    background-color: #fff;
    margin-top: 2rem;
    margin-bottom: 2rem;
}


.clearBox {
    padding: 6rem;
    background-color: transparent;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.blueBox {
    color: white;
    padding: 5rem;
    background-color: #005c85;
    position: relative;
    z-index: +1;
    margin-top: 2rem;
	margin-bottom: 2rem;
}
.bluishGrayBox {

    padding: 6rem;
    background-color: #e5ecee;
    position: relative;
    z-index: +1;
    margin-top: 2rem;
	margin-bottom: 2rem;
}
.brownBox h1, .brownBox h2, .brownBox h3, .blueBox h1, .blueBox h2, .blueBox h3, 
.Wrapper-HomePage .blueBox h2.panel-title, .Wrapper-HomePage .brownBox h2.panel-title,
.brownBox h4, .brownBox .h4, .brownBox .SectionLabel, .blueBox h4, .blueBox .h4, .blueBox .SectionLabel {
    color: white;
}


.ltSlateBox h2,
.ltSlateBox h3, .ltSlateBox a {
    color: #414141;
}

.ltSlateBox {
    color: #414141;
    padding: 6rem;
    background-color: #9fb3ba;
    position: relative;
    z-index: +1;
}
hr {
    margin-left: 0;
    margin-right: 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: rgba(203, 213, 224, 1);
    margin-top: 15px;
}

.eventCalendar .col-xs-9 {
    border-left: 1px solid rgba(203, 213, 224, 1);
    padding-bottom: 2.5rem;
}

.eventCalendar .TaggedListPanel span > .ContentHtml:nth-child(1):not(:empty) {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-top: 8px;
}

.eventCalendar .TaggedListPanel span > .ContentHtml:nth-child(1) > em {
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    vertical-align: top;
}

.eventCalendar .itemMonth {
    text-align: center;
    font-family: 'dm sans', sans-serif;
    text-transform: uppercase;
}

.eventCalendar .itemDay {
    line-height: 40px;
    color: #06476b;
    font-family: 'dm serif display', serif;
    font-size: 40px;
    text-align: center;
}
.brownBox.eventCalendar .itemDay, .blueBox.eventCalendar .itemDay {color:white;}
.eventCalendar em.material-icons {
    color: #d95b27;
    font-size: 1.6rem;
}
.pageBackground.bkWhite.noPadTop {
    padding-top: 0;
}


span.videoListRunTime > span > div.ContentHtml:first-child {
    display: none;
}

span.videoListRunTime > span > div.ContentHtml {
    display: inline;
    float: right;
}

span.videoListRunTime > span > div.ContentHtml {
    display: inline;
}

.videoListItem {
    padding-bottom: 30px;
}

.videoListTitle {
    padding-bottom: 1rem;
    font-weight: 700;
}

span.videoListLink a {
    text-decoration: underline;
}

span.videoListRunTime > span > div.ContentHtml:nth-child(2):before {
    content: 'schedule';
    font-family: 'material icons';
    padding-right: 5px;
    font-size: 24px;
    position: relative;
    top: 5px;
    font-weight: 400;
}

ol li {
    list-style: decimal;
    margin-bottom: 5px;
}
ol {
    display: block;
    margin-block-start: 1rem;
    margin-block-end: 2rem;
    margin-inline-start: 1rem;
}

.center {
    text-align: center;
}

.iMIS-WebPart ul {

    margin-block-start: 1rem;
    margin-block-end: 2rem;
    margin-inline-start: 1rem;
}

.iMIS-WebPart ul li {    margin-bottom: 5px; position:relative;
    list-style: none;

}

.iMIS-WebPart ul li:before {
    content: "\2022";
    position: absolute;
    left: -1.6rem;
    top: 0;
    color: #F39622;
}

.AsiMessage > ul, .AsiMessage > ol {margin:0;}

#masterContentArea ul li.sshListItem:before {content:none;}

#masterContentArea .brownBox ul li:before, #masterContentArea .blueBox ul li:before {color:white;}

#masterContentArea .bkBrown ul li:before {color:rgba(255,255,255,.75);}

#masterContentArea ul.slick-dots li:before {content:none;}

#masterContentArea .rtsLI {
    margin-left: 0;
}

#masterContentArea ul.articleList li {
    list-style: none;
}

#masterContentArea ul.articleList li:before {color:#06476b;
    content: 'article';
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    left: -25px;
}

#masterContentArea ul.articleList li {
    margin-left: 10px;
    margin-bottom: 15px;
}

#masterContentArea ul.articleList, #masterContentArea ul.sshContent {
    margin-block-start: 0;
    margin-block-end: 0;
margin-inline-start: 0;}


#masterContentArea .rtsLevel ul {    margin-block-start: 0;
    margin-block-end: 0;
margin-inline-start: 0;}

#masterContentArea .rtsLevel ul li {margin-bottom:0;}

.hideTitle h2.panel-title {
    display: none;
}

.StandardPanel,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.ShowFieldset fieldset,
.panel-border,
.panel-heading.Distinguish,
.ContentBorder,
h2,
.PanelHead.Distinguish,
.TitleBarCaption,
.panel-heading.Distinguish,
h1 {
    padding-top: 1rem;
}

.StandardPanel, .ContentBorder, .panel-border, .ContentBorder {
    margin-bottom: 2rem;
}



.cardBlockIQA .panel-body {
    padding: 0;
}
.eventSlide,
.eventSlide a {
    color: white;
}

.pagePanelFrame {
    width: calc(100% - 15px);
    margin: auto;
    height: 100%;
    height: 480px;
    border-radius: 1.6rem;
    overflow: hidden;
}
a.TextButton[target='_blank'] {margin-right:10px;}
a.TextButton[target='_blank']:after {
    content: 'launch';
    font-family: 'Material Icons';
    position: absolute;
    z-index: +1;
    font-size: 18px;
    top: 3px;
    right: 5px;
}
.eventDescription {
    font-size: 18px;
    line-height: 24px;
}

.eventDescription,
.eventIconDateCity,
.pagePanelTitle {
    z-index: +1;
    padding: 0 15px;
    position: relative;
}

.pagePanelTitle h3 {
    color: white;
}

.blueBox a, .blueBox a:hover, 
.brownBox a, .brownBox a:hover {
    color: white;
    text-decoration: underline;
}

.blueBox a:hover, 
.brownBox a:hover {
    color: white;
    text-decoration: none;
}

.hide {
    display: none;
}

.cardBlockIQA .RadGrid_MetroTouch {
    border-color: transparent;
    color: #414141;
    background-color: transparent;
}
.eventSlide {
    position: relative;
    float: left;
    margin: 0;
}

.eventIconDateCity {
    text-transform: uppercase;
    padding-top: 140px;
    padding-bottom: 15px;
}

.slick-slider {
    max-width: calc(100vw - 30px) !important;
    margin: auto;
}
.ContentWizardDisplay .slick-slider {
    max-width: calc(100vw - 60px) !important;
}

.pagePanelFrame {
    position: relative;
    width: calc(100% - 15px);
    margin: auto;
    margin-bottom: 2rem;
}

.pagePanelGraphic {
    position: absolute;
    top: 0;
    width: 100%;
    background-size: cover;
    height: 100%;
    background-position: 50%;
}

.pagePanelGraphic:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(180deg, rgba(65, 65, 65, 0), rgba(65, 65, 65, 0.95) 50%, #414141);
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 1.6rem;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: white;
    background-color: #f39622;
    font-size: 90%;
}
.navbar-header.pull-left {
    float: left;
}
.RadTabStrip.RadTabStrip_MetroTouch {
    font-family: 'dm sans', sans-serif !important;
    text-transform: none;
}

.footer-nav-copyright,
.footer-content {
    background-color: #005c85;
    color: white;
}

.topBar {
    width: 100%;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0.42%, transparent 57.99%), #414141;
    height: 53px;
}
#ft {
    background-color: #005c85;
    color: #000;
}
#ft span.nav-text {
    line-height: 18px;
}
#ft .NavigationLink {
    white-space: normal;
}
#hd .notTop a:hover,
#hd .notTop a:focus,
#hd .notTop a:active,
#ft a:hover,
#ft a:focus,
#ft a:active {
    color: #ffffff;
}

#hd .MainMenu a:hover,
.MainMenu a:focus,
.MainMenu a:active {
    color: #fff;
    text-decoration: underline;
}
#hd .MainMenu a.rmRootLink:hover,
.MainMenu a.rmRootLink:focus,
.MainMenu a.rmRootLink:active {
    color: #414141;
    text-decoration: underline;
}
#hd a:hover,
#ft a:hover {
    text-decoration: underline;
}
.noPad {
    padding: 0;
}
.noPadTopBottom {
    padding: 0 2rem!important;
}
a.TextButton + a.TextButton {
    margin-left: 15px;
}

#masterContentArea .ltSlateBox li, #masterContentArea .blueBox li, #masterContentArea .clearBox li,  {margin-left:0;}

.footer-copyright-lower {
    color: white;
    font-size: 15px;
}

.Wrapper-HomePage h2.panel-title {
    color: #414141;
    display: table;
}
.Wrapper-HomePage h2.panel-title:after {
    content: none;
}
.footer-nav-copyright .footer-copyright {
    text-align: center;
    display: inline-block;
    width: 100%;
    margin: 0;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 {
    margin: 0px 0 15px 0;
}
.footer-content .NavigationUnorderedList {
    display: block;
    text-align: left;
    font-size: 15px;
}
#ft a {
    color: white;
}
#ft a:hover {
    text-decoration:underline!important;

}
#hd a {
    text-decoration: none;
}
#ste_container_ciNewUtilityNavigationCommon {
    display: inline;
    float: left;
}

#ft .footerNav .UtilityNavigation.nav-auxiliary {
    margin-bottom: 0;
}

.footer-content ul.NavigationUnorderedList > li:first-child {
    font-family: 'dm serif display';
    font-size: 22px;
    width: 100%;
    margin-bottom: 10px;
}

.footer-content ul.NavigationUnorderedList > li {
    width: 100%;
    margin-bottom: 7px;
}
.footerSocialIcons {
    margin-top: 25px;
}
.carousel h1,
.carousel h2,
.carousel h3,
.carousel h4,
.carousel h5 {
    font-weight: 400;
    display: inline-block;
    font-size: 54px;
}
.footerSocialIcons a {
    padding: 5px;
}

.footer-content ul.NavigationUnorderedList > li:first-child > a {
    pointer-events: none;
    cursor: default;
}

.footer-content .row {
    display: flex;
    justify-items: flex-start;
    flex-wrap: wrap;
}

#ft .UtilityNavigation.nav-auxiliary {
    margin-bottom: 2rem;
}
#ft {
    line-height: 22.5px;
    font-size: 15px;
}
.fa:before {
    font-size: 18px;
}
.fa {
    font-size: 0;
}

.item.active:after {
    content: '';
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
}

.header-bottom-container {
    background: transparent;
}

#topBar {
    transition: all 0.3s ease;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0.42%, transparent 57.99%), #414141;
    height: 50px;
    width: 100%;
}

.carousel-caption {
    font-family: 'dm display serif', serif;
    background: none;
}

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
    height: unset;
}

#masterHeaderBackground,
.header {
    border-bottom: 0;
}

.footer-content {
    text-align: left;
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#ft h4 {
    color: white;
    font-family: 'dm serif display', serif;
    font-weight: 400;
    font-size: 22.5px;
}
.clearMenu img {
    max-width: 300px;
}

.backToTop, .backToTop:hover {text-decoration:none!important;
    background: none !important;
}

.backToTop:before {
    content: 'arrow_upward';
    font-family: 'Material Icons';
    color: rgba(65, 65, 65, 0.5);
    font-size: 60px;
}
.relativeWrap {
    position: relative;
}

.carousel-caption p {
    font-family: 'dm sans', sans-serif;
}

.carousel-caption a.TextButton {
    background: transparent !important;
    padding: 0.8rem 1.6rem !important;
    font-weight: 700;
    font-size: 1.4rem !important;
    text-transform: uppercase;
    color: white !important;
    border: 2px solid white !important;
    transition: all 0.3s ease !important;
    text-align: center;
    font-family: 'dm sans', sans-serif;
}

.carousel-caption a.TextButton:hover {
    transition: all 0.3s ease !important;
    background-color: #a71d31;
    border-color: #a71d31;
}

.carousel-caption a.TextButton:hover {
    transition: all 0.3s ease !important;
    background-color: #7c1524 !important;
    border-color: #7c1524!important;
    text-decoration: none !important;
}

.HomePageFullWidthArea .item.active:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/template2020/nyscoss_pattern.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.counter {
    background-color: inherit;
}

.font-sans {
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol,
        Noto Color Emoji;
}
.font-serif {
    font-family: Georgia, Cambria, Times New Roman, Times, serif;
}
.font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.font-hairline {
    font-weight: 100;
}
.font-thin {
    font-weight: 200;
}
.font-light {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-black {
    font-weight: 900;
}

/* Button styles for all browsers */

.btn,
.TextButton {
    background-image: none !important;
}



.btn,
.TextButton,
.ruButton,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl03_NextButton,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl02_PreviousButton {
    font-size: 16px !important;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    margin: 5px 15px 5px 0!important; 
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn:hover, .blueBandForm .btn:hover,
.btn:focus, .blueBandForm .btn:focus,
.TextButton:hover, .blueBandForm .TextButton:hover,
.TextButton:focus, .blueBandForm .TextButton:focus,
.ruButton:hover,
.ruButton:focus,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl03_NextButton:hover,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl02_PreviousButton:hover {
    background-color: #7c1524;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}



/* Diamond shaped button, excluding Safari */
.brownBox .btn,
.brownBox .TextButton,.brownBox .btn,
.blueBox .TextButton,
.blueBandForm .TextButton { text-decoration:none;
    background: none;
    border: 2px solid #fff;
    color: white !important;
}

.btn,.btn,
.TextButton,.TextButton,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl03_NextButton,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl02_PreviousButton {
    background: none;
    background-size: 100% 100% !important;
    padding: 5px 25px !important;
    border: 2px solid #414141;
}
.PrimaryButton,.PrimaryButton:visited, .SaveAndClose:visited, 
.SaveAndClose,.UsePrimaryButton .TextButtonWithImage:visited,
.SaveAs,#masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:visited,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.Spotlight .TextButton,
.BigButtonPanelArea2 .btn,
.RadUpload .ruButton,
.ruButton,
.ruFileInput {padding:15px 5px;
    background-image: none !important;
    background-size: 100% 100% !important;
    color: #fff;
	    background: #a71d31!important;
    color: #fff!important;
    border: 2px solid #a71d31;
}






/* Button styles for all browsers */
.btn,.btn:visited,  .TextButton:visited,.TextButtonWithImage:visited, .ruButton:visited, 
.TextButton, #masterHeaderActionArea a:visited, 
.ruButton, .RadGrid input.TextButton:visited, .TextButton:visited,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl03_NextButton,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl02_PreviousButton {
    color: #414141;
    font-size: 16px;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important;
    margin: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}




.blueBox .btn, .brownBox .btn,
.blueBandForm .TextButton,
.blueBox .TextButton, .brownBox .TextButton,
.blueBox .ruButton,
.blueBandForm .TextButton,
.blueBox .btn:visited, .brownBox .btn:visited,
.blueBandForm .TextButton:visited,
.blueBox .TextButton:visited,.brownBox .TextButton:visited,
.blueBox .ruButton:visited {
    color: white;
    background: transparent;
    border: 2px solid white;
}

.blueBandForm .TextButton.PrimaryButton,
.blueBox .TextButton.PrimaryButton, .brownBox .TextButton.PrimaryButton,
.blueBandForm .TextButton.PrimaryButton,
.blueBandForm .TextButton.Primary:visited,
.blueBox .TextButton.Primary:visited, .brownBox .TextButton.Primary:visited {
    border-color: #a71b31;
}

.blueBandForm .TextButton.PrimaryButton:hover,
.blueBox .TextButton.PrimaryButton:hover, .brownBox .TextButton.PrimaryButton:hover,
.blueBandForm .TextButton.PrimaryButton:hover {
    border-color: #7c1524;
}

.blueBox .btn:hover,
.blueBox .btn:focus,
.blueBox .TextButton:hover,
.blueBox .TextButton:focus,
.brownBox .btn:hover,
.brownBox .btn:focus,
.brownBox .TextButton:hover,
.brownBox .TextButton:focus,
.blueBandForm .btn:hover,
.blueBandForm .btn:focus,
.blueBandForm .TextButton:hover,
.blueBandForm .TextButton:focus,
.blueBox .ruButton:hover,
.blueBox .ruButton:focus,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl03_NextButton:hover,
#ctl01_TemplateBody_WebPartManager1_gwpciCalendarItems_ciCalendarItems_TaggedListRepeater_ctl02_PreviousButton:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: #7c1524;
    border-color: #7c1524;
    color: white; text-decoration:none;
}

.btn:hover,
.btn:focus,
.TextButton:hover,
.TextButton:focus,
.ruButton:hover,
.ruButton:focus,
.btn:hover,
.TextButton:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background: #414141;
    border-color: #414141;
    color: white; text-decoration:none;
}


.PrimaryButton,
.blueBox .PrimaryButton,.brownBox .PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.Spotlight .TextButton,
.BigButtonPanelArea2 .btn,
.RadUpload .ruButton,
.ruButton,
.ruFileInput {
    background: #a71d31;
    color: #fff!important;
    border: 2px solid #a71d31;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important; text-decoration:none;

}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, 
.SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, 
.SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, 
.UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton 
.UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active,  
#masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, 
.RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active,
.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.RadGrid input.PrimaryButton:hover,
.Spotlight .TextButton:hover,
.BigButtonPanelArea2 .btn:hover,
.RadUpload .ruButton:hover,
.ruButton:hover,
.ruFileInput:hover {
    background: #7c1524!important;
	border-color:#7c1524;
    color: white;
    border: 2px solid #7c1524;
    -webkit-transition: all 0.2s ease-in-out !important;
    -o-transition: all 0.2s ease-in-out !important;
    transition: all 0.2s ease-in-out !important; text-decoration:none;
}

.breadcrumb span.Disabled, .Disabled.material-icons {max-width:3rem;
    color: #9fb3ba;
    font-family: 'Material Icons';
    font-size: 1.4rem;
    padding: 0 5px;
}

.InternalHeaderArea .carousel-inner {
    -webkit-filter: blur(0px);
    filter: blur(0px);
}
.SearchField label {
    font-size: 120%;
    color: white;
}

h1:after {
    content: none;
}
h1,
.h1 {
    font-size: 5.4rem;
}

.footer-content {
    padding-top: 1.5em;
}

.iMISUserMessageIcon + .AsiMessageText {
    margin-top: 0;
    margin-left: 5px;
}

.iMISUserMessageIcon {
    display: none;
}

.AsiInformation {
    position: relative;
    border-color: #75B1E0;
    background-color: #75B1E0;
    color: white;
    font-weight: bold;
}
span[id$='lblDocMessage']:not(:empty) {
    color: white !important;
}
.AsiSuccess, span[id$='lblDocMessage']:not(:empty) {
    position: relative;
    border-color: #23857A;
    background-color: #23857A;
    color: white;
    font-weight: bold;
}

span[id$='lblDocMessage']:not(:empty) {
    display: block;
    padding: 16px 16px 16px 56px;
}

.AsiWarning, .AsiValidationSummary {
    position: relative;
    background-image: none;
    border-color: #E79C25;
    background-color: #E79C25;
    color: black;
    font-weight: bold;
}

.AsiValidationSummary ul {
    padding-left: 75px;
}
.AsiValidationSummary {
    padding-left: 0;
}

.rscForm span.ValidationError {
    display: block;
}

.AsiError {
    position: relative;
    border-color: #a71b31;
    background-color: #a71b31;
    color: white;
    font-weight: bold;
}

.mem-ui .AsiError a,
.mem-ui .AsiError a:visited {
    color: white;
}

.mem-ui #maincontent .AsiError a:hover {
    color: white;
}

.ValidationError {
    color: #9f0410 !important;
    font-size: 90%;
}

.AsiInformation:before {
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translatey(-50%);
    content: '\f05a';
    font-family: fontawesome;
    font-size: 36px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: bottom;
    float: left;
}

.AsiSuccess:before,
span[id$='lblDocMessage']:not(:empty):before {
    float: left;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translatey(-50%);
    content: '\f046';
    font-family: fontawesome;
    font-size: 36px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: bottom;
}

span[id$='lblDocMessage']:before {
    position: absolute;
    left: 16px;
}

.AsiWarning:before,
.AsiValidationSummary:before {
    float: left;
    left: 15px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    content: '\f06a';
    font-family: fontawesome;
    font-size: 36px;
    display: inline-block;
    vertical-align: bottom;
}

.AsiError:before {
    float: left;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translatey(-50%);
    content: '\f071';
    font-family: fontawesome;
    font-size: 36px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.AsiInformation,
.AsiSuccess,
.AsiWarning,
.AsiError,
.AsiValidation,
.AsiValidationSummary,
.AsiNeutral,
.AsiImportant {
    padding-left: 65px;
}



.blueBandForm {
    background: rgba(0, 92, 133, 0.8);
    padding: 2.4rem 0 2.4rem 0;
    position: relative;
    bottom: -11px;
}

.fixedHeight275 {max-height:275px;overflow:hidden;}

.noPaddingTopBottom {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.bkLtGrayLtSlate a, .bkLtGrayLtSlate a:hover, .bkLtGrayLtSlate a:visited {
    color: #414141;
}

.bkLtGrayLtSlate a.btn:hover, .bkLtGrayLtSlate a.TextButton:hover {color:white;}

.noPadBottom {padding-bottom:0!important;}

.noPadTop {padding-top:0!important;}





.blueBox a:hover {
    color: rgba(255,255,255,.75)!important;
}
#hd .NavigationListItem.nav-aux-cart:hover:before {
    color: rgba(255,255,255,.75);
}

@media (min-width: 768px) {
    .maxWidth80 {
        max-width: 80%;
        margin: auto;
    }
    .maxWidth60 {
        max-width: 60%;
        margin: auto;
    }	
	li.rmItem.rmFirst.rmLast.rmTemplate.MegaDropDownMenuOuter {
    min-width: 350px;
}
.RegistrationArea .TextButton {
    width: 80%;
    max-width: 270px;
}
.EventSummary .PhotoArea img {
    border: none!important;
    width: 100%!important;
}

.EventSummary .PhotoArea {
    padding: 2em 15px 15px 0;
    width: 50%;
}
	
.RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap {
    margin-bottom: 0;
    border-top: 1px solid rgba(255,255,255,.35);
}	
.featureBoxArea {float:right;z-index:100;} 
.articleArea {float:revert;}	
	
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmLink, 
.RadMenu.RadMenu_GreatBarrierReef .rsmOneLevel .rsmItem .rsmTemplate {

    font-size: 20px;
}
.RadMenu_GreatBarrierReef .rmSlide .rmLink:hover, .RadMenu_GreatBarrierReef .rmSlide .rmLink:focus, .RadMenu_GreatBarrierReef .rmSlide .rmLink.rmFocused, .RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover, .RadMenu_GreatBarrierReef .rmSlide .rsmLink:focus, .RadMenu_GreatBarrierReef .rmSlide .rsmLink.rmFocused, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus, .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
    background-color: transparent;
    color: rgba(255,255,255,.8);
}

.RadMenu.RadMenu_GreatBarrierReef .LargerWidth14, .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14rsmSelected {
    min-width: 280px !important;
}
	
.panel-body-container > .panel-body > a[name] {
    position: relative;
    top: -250px;
}	
	
.RadMenu.RadMenu_GreatBarrierReef .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText, .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText {
    padding: 4px 15px;
}

.iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer {
    display: block;
    margin-bottom: 0;
}

.notTop .RadMenu.RadMenu_GreatBarrierReef .rmText, .notTop .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText, 
.notTop .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText {

    color: #414141;
}

.RadMenu.RadMenu_GreatBarrierReef .rmToggle, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle {
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    display: block;
    top: -2px;
    margin: auto;
}

.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: none;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
}



#masterMainBreadcrumb {
    padding-bottom: 3rem;
    max-width: 1440px;
    margin: auto;
}

    .RadSocialShare_Default {
        font-family: 'DM Sans', sans-serif;
    }

    .sshLinkItem .sshCustomIcon,
    .sshLinkItem .sshIcon,
    .sshLinkItem .sshText {
        line-height: 50px;
    }
    .RadSocialShare.RadSocialShare_Default.SmallButtons [id$='share'] {
        padding: 0;
        margin: 0;
        background: rgba(255, 255, 255, 0.7);
        opacity: 0.7;
        -moz-transition: opacity 0.7s ease-in-out;
        -o-transition: opacity 0.7s ease-in-out;
        -ms-transition: opacity 0.7s ease-in-out;
    }
    .sshLinkItem .sshMailTo,
    .sshLinkItem .sshShareOnTwitter {
        background-color: #fff;
    }
    [id$='share']:hover {
        opacity: 1;
        border: 3px solid #00a8f6;
    }
    [id$='share']:hover .sshContent {
        background: #fff;
        opacity: 1;
    }
    [id$='share'] .RadSocialShare {
        padding: 50px 0 0;
        margin: 0;
    }
    .sshIcon,
    .sshListItem {
        margin: 0 !important;
        padding: 0 !important;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton {
        background: #fff;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before {
        content: '\f141';
        margin: auto;
        text-align: center;
        font-size: 30px;
        font-family: fontawesome;
        position: relative;
        left: 15px;
    }
    .sshLinkItem .sshMailTo:before,
    .sshLinkItem .sshShareOnTwitter:before {
        left: 12px;
        margin: auto;
        text-align: center;
        font-family: fontawesome;
        position: relative;
    }
    .sshLinkItem .sshShareOnTwitter:before {
        content: '\f099';
        font-size: 30px;
    }
    .sshLinkItem .sshMailTo:before {
        content: '\f003';
        font-size: 27px;
    }
    div[id$='share'] .sshLinkItem .sshLinkedIn {
        background-color: #fff;
        background-image: none !important;
    }
    div[id$='share'] .sshLinkItem .sshLinkedIn:hover {
        color: #fff;
    }
    .PanelFieldLabel.SocialShare,
    [id$='share']:hover .PanelFieldLabel.SocialShare {
        margin-right: -50px;
        padding: 7px 0 0 !important;
        text-transform: uppercase;
        font-size: 80%;
        line-height: 13px;
        width: 50px;
        height: 50px;
        text-align: center;
    }
    .PanelFieldLabel.SocialShare {
        background: #fff;
    }
    [id$='share']:hover .PanelFieldLabel.SocialShare {
        background: #00a8f6;
        color: #fff;
    }
    .sshListItem {
        display: block !important;
    }
    .RadSocialShare.LargeButtons .sshCustomIcon,
    .RadSocialShare.MediumButtons .sshCustomIcon,
    .RadSocialShare.SmallButtons .sshCustomIcon {
        background-image: none;
        width: 50px;
        height: 50px;
    }
    .sshLinkItem .sshShareOnFacebook {
        background-color: #fff;
    }
    .sshLinkItem .sshShareOnFacebook:before {
        content: '\f09a';
        margin: auto;
        text-align: center;
        font-size: 30px;
        font-family: fontawesome;
        position: relative;
        left: 17px;
        color: #3b5998;
    }
    .sshLinkItem .sshShareOnTwitter:before {
        color: #1da1f2;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before {
        color: #007f68;
    }
    .sshLinkItem .sshMailTo:before {
        color: #acaaa5;
    }
    a.sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook {
        background-color: #3b5998;
    }
    a.sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter {
        background-color: #1da1f2;
    }
    a.sshLinkItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo {
        background-color: #acaaa5;
    }
    a.sshLinkItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton {
        background-color: #007f68;
    }
    .sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook:before,
    .sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter:before,
    .sshListItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before,
    .sshListItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo:before {
        color: #fff;
    }
    .sshLinkItem:hover .sshCustomIcon {
        color: #fff;
        opacity: 1;
        filter: Alpha(opacity=100);
    }
    .sshLinkItem .sshCustomIcon {
        opacity: 1;
        filter: Alpha(opacity=100);
    }
    [id$='SocialShareCommon'],
    [id$='share'] {
        bottom: 25px;
        border: 3px solid transparent;
        position: fixed;
        z-index: +2;
        right: 15px;
        opacity: 0.5;
    }
    .rwTable .sshLinkItem .sshCustomIcon,
    .rwTable .sshLinkItem .sshIcon,
    .rwTable .sshLinkItem .sshText {
        line-height: inherit;
    }
    #ctl01_TemplateBody_WebPartManager1_gwpciNewSocialShareCommon_ciNewSocialShareCommon__Body .RadSocialShare {
        padding: 50px 0 0;
        margin: 0;
    }
    [id$='NewSocialShareCommon'] .PanelBody,
    [id$='NewSocialShareCommon'] .panel-body {
        padding: 0;
    }
    [id$='NewSocialShareCommon'] .StandardPanel,
    [id$='NewSocialShareCommon'] .panel {
        border: 0;
    }
    .hpRow .col-sm-4,
    div#ctl01_SubNavPanel {
        border-left: 1px solid #c4c3bd;
        min-height: 150px;
    }
    .sshLinkItem .sshCustomIcon,
    .sshLinkItem .sshIcon,
    .sshLinkItem .sshText {
        line-height: 50px;
    }
    .RadSocialShare.RadSocialShare_Default.SmallButtons [id$='NewSocialShareCommon'] {
        padding: 0;
        margin: 0;
        background: rgba(255, 255, 255, 0.7);
        opacity: 0.7;
        -moz-transition: opacity 0.7s ease-in-out;
        -o-transition: opacity 0.7s ease-in-out;
        -ms-transition: opacity 0.7s ease-in-out;
    }
    .sshLinkItem .sshMailTo,
    .sshLinkItem .sshShareOnTwitter {
        background-color: #fff;
    }
[id$='NewSocialShareCommon'] {
    border: 3px solid #ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
    [id$='NewSocialShareCommon']:hover {
        opacity: 1;
        border: 3px solid #ffffff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    }
    [id$='NewSocialShareCommon']:hover .sshContent {
        background: #fff;
        opacity: 1;
    }
    [id$='NewSocialShareCommon'] .RadSocialShare {
        padding: 50px 0 0;
        margin: 0;
    }
    .sshIcon,
    .sshListItem {
        margin: 0 !important;
        padding: 0 !important;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton {
        background: #fff;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before {
        content: '\f141';
        margin: auto;
        text-align: left;
        font-size: 30px;
        font-family: fontawesome;
        position: relative;
        top: -5px;
        left: 15px;
    }
    .sshLinkItem .sshMailTo:before,
    .sshLinkItem .sshShareOnTwitter:before {
        left: 12px;
        margin: auto;
        text-align: left;
        font-family: fontawesome;
        position: relative;
    }
    .sshLinkItem .sshShareOnTwitter:before {
        content: '\f099';
        top: -5px;
        font-size: 30px;
    }
    .sshLinkItem .sshMailTo:before {
        content: '\f003';
        top: -5px;
        font-size: 27px;
    }
    .PanelFieldLabel.SocialShare,
    [id$='NewSocialShareCommon']:hover .PanelFieldLabel.SocialShare {
        margin-right: -50px;
        padding: 7px 0 0 !important;
        text-transform: uppercase;
        font-size: 11px;
        line-height: 13px;
        width: 50px;
        height: 50px;
        text-align: center;
        font-family: 'source sans pro', sans-serif;
        font-weight: 600;
    }
    .PanelFieldLabel.SocialShare {
        background: #fff;
    }
    [id$='NewSocialShareCommon']:hover .PanelFieldLabel.SocialShare {
        background: #ffffff;
        color: #005c85;
    }
    .sshListItem {
        display: block !important;
    }
    .RadSocialShare.LargeButtons .sshCustomIcon,
    .RadSocialShare.MediumButtons .sshCustomIcon,
    .RadSocialShare.SmallButtons .sshCustomIcon {
        background-image: none;
        width: 50px;
        height: 50px;
    }
    .sshLinkItem .sshShareOnFacebook {
        background-color: #fff;
    }
    .sshLinkItem .sshShareOnFacebook:before {
        content: '\f09a';
        margin: auto;
        text-align: left;
        font-size: 30px;
        font-family: fontawesome;
        position: relative;
        left: 17px;
        color: #3b5998;
        top: -5px;
    }
    .sshLinkItem .sshLinkedIn:before {
        content: '\f0e1';
        margin: auto;
        text-align: left;
        font-size: 30px;
        font-family: fontawesome;
        position: relative;
        left: 12px;
        top: -5px;
        color: #3b5998;
    }
    .sshLinkItem .sshLinkedIn {
        background-color: #fff;
    }
    .sshLinkItem .sshShareOnTwitter:before {
        color: #1da1f2;
    }
    .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before {
        color: #007f68;
    }
    .sshLinkItem .sshMailTo:before {
        color: #acaaa5;
    }
    .sshLinkItem .sshIcon.sshLinkedIn:before {
        color: #0077b5;
    }
    a.sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook {
        background-color: #3b5998;
    }
    a.sshLinkItem:hover span.sshIcon.sshLinkedIn,
    sshCustomIcon.sshCustomLinkedIn {
        background-color: #0077b5;
    }
    a.sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter {
        background-color: #1da1f2;
    }
    a.sshLinkItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo {
        background-color: #acaaa5;
    }
    a.sshLinkItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton {
        background-color: #007f68;
    }
    .sshLinkItem:hover span.sshIcon.sshLinkedIn.sshCustomIcon.sshCustomLinkedIn:before,
    .sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook:before,
    .sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter:before,
    .sshListItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before,
    .sshListItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo:before {
        color: #fff;
    }
    .sshLinkItem:hover .sshCustomIcon {
        color: #fff;
        opacity: 1;
        filter: Alpha(opacity=100);
    }
    .sshLinkItem .sshCustomIcon {
        opacity: 1;
        filter: Alpha(opacity=100);
    }
    [id$='NewSocialShareCommon'], [id$='SocialShareCommon'] {background:white;
    bottom: 150px;
    border: 3px solid #fff;
    position: fixed;
    z-index: +700;
    right: 0;
    opacity: 0.5;
}
    .rwTable .sshLinkItem .sshCustomIcon,
    .rwTable .sshLinkItem .sshIcon,
    .rwTable .sshLinkItem .sshText {
        line-height: inherit;
    }
    .RadSocialShare.RadSocialShare_Default.SmallButtons {
        padding: 50px 0 0;
        margin: 0;
    }

    .header-search .search-field:focus,
    .header-search .search-field:hover {
        background-color: #fff;
        width: 200px;
        background-position: 8px -17px !important;
    }
    #topBar,
    #bottomBar {
        position: fixed; max-width:100%;
    }

.blueBox.noMarginTopRight {
    position: relative;
    right: -15px;
    margin-left: -30px;
    width: calc(100% + 30px);
    margin-top: 0;
}

    .whiteBox.featureArrowRight {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .InternalHeaderArea .carousel {
        height: 280px;
    }

    #masterHeaderImage-int {
        padding-right: 38px;
    }

    .padTopBottom {
        padding: 4rem 0;
    }

    #primaryNavigation {
        float: left;
        position: relative;
        bottom: 0;
        max-width: calc(100% - 240px);
    }

    #hd .UtilitySection.UtilityNavigationList,
    #hd .UtilitySection.UtilityAuthenticationLink {
        color: white;
        font-size: 15px;
        line-height: 22px;
    }

    #hd .NavigationListItem.iconCommunity:before {
        font-size: 22px;
        line-height: 22px;
        content: 'people';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.iconEmail:before {
        font-size: 22px;
        line-height: 22px;
        content: 'email';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.createAccount:before {
        font-size: 22px;
        line-height: 22px;
        content: 'person_add';
        font-family: 'Material Icons';
    }

    #hd .UtilitySection.UtilityAuthentication:before {
        font-size: 22px;
        line-height: 22px;
        content: 'vpn_key';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.myAccount:before {
        font-size: 22px;
        line-height: 22px;
        content: 'person';
        font-family: 'Material Icons';
    }


#hd .NavigationListItem.nav-aux-cart:before {
    font-size: 22px;
    line-height: 22px;
    content: 'shopping_cart';
    font-family: 'Material Icons';
    position: absolute;
    top: -5px;
    z-index: -1;
}

    html .homepageTabs .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected,
    html .homepageTabs .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
        height: 68px;
    }

    #bottomBar {
        width: 100%;
        height: 132px;
        top: 50px;
        background: white;
        z-index: 666;
    }

    .buttonJoin a {
        background: #a71d31 !important;
        color: white !important;
border: 2px solid #a71d31;
        padding: 4px 15px;
        position: relative;
        top: -5px;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    .buttonJoin a:hover {
        text-decoration: none !important;
        background: #7c1524 !important;
        border-color: #7c1524;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }
    #topBar .buttonMemDir a {
        background: #f39622 !important;
        color: white !important;
border: 2px solid #f39622;
        padding: 4px 15px;
        position: relative;
        top: -5px;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }

    #topBar .buttonMemDir a:hover {
        text-decoration: none !important;
        background: #7c1524 !important;
        border-color: #7c1524;
        -webkit-transition: all 0.2s ease-in-out !important;
        -o-transition: all 0.2s ease-in-out !important;
        transition: all 0.2s ease-in-out !important;
    }
    .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {border-top-width:0;
        text-transform: none;
        color: #414141;
        font-family: 'DM serif display';
        font-size: 2rem;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmGroup {
        background-color: #414141;
        border-radius: 0.5rem;
        margin-top: 20px !important;
    }

    .RadMenu_GreatBarrierReef .rmSlide .rmLink,
    .RadMenu_GreatBarrierReef .rmSlide .rsmLink {
        color: #fefefe;
        font-family: 'dm serif display';
        font-weight: normal;
    }
    .member-spotlight img {
        position: relative;
        bottom: -34px;
        float: right;
        bottom: -34px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .NavigationLink {
        padding: 0 5px;
    }
    .blueBandForm {
        margin-left: calc(50% - 50vw);
        width: 100vw;
    }

    .nyBackground svg {
        margin: -35px;
        margin-top: -5px;
    }

    .member-spotlight {
        top: -3rem;
        padding-top: 3rem;
    }

    .homepageTabs .ContentWizardDisplay {
        border: 0;
        padding: 0;
    }
    .homepageTabs .panel-body {
        padding: 10px 0;
    }

    .offsetUp {
        position: relative;
        top: -4rem;
    }

    .InternalHeaderArea {
        background: transparent;
        overflow: hidden;
        margin-top: 153px;
    }

    ul.rmVertical.rmGroup.rmLevel1:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        top: -23px;
        left: 25px;
        border-color: #414141 transparent;
        border-style: solid;
        border-width: 0 16px 24px;
    }

    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmSelected,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmExpanded,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:hover,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink:focus,
    .RadMenu.RadMenu_GreatBarrierReef .rmRootLink.rmFocused {
        border-color: transparent;
        text-decoration: underline;
    }
    .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 .rsmLink {
        font-family: 'dm sans', sans-serif;
    }
    .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
    .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
    .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
        text-transform: none;
        line-height: 20px;
    }

    .RadMenu_GreatBarrierReef .rmSlide .rmFocused > .rmLink,
    .RadMenu_GreatBarrierReef .rmSlide .rmSelected > .rmLink,
    .RadMenu_GreatBarrierReef .rmSlide .rsmSelected > .rsmLink,
    .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
        background-color: transparent;
        color: white;
        text-decoration: underline;
    }

    .homepageTabs .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
        height: 68px;
        margin: 0 0 0 -1px;
        border: 1px solid #e5ecee !important;
        background-color: #e5ecee !important;
        color: #414141 !important;
    }

.homepageTabs .rtsLink {position:relative;}

.homepageTabs .rtsFirst a.rtsLink:before {
    content: 'person';
    position: absolute;
    font-family: 'Material Icons',arial;
    left: 50px;
    border-radius: 100%;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 24px;
    line-height: 3.6rem;
    top: 50%;
    content: 'show_chart';
    transform: translatey(-50%);
}

    .homepageTabs .rtsLast a.rtsLink:before {
        content: 'chat_bubble_outline';
        position: absolute;
        font-family: 'Material Icons';
        left: 50px;
        border-radius: 100%;
        width: 3.6rem;
        height: 3.6rem;
        font-size: 2rem;
        line-height: 3.6rem;
     transform: translatey(-50%);    top: 50%;
    }

    .homepageTabs a.rtsLink:before {
        color: #414141;
        background: #fff;
    }

    .homepageTabs a.rtsLink.rtsSelected:before {
        color: white;
        background: #235579;
    }

    .homepageTabs a.rtsLink.rtsSelected:after {
        content: '';
        height: 20px;
        width: 20px;
        background: #016c9b;
        position: absolute;
        bottom: -10px;
        transform: rotate(45deg);
    }

    .homepageTabs li.rtsLI {
        position: relative;
        padding-bottom: 15px;
    }

   .homepageTabs .RadTabStrip.RadTabStrip_MetroTouch {
    background: transparent;
    padding: 0 0 30px 0 !important;
    margin-top: -6rem;
    margin-bottom: -4rem;
}

.homepageTabs .RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 10px 140px;
    position: relative;
    letter-spacing: 1px;
}
	
	
    .homepageTabs .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink.rtsSelected {
        background-color: #016c9b !important;
        border-color: #016c9b !important;
        color: white !important;
    }
    .Wrapper-HomePage .FullWidthArea-StyleBg5 {
        margin: 0;
    }
    .header-search .search-field {
        background-position: 7px 8px !important;
        background-color: transparent;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        background-image: none !important;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-image: none !important;
    }
    .hero-motto {
        position: absolute;
        bottom: 120px;
        right: -150px;
        color: #9fb3ba;
        z-index: 700;
    }
    .OnBehalfOf a {
        color: white;
        font-size: 15px;
    }
    .OnBehalfOf {
        font-weight: 400;
        color: white;
        font-size: 15px;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink {
        background-color: transparent;
        margin-left: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        border: none;
        border-radius: 0px;
    }
    .nav-auxiliary .nav-aux-button .NavigationLink:hover,
    .nav-auxiliary .nav-aux-button .NavigationLink:focus {
        background-color: transparent;
    }

    .navbar-header > div,
    .navbar-header > a,
    .navbar-header .NavigationUnorderedList,
    .navbar-header .NavigationLink {
        vertical-align: top;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        height: unset;
    }

    .Wrapper-HomePage .HomePageFullWidthArea {
        overflow: visible;
    }
    .nyOverlay {
        position: absolute;
        z-index: 0;
        right: 0;
        bottom: -156px;
    }
    .primary-navigation-area .MegaDropDownMenuOuter {
        text-align: left;
    }

    #masterLogoArea {
        padding: 20px 40px;
    }
    .UtilitySection {
        display: inline-block;
        vertical-align: top;
    }
    .carousel-caption p,
    .carousel-caption h1,
    .carousel-caption h2,
    .carousel-caption h3 {
        text-align: left;
    }
    .carousel-caption p {
        font-size: 18px;
    }

    .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        padding-bottom: 0;
        width: 100%;
        margin: auto !important;
        max-width: 1440px;
        padding-right: 33%;
    }

    .HomePageFullWidthArea .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        top: 240px;
        padding-right: 40%;
    }

    .pageBanner .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        padding-bottom: 0;
        margin-left: 32px;
        max-width: 45%;
        width: 100%;
        transform: translatey(50%);
    }

    #interiorFullWidthArea .pageBanner .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        padding-bottom: 0;
        margin: auto;
        max-width: 1440px;
        width: 100%;
        transform: translatey(50%);
        bottom: 50%;
    }

    .HomePageFullWidthArea .pageBanner .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        padding-bottom: 0;
        margin-left: 32px;
        max-width: 45%;
        bottom: 50%;
        width: 100%;
        transform: translatey(50%);
    }

    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        top: -15px;
        left: 0;
    }
    .header-search {
        padding: 0 40px 0 0;
    }
    #topBar .NavigationListItem {
        margin-left: 15px;
    }
    #primaryNavigation {
        float: left;
        position: relative;
        bottom: 0;
    }
    .header-search .search-field {
        position: relative;
        top: -4px;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        color: #fff;
        padding: 0;
        width: auto;
    }
    .obo-panel {
        line-height: inherit;
        white-space: nowrap;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 0;
        color: white;
    }

    .search-container-sm {
        margin: 0;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
        padding: 0;
    }
    a.ste-toggle,
    a.ste-toggle:hover,
    a.ste-toggle:focus {
        background-color: transparent;
        width: unset;
        height: unset;
        border-radius: 0;
        margin-left: unset;
    }
    #ft {
        font-size: 15px;
    }
    .footerNav * {
        display: inline;
    }
    #ste_container_ciNewUtilityNavigationCommon {
        display: inline;
        float: left;
        font-size: 15px;
        transform: translatex(300px);
    }
    .UtilityNavigationList .NavigationUnorderedList > li > a:hover {
        text-decoration: underline;
    }
    .UtilityNavigation.nav-auxiliary {
        margin-top: 15px;
    }
}

@media (max-width: 767px) {
.navbar-toggle .icon-search:after {
    content: 'search';
    font-family: 'material icons';
    font-size: 30px;
    position: relative;
    top: -2px;
}

[id$='NewSocialShareCommon'].ContentItemContainer {visibility:hidden;}

.RadMenu.RadMenu_GreatBarrierReef .rmToggle .rmIcon, .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup .rmRootLink .rmToggle .rmIcon {margin-right:25px;}
div#auxiliary-containerR {
    position: absolute;
    right: 15px;
}

.featureBoxArea {display:none;}

.brownBox, .blueBox, .bluishGrayBox {padding:2rem;}

.blueBandForm {

    position: relative;
    bottom: -28px;
    margin: 0 -40px;
}
#ctl01_TemplateBody_WebPartManager1_gwpste_container_BreadCrumb_ciBreadCrumb_BreadCrumbControl, #ctl01_TemplateBody_WebPartManager1_gwpste_container_Breadcrumb_ste_container_Breadcrumb {
    position: relative;
    left: -15px;
}

.RadSiteMap .rsmTwoLevels>.rsmItem>.rsmLink {
    margin-bottom: 5px;
    padding: 0;
    border-width: 0 0 1px;
    border-style: solid;
    font-size: 125%;
    display: block;
    font-family: 'dm serif display',serif;
}

.navbar-toggle {
    float: none;
    padding: 5px;
    background: transparent;
}

.RadMenu_GreatBarrierReef .rmSlide .rmFocused > .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rmSelected > .rmLink, .RadMenu_GreatBarrierReef .rmSlide .rsmSelected > .rsmLink, 
.RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink
{color:white;}
.whiteBox {
    padding: 1rem 4rem;
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-toggle .icon-bar {
    display: none;
    background: transparent;
}
.navbar-toggle .icon-search {
    display: inline-block;
    float: left;
    background: transparent;
    width: 22px;
    height: 19px;
    margin: 0;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-toggle.collapsed {
    background-color: transparent;
}

button.navbar-toggle[data-target=".navbar-collapse"]:after {
    vertical-align: middle;
    font-weight: 400;
    content: 'clear';
    font-family: 'material icons';
    font-size: 36px;
    color: #fff;
    display: block;
    line-height: 14px;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

button.navbar-toggle.collapsed[data-target=".navbar-collapse"]:after {
    vertical-align: middle;
    font-weight: 400;
    content: 'menu';
    font-family: 'material icons';
    font-size: 36px;
    color: #fff;
    display: block;
    line-height: 14px;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#masterHeaderImage-int {left:25px;
    display: block;
    height: 100%;
    width: 100%;
    z-index: +1;
    position: relative;
}

.InternalHeaderArea {
    background: #0d0d0d;
    overflow: unset;
}

.carousel-caption {text-shadow:none;
    font-family: 'dm display serif', serif;
    background: none;
    text-align: left!important;
    left: 30px;
}

.InternalHeaderArea {
    background: white;
    overflow: unset;
}

.InternalHeaderArea .carousel {
    height: 280px;
}

#ctl01_ciPrimaryNavigation_PrimaryNavigationArea {
    margin: 0 15px;
}	
	
	
	
    .RadMenu.RadMenu_GreatBarrierReef .rmGroup {
        background-color: #414141;
    }
    .searchbar-collapse {
        width: 100%;
        position: absolute;
        left: 0;
        top: 35px;
    }
#interiorFullWidthArea {
    background: white;
}



.px-8 {

    margin: auto;
}

.limitMobileWidth {
    max-width: calc(100vw - 60px);
    margin: auto;
    overflow-x: scroll;
}

    #primaryNavigation {
        position: absolute;
        width: 100%;
        left: 0;
        top: 40px;
        z-index: 1000;
    }
    .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap,
    .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmItem,
    .RadMenu.RadMenu_GreatBarrierReef .RadSiteMap .rsmTwoLevels .rsmItem {
        font-size: inherit;
        padding: 5px 25px;
    }

    #hd .MainMenu a.rmRootLink:hover,
    .MainMenu a.rmRootLink:focus,
    .MainMenu a.rmRootLink:active {
        color: white;
        text-decoration: underline;
    }
    .navbar-collapse,
    .searchbar-collapse {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0.42%, transparent 57.99%), #414141;
    }

    #hd {
        background: transparent;
    }

.RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
    text-transform: none;
    color: white;
    font-family: 'DM Serif Display', serif;
    font-size: 125%;
    padding: 5px 10px;
}

    .Wrapper-FullWidth #masterContentArea .container-inner {
        max-width: 1440px;
        padding: 0 30px;
        margin: auto;
        
    }

  .navbar-collapse, .searchbar-collapse {
    background-color: #414141;
    z-index: +2;
}
    #bottomBar {
        background: white;
    }
    #masterLogoArea {width:100%;
        z-index: +1;
    }



    .footer-copyright div {
        width: 100%;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
        left: 0;
        top: -11px;
    }
    .footer-nav-copyright .NavigationUnorderedList,
    .footer-nav-copyright .footer-copyright {
        float: unset;
    }
    .navbar {
        background-color: white;
    }
    .RadTabStrip.RadTabStrip_MetroTouch {
        background: #005c85;
    }

    .nyOverlay {
        display: none;
    }
    #hd .NavigationListItem.iconCommunity .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'people';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.iconEmail .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'email';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.createAccount .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'person_add';
        font-family: 'Material Icons';
    }

    #hd .UtilitySection.UtilityAuthentication .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'vpn_key';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.myAccount .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'person';
        font-family: 'Material Icons';
    }

    #hd .NavigationListItem.nav-aux-cart .NavigationLink:before {
        font-size: 22px;
        line-height: 22px;
        content: 'shopping_cart';
        font-family: 'Material Icons';
    }

    #hd .nav-auxiliary .NavigationListItem {
        padding-right: 15px;
    }
    #masterHeaderImage-hp {
        display: none;
    }
    #hd .NavigationLink {
        padding: 0;
        line-height: 22px;
        vertical-align: baseline;
    }
    .UtilitySection.OnBehalfOf {
        display: none;
    }
    .UtilitySearch,
    .UtilityNavigationList,
    .UtilityAuthentication,
    .UtilitySTEToggle,
    .UtilityTranslation {
        vertical-align: baseline;
    }
    #hd .UtilitySection.UtilityAuthentication .NavigationLink:before {
        font-size: 32px;
        line-height: 32px;
        position: relative;
        top: 5px;
    }
    #hd .NavigationListItem.iconCommunity .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #hd .NavigationListItem.iconEmail .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #hd .NavigationListItem.createAccount .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #hd .UtilitySection.UtilityAuthentication .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #hd .NavigationListItem.myAccount .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #hd .NavigationListItem.nav-aux-cart .NavigationLink:before {
        font-size: 28px;
        line-height: 22px;
    }

    #topBar span.nav-text {
        font-size: 0;
    }

    .nav-auxiliary .NavigationListItem {
        line-height: 22px;
        list-style-type: none;
        display: inline-block;
        margin-left: 0;
    }
    a.UtilitySection.UtilityAuthenticationLink {
        position: relative;
        top: -3px;
    }
    #topBar .nav-auxiliary .nav-aux-button .NavigationLink {
        background-color: transparent;
        margin-left: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        border: 0;
        border-radius: 0px;
    }
    #hd .UtilitySection.UtilityNavigationList,
    #hd .UtilitySection.UtilityAuthentication {
        position: relative;
        top: 8px;
    }
    #topBar .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text,
    #topBar .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        display: inline-block;
        white-space: nowrap;
        float: left;
        overflow: hidden;
        width: auto;
        height: auto;
        padding-left: 0;
        background: transparent;
    }
    #topBar {
        padding: 5px 15px;
        width: 100%;
    }
    #ft .UtilityNavigation.nav-auxiliary {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {

    #primaryNavigation {
        top: 0px;
    }
	
	
	
	    .HomePageFullWidthArea .carousel-caption {
        text-shadow: none;
        text-align: left !important;
        left: 0;
        right: 0 !important;
        top: 240px;
        padding-right: 40%;

        width: 100%;
        margin-left: 100px;

    }
 
    #ste_container_ciNewUtilityNavigationCommon {
        float: none;
        font-size: 15px;
        transform: none;
    }
    .footer-nav-copyright .NavigationUnorderedList,
    .footer-nav-copyright .footer-copyright {
        float: none;
        margin: 0;
    }

    .footerNav .nav-auxiliary * {
        display: inline-block;
        text-align: center;
    }
    .obo-panel {
        display: none;
    }
}

@media (min-width: 1318px) {
    #ft .UtilityNavigationList .NavigationUnorderedList > li > a {
        width: auto;
    }
    #primaryNavigation {
        top: 70px;
    }



.bkBrownImage2 {
    background: linear-gradient(90deg, #fff 58.33%, #414141 50%);
}

.blueBox:after {background:#005c85;}
.brownBox:after {background:#414141;}
.bluishGrayBox:after {background:#e5ecee;}
.wideRight:after {
    content: '';
    height: 100%;
    width: calc(50vw - 50%);
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 100%;
}

.topFlush:after {
    content: '';
width:100%;
    height: calc(100% + 4rem);

    display: block;
    position: absolute;
    top: -4rem;
    z-index: -1;
    left: 0;
}





.topOverlap:after {
    content: '';
width:100%;
    height: calc(100% + 6rem);
    display: block;
    position: absolute;
    top: -6rem;
    z-index: -1;
    left: 0;
}

.wideRight:after {
    content: '';


    width: calc(50vw - 50%);
    display: block;
    position: absolute;

    z-index: -1;

}

.bkLtGrayLtSlate {
    background: linear-gradient(90deg, #e5e5e5 58.33%, #9fb3ba 50%);
}

.bkLtGrayBlue {
    background: linear-gradient(90deg, #e5e5e5 58.33%, #005c85 50%);
}	
.limitHeight275 {
    min-height: 275px;
    overflow: hidden;
    position: relative;
    top: -1px;
}	
	
.whiteArrowRight:after {
    z-index: 10;
    width: 0px;
    height: 0px;
    border-top: 137px solid transparent;
    border-bottom: 137px solid transparent;
    border-left: 137px solid white;
    content: '';
    position: absolute;
    top: 50%;
    transform: scalex(.5);
    left: -28px;
}	

.bkWhiteBlue {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+25,005c85+25,005c85+25 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 25%, rgba(0, 92, 133, 1) 25%, rgba(0, 92, 133, 1) 25%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 25%, rgba(0, 92, 133, 1) 25%, rgba(0, 92, 133, 1) 25%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 25%, rgba(0, 92, 133, 1) 25%, rgba(0, 92, 133, 1) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#005c85',GradientType=1 ); /* IE6-9 */
}
	
}

@media (max-width:1199px) {
	.bkBrownImage2 {
    background: #414141);
}
 
.bkLtGrayLtSlate, .bkLtGrayBlue {
    background: #e5e5e5);
}
	
}

@media (min-width:768px) and (max-width:1024px) {
.brownBox, .blueBox, .bluishGrayBox {padding:2rem;}	
.HomePageFullWidthArea .carousel-caption {max-width:100%;} 

.homepageTabs .RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 10px 85px;
    top: 8px;
    position: relative;
}
}

@media (max-width:1440px) {.pageBackground > .row {
    margin-left: 15px;
    margin-right: 15px;
}}

@media (min-width:1512px) {
	.homepageTabs .RadTabStrip.RadTabStrip_MetroTouch {margin-left:-52px;}
	

	
}

@media (min-width:768px) and (max-width:991px) {
	.footerSocialIcons + .text-white.text-2xl {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 0 2rem 0;
}
}

@media (min-width:992px) {.limitHeight275 > .row {
    height: 275px;
}}

@media (max-width: 1439px) {


	
    #ft .UtilityNavigationList .NavigationUnorderedList > li > a {
        width: 100%; display:block;
    }
	   .footerNav * {
        display: block;
        text-align: center;
    }
}

@media (min-width:1200px) and (max-width:1440px) {.whiteArrowRight:after {left:-43px;}}


@media (max-width:600px) {.newsOutput .storyDetailBlock {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.carousel-caption p {display:none;}
.HomePageFullWidthArea .carousel-caption p {display:block;}

.storyImage {
    float: none;
    width: 100%!important;
}
}

@media (max-width: 992px) {[id$='NewSocialShareCommon'].ContentItemContainer {visibility:hidden;}
.carousel-caption {bottom:0;}
.carousel-caption p {display:none;}
.HomePageFullWidthArea .carousel-caption p {display:block;}
}

.adDetails {
    margin: 0 auto 30px auto;
}

ul.directoryNavigation {
    margin-inline-start: -15px;
}
ul.directoryNavigation li, ul.directoryNavigation li a {
    text-decoration: none;
    font-size: 16px;
}

    div#rosterOutputZone {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
    .districtName {
    font-weight: bold;
    }
    @media (min-width:767px) {
    .stickyArea  {
    position: sticky;
    top: 162px;
    }}
    .orgDetails {
    margin-bottom: 15px;
    line-height: 1.4;
    font-size: 85%;

    }
    ul.directoryNavigation li {font-weight:bold;
    line-height: 1.2;
    }
	.d-none {display:none;}
	.iMIS-WebPart ul.directoryNavigation {
    margin-block-start: 1rem;
    margin-block-end: 2rem;
    margin-inline-start: 0;
}
	.orgCard {
    border: 1px solid #e2e8f0;
    margin-bottom: 25px;
    
    border-radius: 3px; padding:20px;
}
    .indivRecords {

    font-size: 70%;
    line-height: 1.2;


    }
    .indivRecordItem {
    border-bottom: 1px solid white;
    padding: 5px 0;
    }
    .indivRecords > .indivRecordItem:last-child {border-bottom:0;}
    .otherContactInfo {
    font-size: 85%;
    margin-top: 10px;
    }
	.sideAdZone .panel-body {
    margin: 0;
    padding: 0;
}
.pageTitleZone h2 {
    padding-top: 0;
    font-size: clamp(24px,10vw,40px);
    white-space: nowrap;
}
.pageTitleZone h1 {
    white-space: nowrap;
}
.partnerOutput {
    padding: 12px 0;
}
.partnerItem p {
    text-align: left!important;
	
}
ul.directoryNavigation li a {
    font-weight: normal;
}
.partnerItem {
    font-size: 90%;
    padding: 25px;
    border: 1px solid #e2e8f0;
    border-radius: 3px;
}
.partnerItem > span {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto;
    gap: 10px;
}
.partnerItem > span > .ContentHtml:nth-child(1) {
    grid-column: 2 / 3;
    grid-row: 1;
    margin: auto;
}

.partnerItem > span > .ContentHtml:nth-child(2) {
  grid-column: 1 / 2; /* Move to the first column */
  grid-row: 1; /* Ensure it stays in the first row */
}

.partnerItem > span > .ContentHtml:nth-child(3) {
  grid-column: 1 / 3; /* Span full width */
  grid-row: 2; /* Place it in the second row */
}
	.sideAdZone .slick-slide img {padding:0;}
	.bottomAdZone .panel-body {
    padding: 0;
    margin-top: 20px;
}
.bottomAdZone img {
    width: 100%!important;
    padding: 0;
}
.pageTitleZone h1:after {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    right: -15px;
    background: #e2e8f0;
}
.pageTitleZone .iMIS-WebPart > div.ContentItemContainer > div {
    display: flex;
    align-items: baseline;
    line-height: 1.1;
    justify-content: flex-start;
    column-gap: 25px;
}

.loadingImage img {max-width:50px;margin:auto;position:absolute;z-index:1;}
.loadingImage {margin:auto; width:100%;}
.staffListingTabOutput h3 {font-size:2.35rem;}
.staffListingTabOutput {
    font-size: 16px;
}
.staffListingTabOutput img {
    max-width:150px;
}

div[id*="_Content"].ContentItemContainer {
    border-bottom: 1px solid #e2e8f0; margin-bottom:15px;padding-bottom:15px;
}

ul.directoryNavigation li a {
    font-weight: 500;
    letter-spacing: .25px;
}

.iMIS-WebPart ul.directoryNavigation li:before {
    content: "\f054";
    position: absolute;
    left: -1.6rem;
    top: 0;
    color: #F39622!important;
    font-family: fontawesome;
    font-size: 10px;
    top: 50%;
    transform: translatey(-50%);
}
.panel-body:has(.directoryNavigation) {
    padding: 0;
}