#masterLogoArea img{
  max-width: 270px;
  width:100%;
}

#ste_container_ciSocialIcons,
#ste_container_ciUtilityNavigation{
  display:inline-block;  
}

.UtilitySection {
    display: inline-block;
    vertical-align: middle;
}

.UtilityAccountArea{
 margin-top:1px; 
}

.header-search input[type="text"]{
  border:0;
  border-radius:0px;
  box-shadow: none;
  width:100px;
  font-weight: 300;
  background-size: 20px;
  background-position: left center;
  color: #000000;
  background-image: url(images/search.svg);
    -webkit-transition: all 0.2s 0s ease-in;
  -moz-transition: all 0.2s 0s ease-in;
  -o-transition: all 0.2s 0s ease-in;
  transition: all 0.2s 0s ease-in;
}

.header-search input[type="text"]:focus{
  width:200px;
}

.account-toggle .nav-text {
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    max-width: 15em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
}

.UtilityNavigation .account-menu > li > a, 
.UtilityNavigation .account-menu > li > a:hover, 
.UtilityNavigation .account-menu > li > a:visited, 
.UtilityNavigation .account-menu > li > a:active {
    text-decoration: none;
    color: #000000;
    font-weight: 300;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, 
.RadMenu.RadMenu_Toronto .rmRootLink:hover, 
.RadMenu.RadMenu_Toronto .rmRootLink.rmFocused{
  z-index:200;
}


@media(min-width:768px){
  .mobile{
    display:none;
  }
}

@media(max-width:767px){
  #ste_container_ciSocialIcons,
  #ste_container_ciUtilityNavigation{
    display:none;
  }

  .desktop{
    display:none;
  }

  .obo-toggle{
    background-position:0px -105px;
  }

  .header-container{
    padding:0;
  }

  .navbar-header {
    float: none;
    margin-top: 0px;
    text-align:center;
    background-color:#00377f;
    padding: 5px 0px;
  }

  .header-logo-container {
      float: none;
  }
    
  #masterLogoArea img{
    max-width:320px;
    width:100%;
    margin: 0px auto 15px auto;
    display:block;
  }

  .header-top-container {
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .RadMenu.RadMenu_Toronto .rmLink{
    color:#000000;
  }

  .RadMenu.RadMenu_Toronto .rmToggle .rmIcon, 
  .RadMenu.RadMenu_Toronto .rmRootGroup .rmRootLink .rmToggle .rmIcon {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
    width: 23px;
    height: 15px;
    background-image: url("images/caret-black-down.svg");
    background-repeat: no-repeat;
    margin-top: 23px;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-left: 15px;
  }

  .RadMenu.RadMenu_Toronto .rmLink:hover .rmToggle > .rmIcon, 
  .RadMenu.RadMenu_Toronto .rmLink.rmFocused .rmToggle > .rmIcon, 
  .RadMenu.RadMenu_Toronto .rmSelected > .rmLink .rmToggle > .rmIcon, 
  .RadMenu.RadMenu_Toronto .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
  .RadMenu.RadMenu_Toronto .rmExpanded > .rmLink .rmToggle > .rmIcon{
    background-position: 0 0px;
    background-image:url(images/caret-black-up.svg);
  }

  .RadMenu.RadMenu_Toronto .rmSlide .rmLink .rmToggle > .rmIcon{
    background-image:url(images/caret-black-down.svg);
    background-position: 0 0px;
  }
    
  .RadMenu.RadMenu_Toronto .rmLevel1 .rmText, 
  .RadMenu.RadMenu_Toronto .rmLevel1 .rmHorizontal .rmText, 
  .RadMenu.RadMenu_Toronto .rmSlide.rmLevel1 .rmText {
      padding: 5px 15px;
  }

  .RadMenu.RadMenu_Toronto .rmGroup {
    background-color: #ffffff;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0px;
  }

  .RadMenu.RadMenu_Toronto .rmSlide ul.rmGroup.rmLevel1{
    padding-left:20px;
  }

  .RadMenu_Toronto .rmSlide .rmExpandRight, .RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight {
    background-image: none;
  }

  .RadMenu.RadMenu_Toronto .rmLevel1 .rmToggle{
    display: block;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
  }

  .RadMenu.RadMenu_Toronto .rmLevel1 .rmToggle .rmIcon{
    margin-top:13px;
  }

	.RadMenu_Toronto .rmSlide .rmExpandRight.rmExpanded, 
	.RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight.rmExpanded {
	  background-image: none;
	}

	.RadMenu_Toronto .rmSlide .rmLink.rmExpanded{
	  color:#000000;
	}

.RadMenu_Toronto .rmSlide .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLink:focus, .RadMenu_Toronto .rmSlide .rmLink.rmFocused,
.RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:hover,
.RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:focus,
.RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: transparent;
  color: #000000;
}
  
}


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

