 body { background:#ffffff; font-size: 1em; color:#454545; font-family: 'Public Sans', sans-serif;; } #fixedHeader { border-bottom: 2px solid #117F97; background: #000000; }#fixedHeader.mimizedHeader { border-bottom: 2px solid #117F97 !important; background: #000000 !important; } #mainDiv { background:#ffffff; }#contentPageBackground { background:#ffffff;  } h1 { color:#454545; font-family: 'Oswald', sans-serif;; } h2 { color:#454545; font-family: 'Oswald', sans-serif;; }.largeContentButton { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }.largeContentButton:hover { background:#D431B6; }a,a:link,a:visited,a:active { color:#117f97; }a:hover { color:#D431B6; }#footer a { color:#FFFFFF !important; font-size: 1em !important;  }#footer p { color:#ffffff; }#footer { color:#ffffff; background:#000000;border-top: 2px solid #D431B6;font-size:1em !important; }#primaryNavigation ul li a { color: #FFFFFF;  }#primaryNavigation ul li a:hover, #primaryNavigation ul li a:focus { color: #D431B6;  }#secondaryNavigation ul li a { color: #d6d6d6;  }#secondaryNavigation ul li a:hover, #secondaryNavigation ul li a:focus { color: #D431B6;  }#primaryNavigation .emphasizedLink a.menuBuilderLink {color: #FFFFFF !important; background:#117f97; border-radius:15px 15px 0px 0px; -moz-border-radius:15px 15px 0px 0px; -webkit-border-radius:15px 15px 0px 0px; } #primaryNavigation .emphasizedLink a.menuBuilderLink:hover, #primaryNavigation .emphasizedLink a.menuBuilderLink:focus { background:#D431B6; }#primaryNavigation ul li { border-right: 1px solid #fFFFFF; }#secondaryNavigation .emphasizedLink a.menuBuilderLink {color: #FFFFFF !important; background:#117f97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } #secondaryNavigation .emphasizedLink a.menuBuilderLink:hover, #secondaryNavigation .emphasizedLink a.menuBuilderLink:focus { background:#D431B6; }.dropDownMenuStyleApplied {background: #000000; border-radius: 0px 0px 15px 15px; -moz-border-radius: border-radius: 0px 0px 15px 15px; -webkit-border-radius: border-radius: 0px 0px 15px 15px; } .dropDownMenuStyleApplied a,.dropDownMenuStyleApplied a:link,.dropDownMenuStyleApplied a:visited, .dropDownMenuStyleApplieda:active { color:#117f97; }.dropDownMenuStyleApplied a:hover { color:#D431B6; }#fixedHeader .sectionLevel3NestedPages a:not(:first-of-type) { border-top: solid 2px #000000; }div.sectionLevel3Links div.sectionLevel3NestedPages a { background: #fFFFFF; }.sectionDropdownSideEffect a { border-bottom: 1px solid #fFFFFF; }.sectionDropdownSideEffect { border-bottom: 2px solid #117F97 !important; border-right: 1px solid #117F97 !important; border-left: 1px solid #117F97 !important;  }#contentBG { border-top: 6px solid #117F97; }#contentBGFullContent { border-top: 6px solid #117F97; }.TSG-accordion .TSG-accordion-nested-table.ui-accordion-header { border-left: 10px solid #117f97 !important; }.TSG-accordion .TSG-accordion-nested-table.ui-state-active { border 1px solid #117f97; background: #117f97; }.TSG-accordion .TSG-accordion-nested-table.ui-state-active p { color #FFFFFF !important; }.newsletterDivSubheading { border-top: 10px solid #117F97; border-left: 1px solid #117F97; border-right: 1px solid #117F97; border-bottom: 1px solid #117F97; }#newsletterClosePopup { background: #117f97; color: #FFFFFF; border: 2px solid #FFFFFF;}#newsletterClosePopup:hover { background: #D431B6; color: #FFFFFF;}.orangeButton { background: #117f97; color: #FFFFFF; border: 1px solid #FFFFFF; } .orangeButton:hover { background:#D431B6; } .bannerButton, .homeBannerButton { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .imgBannerButton:hover { background:#D431B6; } .imgBannerButton { background: rgba(17,127,151,0.75); color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .bannerButton:hover, .homeBannerButton:hover { background:#D431B6; } #homeBannerButtons .homeBannerButton, #homeBannerButtons .homeBannerButton:hover { border: solid rgb(0,97,121); } .homePageContentBlock { background:#ffffff ;border-bottom: 1px solid #117F97;  }.cmsImage, .cmsImageLarge { border: 1.9px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .featuredNewsImageHolder { border: 1.9px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .newsArticleImg { border: 1.9px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .featuredEventImageHolder { border: 1.9px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } #newsDiv, #eventsDiv, #mediaDiv { border-top: 2px solid #117F97; } .homeArticleImg { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .WebFormParts { color:#454545; } .buttonActionPublic { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .buttonActionPublic:hover { background:#D431B6; } #paginationDiv { border-top: 1px solid #117F97; border-bottom: 1px solid #117F97; } .currentPaginationSpan a { background:#117f97; color:#FFFFFF !important;  } .newsEventListingPhotoIcon { border: 1.9px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow: hidden; }  .newsEventListingPhotoIcon:hover { border: 1.9px solid #D431B6; } .newsEventRowDiv { border-bottom: 1px solid #fFFFFF; };hr { border-top: 1px solid #fFFFFF; }#subnav { border-right: 1px solid #fFFFFF; }#subnavItem,#subnavItemLevelThree,#subnavItemLevelFour { border-bottom: 1px solid #fFFFFF; }.featuredEventContainerCrop img { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }  #projects-wrapper.all .project-container img { border-bottom: 5px solid #117F97; background: #000000; }.project-container { border: 1px solid #fFFFFF; background: #000000; }#projects-wrapper.all .project-container:hover { border: 1px solid #117F97; }a .project-container { color: #454545 !important;  }a:hover .project-container { color: #454545 !important;  }.project-category-container { border-bottom: 1px solid #fFFFFF; }.project-container-column .project-main-photo img, .project-photo-container img { border: 2px solid #117F97; }#gallery li img.galleryPhoto { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } #playerWrapper { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .latestVideothumb { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .searchVideothumb { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .videoSearchLarge { border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .videoSearchFormButton { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }.videoSearchFormButton:hover { background:#D431B6; }ul#videoNavContent li a {color: #FFFFFF !important; background:#117f97; border-radius:15px 15px 0px 0px; -moz-border-radius:15px 15px 0px 0px; -webkit-border-radius:15px 15px 0px 0px; } ul#videoNavContent li a:hover { background:#D431B6; }ul#videoNavContent li a.videoColumnButtonLinkHighlight { background:#D431B6; }.keylistDiv li { border-bottom: 1px solid #fFFFFF;} #promotionAd { border-left: 4px solid #117F97;border-top: 4px solid #117F97; background: #000000; } #promotionAdClose { border: 1px solid #117F97; background: #000000; } #mobileMenu, #accessibilityMobileMenu { background: #000000; }ul.mobileMenuUL li a, #accessibilityMobileMenu ul li a { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }.mobileHomepageBanner { border-bottom: 2px solid #117F97; }.orangeButton { border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }#directory-tabs .ui-widget-header { border-bottom: 1px solid #117f97; }#directory-tabs .ui-tabs-nav li.ui-state-active { background: #117f97; color:#FFFFFF !important; }ul.mobileMenuUL li a.childMenuItem { border-bottom: 1px solid #fFFFFF; color:#117f97 !important;  }.searchDiv form > .button { background:#117f97; color:#FFFFFF !important;  }#directory-wrapper .slider { background:#ffffff; color:#454545; }.directory-item { border-bottom: 1px solid #fFFFFF;}#directory-detail img { border: 2px solid #117F97; }#directory-tabs .directory-photo { border: 2px solid #117F97; }select,input { border: 1px solid #117F97; }#signupForm { color: #454545; }.sliderSubpageSubheadline { background: #ffffff; border-bottom: 1px solid #117F97;}#cmsWebViewContentContainer { background:#ffffff; border-top:10px solid #117F97; } .sectionDropdownSideEffect { border-radius: 0px 0px 15px 15px; -moz-border-radius: border-radius: 0px 0px 15px 15px; -webkit-border-radius: border-radius: 0px 0px 15px 15px; } #mainDiv .tsgContentSliderColumn div div { box-shadow: 0px 0px 5px #117F97 !important; border-radius: 15px !important; } .tsgContentSliderArrow i { color: #117f97 !important }.projectImg, .projectImg img, .project-container-column .project-main-photo img, .project-photo-container img { border-radius: 15px !important; } #unsubTable thead tr { background: #117F97; } #sliderContainer .sliderImageHolder { height: 500px; } #partnersDiv .slider-controls .control_paginate:hover { background: #D431B6; } .audioButton { background:#117f97; color:#FFFFFF !important; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }#audio_details h1 { color:#454545; font-family: 'Oswald', sans-serif;; }a.audioPlay,a.audioWatch { background:#117f97; -moz-border-radius:15px; -webkit-border-radius:15px; color: #454545; }a.audioPlay:hover, a.audioWatch:hover {background:#117f97; }.featuredMediaImageHolder {border: 2px solid #117F97; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}.audioTab, #audio_photo, #audio_status {background: #D431B6; color: #ffffff !important; }.audioVideothumb { border: 2px solid #117F97; } #shiftNotificationSubscribe { background: #454545; } .sectionFullWidthMenu { background: #fFFFFF; } .linkButton { background: #117f97; color: #FFFFFF; border-radius:10px !important; -moz-border-radius:15px; -webkit-border-radius: 15px; }.pageBlockPhotoShapeRectangle { -moz-border-radius:15px; -webkit-border-radius: 15px; }.pageBlockAccordionHeader.accordionActive { background: #117f97; color: #FFFFFF; font-weight: bold; border-radius: 15px 15px 0px 0px; } 
        #skilly-modal_background-overlay {
    background-color: #00000080;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
}
#skilly-modal_background-overlay.Active
{
display:block;
}
.closeChatButton
{
display: none;
   height: 20px;
    width: 20px;
    padding: 10px;
    z-index: 999999;
    position: fixed;
    right: 11px;
    bottom: 95%;
    color: #000000;
    font-size: 2em;
background: #FFFFFF;
border-radius: 100%;
border: 2px solid #FFFFFF:
-webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
 translate3d(0, 0, 0);
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.closeChatButton.Active
{
display: block;
}
.closeChatButton a {
    color: #117F97;
    position: absolute;
    top: 4px;
    left: 4px;
    text-decoration: none;
}
.chatButton
{
height: 50px;
    width: 50px;
    padding: 10px;
    z-index: 999997;
    position: fixed;
    right: 10px;
    bottom: 10px;
    border-radius: 15px;
    background: #117F97;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 3em;
-webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
 translate3d(0, 0, 0);
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.chatButton a
{
color: #FFFFFF;
text-decoration: none;
}
#externalChatWrapper
{
border-radius: 14px !important;
border: 4px solid #117F97;
z-index: 999998 !important;
position: fixed !important;
right: -630px !important;
bottom: 10px !important;
width: 610px !important;
height: 95% !important;
-webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
 translate3d(0, 0, 0);
 -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#externalChatWrapper.Active
{
right: 10px !important;
}
#externalChatWrapper iframe
{
border-radius: 10px;
}
#contentPageBackground
{
padding: 100px 0px 20px 0px;
}
h1,h2
{
font-weight: 300;
}
h1
{
color: #117F97;
}
.noBanners
{
    /*top: 22px;*/
}
#fixedHeader{
    /*background:#000000cf;*/
    box-shadow: 2px 0px 6px #000;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.8533788515406162) 0%, rgba(29,74,120,0.8533788515406162) 57%, rgba(97,14,89,0.8449754901960784) 83%, rgba(117,52,7,0.8477766106442577) 100%);
}
#fixedHeader.mimizedHeader{
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0.8533788515406162) 0%, rgba(29,74,120,0.8533788515406162) 57%, rgba(97,14,89,0.8449754901960784) 83%, rgba(117,52,7,0.8477766106442577) 100%) !important;
}
#fixedHeader.mimizedHeader .headerLogo {
    height: 34px;
    top: 50px;
}
.dropDownMenuStyleApplied{
background:rgb(6 48 68 / 95%);
}
.sectionDropdownSideEffect a {
    border-bottom: 1px solid #117f97!important;
}
#sliderContainer{
    margin-top:0px !important;
    border-bottom: 3px solid #117F97;
}
#primaryNavigation {
    padding: 0;
    list-style: none;
    float: right;
    clear: both;
    margin: 6px 0px 0px 0px;
    padding-right: 20px;
    width: 80%;
}
#primaryNavigation a{
   font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
   font-size: 1.4em;
   padding: 0px 8px 0px 8px;