.HomePageFullWidthArea .panel, 
.HomePageFullWidthArea .StandardPanel {
    border: 0px solid transparent;
}


.PurpleButton,
.PurpleButton:visited{
  background-color:#4f1b8a;
}

.PurpleButton:hover,
.PurpleButton:focus{
  background-color:#210647;
}

#ft h4{
  font-size:16px;
  font-weight:600;
}


.footer-copyright ul{
  list-style:none;
  margin:0;
  padding:0;
  display:inline-block;
  float:right;
}

.footer-copyright li{
  display:inline-block;
}

.footer-copyright li:after{
  content:'|';
  margin:0px 10px;
}

.footer-copyright li:last-child:after{
  display:none;
}

.footer-copyright li a,
.footer-copyright li a:visited{
  text-decoration:none;
}

.footer-copyright li a:hover,
.footer-copyright li a:focus{
  text-decoration:underline;
}

@media(max-width:767px){
  .footer-copyright ul{
    display:block;
    float:none;
    margin-top:20px;
  }

  .footer-copyright li{
    display:block;
  }
  
  .footer-copyright li:after{
    display:none;
  }
}

.CTA-buttons img{
  display:inline-block;
  vertical-align:middle;
}

.CTA-buttons .text{
  display:inline-block;
  text-align:left;
  vertical-align:middle;
  margin-left:10px;
  line-height:1.2;
  font-weight:500;
}

.CTA-buttons a{
  margin: 5px 5px;
}


.padding40{
  padding-top:40px;
  padding-bottom:40px;
}

.padding60{
  padding-top:60px;
  padding-bottom:60px;
}

.padding80{
  padding-top:80px;
  padding-bottom:80px;
}

@media(max-width:767px){
  .padding40{
    padding-top:20px;
    padding-bottom:20px;
  }
  
  .padding60{
    padding-top:20px;
    padding-bottom:20px;
  }
  
  .padding80{
    padding-top:20px;
    padding-bottom:20px;
  }
}


.Wrapper-FullWidth #masterContentArea,
.Wrapper-FullWidth #masterContentArea .row.full{
  max-width:200000px;
  max-width:100%;
  margin:0;
  padding-left:0;
  padding-right:0;
  background-size:cover;
  background-position:center;
}

.Wrapper-FullWidth #masterContentArea .row,
.Wrapper-FullWidth #masterContentArea .row .content{
  max-width:1200px;
  margin:0px auto;
}

.row-wrapper{
  background-position:center;
  background-size:cover;
}

.full.dark-overlay{
  position:relative;
}

.full.dark-overlay:before{
  content:'';
  position:absolute;
  left:0;
  top:0; right:0; bottom:0;
  background-color:rgba(0,0,0,0.25);
}

.clearQ .rgHeader{
	display:none!important;
}

.clearQ .RadGrid_MetroTouch{
	border:none;
}

.clearQ .RadGrid_MetroTouch .rgAltRow {
    background: #fff;
}

.clearQ .RadGrid_MetroTouch .rgAltRow td,
.clearQ .RadGrid_MetroTouch .rgRow td {
    border:none;
}


.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_MetroTouch th.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, 
.clearQ .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, 
.clearQ .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: transparent;
    color: #000;
    border-color:
    transparent;
}

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

.clearQ .RadGrid.RadGrid_MetroTouch .rgMasterTable, 
.clearQ .RadGrid.RadGrid_Metro .rgMasterTable {
    background-color: transparent!important;
}

.clearQ .RadGrid_MetroTouch {
    background-color: transparent!important;
}

.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgRow td:first-child,
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child{
   padding:0px;
}

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

.clearQ .GridTitlePanel, .clearQ .GridFooterPanel {
    margin-top: 0px;
    margin-bottom: 0px;
}


.homeEvents tbody{
  display:flex;
  gap:40px;
}

.homeEvents tr{
  flex-basis:33%;
}

.homeEvents .image{
  width:100%;
  height:250px;
  display:block;
  -webkit-transition: all 0.2s 0s ease-in;
  -moz-transition: all 0.2s 0s ease-in;
  -o-transition: all 0.2s 0s ease-in;
  transition: all 0.2s 0s ease-in;
  background-position:center;
  background-size:cover;
}

.homeEvents .imageWrapper{
  width:100%;
  height:250px;
  display:block;
  border-radius:3px;
  position:relative;
  overflow:hidden;
}

.homeEvents a{
  text-decoration:none!important;
  color:#000!important;
  display:block;
  position:relative;
}

.homeEvents .content{
  display:block;
  position:relative;
  padding: 15px;
}

.homeEvents .title{
  display:block;
  font-size:24px;
  font-weight:500;
  position:relative;
  line-height: 1.2;
  padding: 0px 50px 0px 0px;
}

.homeEvents .date{
  display: block;
  text-align:center;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}

.homeEvents .day{
  display:block;
  font-size: 20px;
  line-height: 20px;
  font-weight:300;
}

.homeEvents .month{
  font-weight:bold;
  text-transform:uppercase;
  font-size:16px;
  display: block;
}

.homeEvents .desc{
  display:block;
  margin: 15px 0px 15px 0px;
}

.homeEvents a:hover .PrimaryButton{
  background:#00377f;
}

.homeEvents a:hover .image{
  transform:scale(1.2);
}


@media(min-width:768px) and (max-width:990px){
  .homeEvents tbody{
    flex-wrap: wrap;
    gap:20px;
  }

  .homeEvents tr:first-child{
    flex-grow:2;
    flex-basis:100%;
  }
  
  .homeEvents tr{
    flex-basis:48%;
    flex-grow:1;
  }
  

}

@media(max-width:767px){
  .homeEvents tbody{
    display:block;
    gap:40px;
  }
  
  .homeEvents tr{
    display:block;
    margin:0px auto 30px auto;
    max-width:350px;
  }
}

.col-sm-6.white-box{
  background-color:rgba(255,255,255,0.8);
  padding:30px;
  border-radius:3px;
}

.counters{
  display:block;
  text-align:center;
  font-size:24px;
  color:#fff;
  margin:0px auto;
  font-weight:300;
}

.counters .sub-title{
  font-size:40px;
  font-weight:400;
}

.counters .counter-value{
  font-size:110px;
  font-weight:700;
  line-height:1;
}

.memCount table,
.memCount tbody,
.memCount tr{
  display:block!important;
  width: 100%!important;
  height: 100%!important;
}