text-shadow: 0px 2px 2px #000000;
}
#primaryNavigation a:hover{
  color: #1CA0FF!important;
}
#primaryNavigation ul li {
    border-right: 0px solid #FFFFFF;
}
#primaryNavigation .emphasizedLink a.menuBuilderLink{
/* background: #5E676A!important; */
}
#primaryNavigation .emphasizedLink a.menuBuilderLink:hover{
/*background: #1CA0FF!important;*/
}
#secondaryNavigation a{
font-size:0.8em;
}
#secondaryNavigation .emphasizedLink a.menuBuilderLink{
/* background: #5E676A!important; */
}
#secondaryNavigation .emphasizedLink a.menuBuilderLink:hover{
/* background: #1CA0FF!important; */
}
#secondaryNavigation a i{
margin: 0px -5px 0px 0px;
}
#secondaryNavigation a i:hover{
color: #D431B6;
}
.sectionDropdownSideEffect{
border: none!important;
}
.sectionStylizedMenu {
 top: 37px;
}
.sectionDropdownSideEffect a {
    border-bottom: 1px solid #454545;
}
.headerLogo {
    height: 80px;
    top: 10px;
    -webkit-filter: drop-shadow(0px 2px 2px #000000);
     filter: drop-shadow(0px 2px 2px #000000);
}
.searchDiv form > .button:hover{
background: #5E676A;
}
.ui-widget-content a {
    color: #117F97!important;
}
.captionDiv {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 38%, rgba(255,255,255,0) 100%);
    width: 45%;
    bottom: 0px;
    left: 0px;
    border-radius: 0px;
}
.captionDiv h1 {
    font-size: 1.6em;
    line-height: 1.2em;
padding: 20px;  
position: relative;
top: -20px;
left:-20px;
line-height: 1.2em;
border-radius: 0px 0px 20px 0px;
background: rgb(0,0,0);
background: linear-gradient(
90deg, rgba(0,0,0,0.8533788515406162) 0%, rgba(29,74,120,0.8533788515406162) 57%, rgba(97,14,89,0.8449754901960784) 83%, rgba(117,52,7,0.8477766106442577) 100%);
text-shadow: 0px 2px 4px #000000;
border-top: 3px solid #e56d00;
}
.captionDiv p {
    font-size: 0.9em;
    color: #fff;
    letter-spacing: 0px;
}
#sliderContainer p {
    margin: 10px 0px 0px 0px;
}
.bannerButton{
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   border: 2px solid #fff;
   background: transparent;
}
.bannerButton:hover{
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   border: 2px solid #117F97;
   background: transparent;
   color: #117F97!important;
}
.jssorb21{
-webkit-filter: brightness(70%) sepia(0%) hue-rotate( 
0deg) saturate(0%) contrast(0.9);
filter: brightness(70%) sepia(0%) hue-rotate(
0deg) saturate(0%) contrast(0.9);
right:6%!important;
}
.homeBlockOne h1{
   display: none;
}
a.largeContentButton{
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
}
.homeBlockOne p{
font-size: 0.9em;
}
.homeBlockTwo .cmsImage, .cmsImageLarge {
    border: 2px solid #FFFFFF;
    /* border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px; */
}
.homeBlockTwo{
background: url(https://www.tech25.org/images/design/programs-bg.jpg) no-repeat top left;
}
.homeBlockTwo p{
font-size: 0.8em;
}
.homePageContentBlock {
    width: 86%;
    padding: 25px 7%;
    border-bottom: 3px solid #454545;
}
.homePageFeaturedBlock{
    width: 80%;
    padding: 0px 10%;
}
#eventsDiv{
background: rgb(42,42,42);
background: radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(0,0,0,1) 100%);
}
#eventsDiv h1{
color: #f5f5f5;
}
.eFeature0 p{
color:#D6D6D6;
}
.homeArticleText p {
color: #f5f5f5;
}
.eventsRight p{
color: #f5f5f5!important;
}
.partnersContainer{
    padding: 0 5%;
}
.partners {
    width: 220px;
    height: 150px;
    margin: 20px 20px;
}
#newsDiv .homeArticleText p{
color: #454545!important;
}
.newsEventListingPhotoIcon {
    border: 2px solid #a40cc0;
}
.noBanners{
border-bottom: 3px solid #1CA0FF;
}
.featuredEventContainerCrop img {
    border: 2px solid #fff;
    box-shadow: 0px 0px 4px #333333;
}
.tsgContentSliderHolder p
{
margin-left: 50px;
margin-right: 50px;
}
.fa-5x {
color: #D431B6;
}
.tsgContentSliderHolder iframe{
border: 2px solid #FFFFFF;
box-shadow: 0px 0px 6px #000000;
border-radius: 10px;
}
#newsDivSubheading h2 {
    font-size: 22px;
}
.staffMemberGrid{
height: 330px;
}
div.sectionLevel3Links div.sectionLevel3NestedPages a{
  background: rgb(6 48 68 / 95%) !important;
}
/* START MOBILE STYLES */
@media only screen and (max-width: 600px) {
.closeChatButton
{
right: 15px;
    bottom: 73%;
width: 25px;
height: 25px;
}
.closeChatButton a {
    position: absolute;
    top: 4px;
    left: 4px;
}
.chatButton
{
    font-size: 2.5em;
}

#externalChatWrapper
{
width: 95% !important;
height: 75% !important;
}





#mobileMenuButton .fas {
color: #fff;
}
.captionDiv{
    width: 70%;
}
.mobileHomepageBanner {
background: #000;
margin-top: 45px;
/*height: 36vh!important;*/
}
.homePageContentBlock > #eventsDiv, .homePageContentBlock > #newsDiv, .homePageContentBlock > #partnersDiv{
width: 117.5%;
margin-left: -8.5%;
}
#sliderContainer {
background: #000!important;
}
#sliderContainer a{
color:#D6D6D6;
}
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn{
display:none!important;
}
.newsletterDivSubheading {
background: url(https://www.tech25.org/images/design/newsletter-bg.jpg) no-repeat top left;
background-size: cover;
border-bottom: 3px solid #D431B6;
}
.newsletterDivSubheading h2 {
color: #fff;
font-size: 1.6em!important;
line-height: 1.2em!important;
}
#newsDivSubheading {
color: #fff;
}
.orangeButton {
border: 2px solid #FFFFFF;
}
#sliderContainer{
/*margin-top: 0px;*/
}
#sliderContainer h1, #sliderContainerSubpage h1 {
color: #fff;
}
ul.mobileMenuUL li a.childMenuItem {
border-color: #D431B6;
color: #fff!important;
}
#mobileMenu, #accessibilityMobileMenu {
background: rgba(0, 0, 0, 0.85);
}
#mainDiv a.largeContentButton{
font-size:1em!important;
}
.homeBlockTwo .cmsImage, .cmsImageLarge {
border: 2px solid #FFFFFF;
border-radius: 10%;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
}
.homeBlockTwo {
background-size: cover;
}
.partnersContainer{
    padding: 0%;
}
#partnersDiv img.partners {
width: 125px;
height: 80px;
margin: 5px 30px;
}
#partnersDiv {
padding-bottom: 30px;
}
.noBanners {
top: 0px;
}
.featuredTitle {
padding-top: 15px;
}
.featuredEventContainerCrop img {
height: 120px;
object-fit: cover;
}
h1{
line-height: 1.2em;
font-size: 1.8em;
}
h2{
line-height: 1.1em;
font-size: 1.4em;
}

.bannerButton{
   border: 2px solid #D431B6;
   background: #117f97;
}

  } 