.memCount td{
  display:block;
  width:100%;
  position:absolute;
  text-align:center;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.v-align .col-sm-6{
  position:relative;
}

@media(max-width:900px){
    .v-align .col-sm-6{
    display:block;
    float:none;
    vertical-align:middle;
    width: 95%;
    margin: 0px auto;
  }

    .memCount td{
    display:block;
    width:100%;
    position:relative;
    text-align:center;
    top: auto;
    left: 0;
    right: 0;
    margin: auto;
    transform: none;
  }

  .col-sm-6.white-box{
    background-color:rgba(255,255,255,0.8);
    padding:20px;
    border-radius:3px;
  }
}

.contentTaggedListImageThumbnailR{
  display:none;
}

.Wrapper-HomePage .TaggedListPanel{
  display:flex;
  flex-wrap: wrap;
}

.homeNews{
  flex-basis:25%;
  position:relative;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.homeNews:first-child{
  border-radius:3px 0px 0px 3px;
}

.homeNews:nth-child(4){
  border-radius:0px 3px 3px 0px;
}

.news-card{
  display:block;
  height:200px;
  background-position:center;
  background-size:cover;
}

.homeNews a{
  display:block;
  position:absolute;
  bottom:-100%;
  -webkit-transition: all 0.2s 0s ease-in;
  -moz-transition: all 0.2s 0s ease-in;
  -o-transition: all 0.2s 0s ease-in;
  transition: all 0.2s 0s ease-in;
  text-decoration:none;
  color:#fff!important;
  padding:20px;
  opacity:0;
}

.homeNews:hover a{
  bottom:auto;
  top:50%;
  transform:translateY(-50%);
  opacity:1;
}

.homeNews:before{
  content:'';
  display:block;
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  background:#000000;
  opacity:0.4;
    -webkit-transition: all 0.2s 0s ease-in;
  -moz-transition: all 0.2s 0s ease-in;
  -o-transition: all 0.2s 0s ease-in;
  transition: all 0.2s 0s ease-in;
}

.homeNews:hover:before{
  opacity:1;
  background:#09a0e0;
}


.homeNews .title-date{
  color:#fff;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:10px; right:10px;
  text-align:center;
  font-weight:500;
  font-size:24px;
  line-height:1.2;
}

.homeNews .title:after{
  display:block;
  height:1px;
  width:40%;
  background:#fff;
  content:'';
  margin:10px auto;
}

.homeNews .day{
  font-size:20px;
  font-weight:300;
  display:block;
}

.homeNews .month{
  font-size:16px;
  font-weight:700;
  display:block;
  text-transform:uppercase;
}

.homeNews:hover .title-date{
  opacity:0;
}

@media(min-width:768px) and (max-width:1000px){
    .homeNews{
      flex-basis:50%;
      flex-grow:2;
    }

  .homeNews:first-child{
    border-radius:3px 0px 0px 0px;
  }

  .homeNews:nth-child(2){
    border-radius:0px 3px 0px 0px;
  }

  .homeNews:nth-child(3){
    border-radius:0px 0px 0px 3px;
  }  
  
  .homeNews:nth-child(4){
    border-radius:0px 0px 3px 0px;
  }
}

@media(max-width:767px){
  .Wrapper-HomePage .TaggedListPanel{
    display:block;
    max-width:350px;
    margin:0px auto;
  }
  
  .homeNews{
    flex-basis:100%;
    position:relative;
    padding: 0;
    overflow: hidden;
    border: 0;
  }

  .homeNews:first-child{
    border-radius:3px 3px 0px 0px;
  }
  
  .homeNews:nth-child(4){
    border-radius:0px 0px 3px 3px;
  }
}

a.viewall,
a.viewall:visited{
  color:#000;
  text-decoration:none;
}

a.viewall:hover,
a.viewall:focus{
  color:#09a0e0;
  text-decoration:underline;
}

 .carousel-caption{
  background-color:rgba(255,255,255,0.8);
  border-radius:3px;
  left: 8%;
  right:8%;
  bottom:50px;
  margin:0;
  padding:30px;
  text-align:left;
  color:#000;
  text-shadow:none;
}

.HomePageFullWidthArea .carousel-caption{
  background-color:rgba(255,255,255,0.8);
  border-radius:3px;
  top:50%;
  transform:translateY(-50%);
  left: 8%;
  right:50%;
  bottom:auto;
  margin:0;
  padding:30px;
  text-align:left;
  color:#000;
  text-shadow:none;
}

 .carousel-caption h1{
  color:#000;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
    margin: 0px 5px;
    width: 15px;
    height: 15px;
    background-color: #fff;
}

@media (min-width: 768px){
  .carousel-indicators {
      bottom: 0px;
  }
}

.carousel-control.right,
.carousel-control.left{
  opacity: 1;
  background-image:none;
}

.carousel-control .icon-next:before,
.carousel-control .icon-prev:before{
  display:none;
}

.carousel-control .icon-next{
  background-image:url(images/caret-white-right.svg);
  background-repeat:no-repeat;
  background-size: 20px 40px;
  height: 40px;
  width: 20px;
  right: 35%;
}

.carousel-control .icon-prev{
  background-image:url(images/caret-white-left.svg);
  background-repeat:no-repeat;
  background-size: 20px 40px;
  height: 40px;
  width: 20px;
  left: 35%;
}

@media(min-width:1000px) and (max-width:1200px){
  .HomePageFullWidthArea .carousel-caption{
      left: 8%;
      right:40%;
  }
}

@media(min-width:768px) and (max-width:1000px){
  .HomePageFullWidthArea .carousel-caption{
      left: 8%;
      right:20%;
  }
}

@media(max-width:767px){
.HomePageFullWidthArea .carousel-caption{
    background-color:rgba(255,255,255,0.8);
    border-radius:3px;
    top:auto;
    transform:none;
    left:5%;
    right:5%;
    bottom: 50px;
    margin:0;
    padding:15px;
    text-align:left;
    color:#000;
    text-shadow:none;
  }

  .carousel-indicators{
    bottom:0;
  }

  .carousel-control .icon-next{
    right:45%;
  }

  .carousel-control .icon-prev{
    left: 45%;
  }
  
  .carousel-control .icon-next,
  .carousel-control .icon-prev{
    top: auto;
    bottom: 10px;
    background-size: 20px 30px;
    height: 30px;
    width: 20px;
  }

   .carousel-caption{
    left: 3%;
    right:3%;
    bottom:50px;
    padding:15px;
  }

  .carousel-caption p{
    margin:5px;
  }
}

.memDir thead{
  display:none;
}


.memDir .FilterPanel{
  background:transparent;
  margin-bottom:30px;
}

.memDir tr{
  display:block;
  padding:15px;
  border:1px solid #ccc;
  margin:10px 0px;
  border-radius:3px;
}

.memDir td{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}


.memDir .RadGrid.RadGrid_MetroTouch .rgSelectedRow{
  border-color:#ccc;
}

.memDir h3,
.memDir p{
  margin:0;
}

.memDir a.PrimaryButton{
  color:#fff!important;
  text-decoration:none!important;
}


.memDet h6{
  font-size:18px;
  margin-bottom:20px;
}

.memDet span{
  display:block;
  margin-bottom:5px;
}

.memDir select{
  max-width:400px;
  width:100%;
}

.memDir select option{
  max-width:400px;
  width:100%;
  white-space: break-spaces;
  line-break: anywhere;
}