﻿/*---------------------------------------------
                  BASIC SETUP
-----------------------------------------------*/

.container, .header-container, .SliderPage1 {
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

body{
 font-family:'Open Sans', Sans-Serif;
 color:#000;
 font-size:16px;
}

p{
 font-family:'Open Sans', Sans-Serif;
 color:#000;
 font-size:16px;
}

h1, .h1, .PageTitle {
 /* margin-top: 0;*/
 font-family:'Open Sans', Sans-Serif;
 color:#000;
 font-weight:bold;
font-size: 26px;
}

h1.BigHeader, .h1.BigHeader {
    color: #fff;
    background-color: #ee008e;
    padding: 20px;
    margin: 0;
}

h2, .PanelTitle {
    line-height: 1.45em;
    font-size: 100%;
}

h2,
.h2,
.PanelHead.Distinguish,
div.PanelTitle,
.panel-heading.Distinguish {
 /* min-height: 0;
  border-bottom-style: dotted;*/
   font-family:'Open Sans', Sans-Serif;
 color:#00adef;
 font-weight:bold;
font-size: 26px;
border:none;
}

h3, .h3{
 font-family:'Open Sans', Sans-Serif;
 color:#00adef;
 font-weight:bold;
font-size: 20px;
}

h4, .h4, .SectionLabel {
   font-family:'Open Sans', Sans-Serif;
 color:#000;
 font-weight:bold;
font-size: 20px;
}

h5, .h5 {
 font-family:'Open Sans', Sans-Serif;
 color:#000;
 font-weight:bold;
font-size: 16px;
}

h6, .h6 {
  font-family:'Open Sans', Sans-Serif;
 color:#00adef;
 font-weight:bold;
font-size: 16px;
}

hr {
 /* margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;*/
}

a {
  color:#00adef;
}

/*Language dropdown*/
.LanguageSelector
{
}

input[type="text"]
{
 /*display: inline-block;
  height: 37px;
  padding: 5px 10px;
  font-size: 100%;
  line-height: 1.6;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 0;
  -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;*/
}


/*text button*/

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    /*color: #fff;
    background-color: #70a4d8;
    border-color: #0064a4;
    position: relative;
    -webkit-box-shadow: 0px 5px 0 0 #0064a4;
    box-shadow: 0px 5px 0 0 #0064a4;*/
    background-color:#fff;
    border-radius:0px;
    border:1px solid #00adef;
    color:#00adef;
    font-weight:bold;
    -webkit-box-shadow: none;
    box-shadow:  none;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
    background-color:#00adef;
    border-radius:0px;
    border:1px solid #00adef;
    color:#fff;
    font-weight:bold;
    -webkit-box-shadow: none;
    box-shadow:  none;
}

/* primary button */
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton {
     border:1px solid #ee008e;
     color:#ee008e;
     background-color: #fff;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited,
.SaveAndClose:hover,
.SaveAndClose:focus,
.SaveAndClose:active,
.SaveAndClose:visited,
.SaveAs:hover,
.SaveAs:focus,
.SaveAs:active,
.SaveAs:visited,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:hover,
.UsePrimaryButton .TextButtonWithImage:focus,
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:hover,
#masterHeaderActionArea a:focus,
#masterHeaderActionArea a:active,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton:visited {
   border:1px solid #ee008e;
     color:#fff;
     background-color:#ee008e;
}




.PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active,
.SaveAndClose[disabled],
.SaveAndClose[disabled]:hover,
.SaveAndClose[disabled]:focus,
.SaveAndClose[disabled]:active, fieldset[disabled]
.SaveAndClose, fieldset[disabled]
.SaveAndClose:hover, fieldset[disabled]
.SaveAndClose:focus, fieldset[disabled]
.SaveAndClose:active,
.SaveAndClose.aspNetDisabled,
.SaveAndClose.aspNetDisabled:hover,
.SaveAndClose.aspNetDisabled:focus,
.SaveAndClose.aspNetDisabled:active,
.SaveAs[disabled],
.SaveAs[disabled]:hover,
.SaveAs[disabled]:focus,
.SaveAs[disabled]:active, fieldset[disabled]
.SaveAs, fieldset[disabled]
.SaveAs:hover, fieldset[disabled]
.SaveAs:focus, fieldset[disabled]
.SaveAs:active,
.SaveAs.aspNetDisabled,
.SaveAs.aspNetDisabled:hover,
.SaveAs.aspNetDisabled:focus,
.SaveAs.aspNetDisabled:active,
.UsePrimaryButton .TextButton[disabled],
.UsePrimaryButton .TextButton[disabled]:hover,
.UsePrimaryButton .TextButton[disabled]:focus,
.UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButton, fieldset[disabled]
.UsePrimaryButton .TextButton:hover, fieldset[disabled]
.UsePrimaryButton .TextButton:focus, fieldset[disabled]
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButton.aspNetDisabled,
.UsePrimaryButton .TextButton.aspNetDisabled:hover,
.UsePrimaryButton .TextButton.aspNetDisabled:focus,
.UsePrimaryButton .TextButton.aspNetDisabled:active,
.UsePrimaryButton .TextButtonWithImage[disabled],
.UsePrimaryButton .TextButtonWithImage[disabled]:hover,
.UsePrimaryButton .TextButtonWithImage[disabled]:focus,
.UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled]
.UsePrimaryButton .TextButtonWithImage:active,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus,
.UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active,
#masterHeaderActionArea a[disabled],
#masterHeaderActionArea a[disabled]:hover,
#masterHeaderActionArea a[disabled]:focus,
#masterHeaderActionArea a[disabled]:active, fieldset[disabled]
#masterHeaderActionArea a, fieldset[disabled]
#masterHeaderActionArea a:hover, fieldset[disabled]
#masterHeaderActionArea a:focus, fieldset[disabled]
#masterHeaderActionArea a:active,
#masterHeaderActionArea a.aspNetDisabled,
#masterHeaderActionArea a.aspNetDisabled:hover,
#masterHeaderActionArea a.aspNetDisabled:focus,
#masterHeaderActionArea a.aspNetDisabled:active,
.RadGrid input.PrimaryButton[disabled],
.RadGrid input.PrimaryButton[disabled]:hover,
.RadGrid input.PrimaryButton[disabled]:focus,
.RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled]
.RadGrid input.PrimaryButton, fieldset[disabled]
.RadGrid input.PrimaryButton:hover, fieldset[disabled]
.RadGrid input.PrimaryButton:focus, fieldset[disabled]
.RadGrid input.PrimaryButton:active,
.RadGrid input.PrimaryButton.aspNetDisabled,
.RadGrid input.PrimaryButton.aspNetDisabled:hover,
.RadGrid input.PrimaryButton.aspNetDisabled:focus,
.RadGrid input.PrimaryButton.aspNetDisabled:active {
  border:1px solid #ee008e;
     color:#ee008e;
     background-color: #fff;
}

.feature-text-inline {
  /*color: #dc4f00;*/
}

.Quote {
  /*background: #f4f5ed;
  border-left: 10px solid #dc4f00;
  margin: 1.5em .7em 1.5em 0;
  padding: 1.5em .7em;
  quotes: "\201C" "\201D" "\201C" "\201D";
  font-weight: normal;*/
}

/*ALERTS*/
.Alerts ul.AlertSet {
  padding: 0;
  margin: 0 0 .8em;
  list-style: none;
}
.Alerts li.AlertItem {
  list-style: none;
}
.Alerts .AlertItem {
  border: 1px solid #ddd;
  margin-top: -1px !important;
  padding: 12px 10px;
  background-color: #f2f6fb;
}
.Alerts .AlertItem:first-child {
  margin-top: 0;
}
.Alerts .media img {
  /**
    * Make sure the images float left on the media-style alerts
    * in case the author doesn't add the "pull-left" class.
    */
  float: left;
  margin-right: 10px;
}
.Alerts .media img.pull-right {
  /* but correctly set floats/padding if they apply the pull-right class */
  float: right;
  margin-right: 0;
}/*--------*/

/**CCO**/


.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #00adef!important;
    background-color: #00adef!important;
}

.RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
    border-bottom-color: #00adef!important;
}

/**Content block**/


.ContentBlockPrimary {
    padding: 20px;
    background-color: #f8f8f8;
}


/*Quote*/

.Quote {
    background: #f8f8f8;
    border-left: 10px solid #ee008a;
    margin: 1.5em .7em 1.5em 0;
    padding: 1.5em .7em;
    quotes: "\201C" "\201D" "\201C" "\201D";
    font-weight: normal;
}


.Quote:before {
    color: #ecccde;
    content: open-quote;
    margin-right: 0.25em;
    vertical-align: -0.4em;
    font-size: 500%;
    line-height: 0.1em;
}

/*search*/

.SearchField, .SearchResultSummary .ListItemTitle a {
    display: block;
    background-color: #b0ddee!important;
    padding: 8px 12px;
}

.SearchField label {
    font-size: 120%;
    color: #000!important;
}

.SearchResultSummary .ListItemTitle a:hover {
    background-color: #56c7f2!important;
    text-decoration: underline;
}


.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: #00adef!important;
    border-color: #00adef!important;
    color: #fff !important;
}

.header-social a img{
    margin-right:5px;
    opacity:1;
    -webkit-transition:all 0.2s linear;
}

.header-social a:hover img{
    opacity:0.7;
}

/*---------------------------------------------
              MASTERPAGE ELEMENTS
-----------------------------------------------*/

#masterHeaderBackground,
.header {
  /*border-bottom: 2px dotted #eeeeee;*/
}

/*UNIVERSAL SEARCH CONTROL*/
.search-field {
  /*background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
  background-position: 7px -16px;
  padding-left: 28px !important;
  color: #777;
  border-color: #CCC;*/
}

.search-field:focus {
  /*background: #fff url("images/search-icon.png") no-repeat;
  background-position: 145px 6px;*/
}

.header-search .TextButton {
 /* display: none;*/
}/*--------*/



/*HEADER LOGO*/
#masterHeaderImage {
  /*background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  /* The following are needed to hide the text, but allow it to be read by screen readers */
  /*text-indent: -9999px;
  overflow: hidden;
  float: left;*/
}/*--------*/

#masterDonorHeaderImage {
  /*background-image: url("images/HeaderLogo.png");
  background-repeat: no-repeat;
  width: 122px;
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  float: left;*/
}

@media (min-width: 768px) {
  #masterDonorHeaderImage {
    /*margin-top: 38px;*/
  }
}

.no-mqs #masterDonorHeaderImage {
  /*margin-top: 38px;*/
}

/* header logo wipe*/
#masterHeaderImage {
  /*background-image: none;*/
}



/*---------------------------------------------
                     HEADER
-----------------------------------------------*/

/* This applies to the area behind the header logo and auxiliary navigation */
/*don't give this height! it will mess up the navigation on phones*/
.header {
 /* padding-top: 10px;
  padding-bottom: 10px;*/
  
}
    
.header-top-container{
    padding-top:30px;
    padding-bottom:0px;
}
    
.header-logo-container {
     float: none; 
    max-width: 1000px;
    display: block;
    margin: 0px auto;
}/*--------*/


#homeIMG{
display:none;
}




#logo{
    width: 250px;
    margin: 0px auto;
    display: block;
    position:relative;
    z-index:2;
}

#headerIMG{
display:none;
}

@media(min-width:768px)
{
 #headerIMG{
display:block;
margin-top:-25px;
}

#logo{
   display:none;
}

   #masterSocialNetworking{
position: absolute;
        right: 7px;
    top: 45px;
}
}

.auth-link-container-sm a{
     color:#00adef;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
	font-size:14px;
    border: 1px solid #00adef;
    padding: 3px 17px;
    background-color:#fff;
    -webkit-transition:all 0.2s linear;
}

.auth-link-container-sm a:hover{
     color:#fff;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #00adef;
    padding: 3px 17px;
    background-color:#00adef;
    -webkit-transition:all 0.2s linear;
}

.NavigationListItem.auxDonate a{
    color:#91278c;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #91278c;
	font-size:14px;
    padding: 3px 17px;
    background-color:#fff;
    -webkit-transition:all 0.2s linear;
}

.NavigationListItem.auxDonate a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#91278c;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #91278c;
    padding: 3px 17px;
}

.NavigationListItem.auxHostel a{
    color:#ee008e;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
	font-size:14px;
    display: block;
    border: 1px solid #ee008e;
    padding: 3px 17px;
    background-color:#fff;
    -webkit-transition:all 0.2s linear;
}

.NavigationListItem.auxHostel a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#ee008e;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #ee008e;
    padding: 3px 17px;
}

@media(max-width:767px){
 .NavigationListItem.auxDonate a{
    margin-right:10px;
 }   
}

.NavigationListItem.auxAccount a{
    color:#00adef;
	font-size:14px;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #00adef;
    padding: 3px 17px;
    background-color:#fff;
    -webkit-transition:all 0.2s linear;
}

.NavigationListItem.auxAccount a:hover{
    color:#fff;
    text-decoration:none;
    background-color:#00adef;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
    border: 1px solid #00adef;
    padding: 3px 17px;
}

/*SIGN IN/OUT LINK*/
@media (min-width: 768px) { 
  .search-container-sm,
  auth-link-container-sm{
    /*display: inline-block !important;*/
    display:none!important;
    }
    
  .auth-link-container-sm a {
      /*text-decoration: none;
      color:#fff;
      font-family: 'Oxygen', Sans-Serif;*/
  }
  
  .auth-link-container-sm a:hover {
    /*color:#ed1c24;*/
  }
}/*--------*/

@media (max-width: 767px){
.navbar {
    background-color: #fff;
}
}

/*TOP SOCIAL MEDIA ICONS*/
@media (max-width: 767px) {
  .header-social {
    /*display: none !important;*/
  }
}

.header-social a {
  /*text-decoration: none;*/
}/*-------*/



/*PRIMARY NAV BAR POSTIONING*/
@media (min-width: 768px) {
  .nav-primary {
   /* float: right;
    clear: right;*/
  }
}

.no-mqs .nav-primary {
  /*float: right;
  clear: right;*/
}/*-------*/



/*AUX AND FOOTER NAV*/
.NavigationUnorderedList {
 /* padding-left: 0;
  margin: 0;
  display: inline-block;*/
}

 .NavigationListItem {
  /*list-style-type: none;
  display: inline-block;
  margin-left: 0;*/
}

.nav-text{
}

.nav-text a:hover{
}

.NavigationLink {
  /*padding-left: 7.5px;
  padding-right: 7.5px;
  white-space: nowrap;*/
}

@media (max-width: 767px) {
  .ste-section {
    /*display: none !important;*/
  }
}/*--------*/


/*TOP ICON POSITIONS*/
.nav-auxiliary .nav-aux-account .nav-text {
  /*background-position: 0 -125px; - grey little man*/
}

.nav-auxiliary .nav-aux-cart .nav-text {
  /*background-position: 0 -75px; - grey shopping cart*/
}/*--------*/




/*---------------------------------------------
              PRIMARY NAVIGATION
-----------------------------------------------*/
/*PRIMARY NAV BAR POSTIONING*/
@media (min-width: 768px) {
  .nav-primary {
    float: none;
    clear: right;
  }
}

.no-mqs .nav-primary {
  /*float: right;
  clear: right;*/
}/*-------*/


/*NAV FULL WIDTH BG*/
.header-bottom-container {
    background-color: #fff;
    border-bottom:1px solid #ccc;
        max-width: 1100px;
    margin: 0px auto;
}


/*ROOT LEVEL BG*/
.navbar-collapse {
background-color: #ddd;
}

@media(min-width:768px)
{

.navbar-collapse {
  background-color: #fff;
}

.navbar-collapse.collapse {
    display: table!important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    margin: 0px auto;
}   
}

/*ROOT LEVEL TEXT*/
.RadMenu.RadMenu_Toronto .rmLink, .RadMenu.RadMenu_Toronto .rsmLink {
    color: #000;
    text-decoration: none;
    display: block;
    position: relative;
   
}

.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
     text-transform:none;
    font-size: 105%;
    font-weight: bold;
    letter-spacing: 0px;
    font-family:'Open Sans', Sans-Serif;
}
/*--------*/

@media (min-width: 768px) {
  .navbar-collapse {
    /*padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;*/
  }
}

.no-mqs .navbar-collapse {
  /*padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  border: none;*/
}/*--------*/


/*ROOT ITEM WHEN CLICKED/ON PAGE*/
.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    color: #00afeb;
    background-color: transparent;
}
/*--------*/


/*ROOT HOVER STYLE*/
.RadMenu.RadMenu_Toronto .rmRootLink:hover,
.RadMenu.RadMenu_Toronto .rmRootLink:focus,
.RadMenu.RadMenu_Toronto .rmExpanded > .rmRootLink,
.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink:hover {
  /*background-color: #424242;*/
  background-color:#fff;
  color:#00adef;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, .RadMenu.RadMenu_Toronto .rmRootLink:hover, .RadMenu.RadMenu_Toronto .rmRootLink:focus {
     background-color:#fff;
  color:#00adef;
}
/*--------*/

.RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    letter-spacing: 1px;
}

.RadMenu .rmVertical .rmItem .rmText {
    display: block;
    float: none;
    border-bottom: 1px solid #ccc;
}

/*CHILDREN BG*/
.RadMenu.RadMenu_Toronto .rmGroup {
 /* background-color: #424242;*/
 background-color:#fff;
 color:#000;
 font-family:'Open Sans', Sans-Serif;
}/*--------*/

/*CHILDREN TEXT*/
.RadMenu_Toronto .rmSlide .rmLink,
.RadMenu_Toronto .rmSlide .rsmLink {
  /*color: #fff;*/
}/*--------*/


.RadMenu.RadMenu_Toronto .rsmItem {
    padding: 7.5px 15px;
    margin: 0;
    border-bottom: 1px solid #ccc;
}

/*CHILDREN LINK FOCUS STYLING*/
.RadMenu_Toronto .rmSlide .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLink:focus,
.RadMenu_Toronto .rmSlide .rsmLink:hover,
.RadMenu_Toronto .rmSlide .rsmLink:focus,
.RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.RadMenu_Toronto .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
 /* background-color: transparent;
  color: #f3691c;*/
   color:#00adef;
}/*--------*/

/*EXPAND MENU ITEM ARROW (NOT THE RESPONSIVE ICON)*/
.RadMenu.rmResponsive .rmToggle {
  /*display: inline-block;
  margin: -10px -15px;
  float: right;
  height: 100%;*/
}

.RadMenu.rmResponsive .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/responsivenav.png");
  background-repeat: no-repeat;
  margin-top: 18.5px;
  margin-bottom: 18.5px;
  margin-right: 15px;
  margin-left: 15px;*/
  
}

.RadMenu.rmResponsive .rmLink:hover .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmLink:focus .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSelected > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmExpanded > .rmLink .rmToggle > .rmIcon,
.RadMenu.rmResponsive .rmSlide .rmLink .rmToggle > .rmIcon {
  /*background-position: 0 -26px;*/ /*hides the icon on focus*/ 
}/*--------*/


/*ALIGN SECOND LEVEL WHEN MEGA DROP DOWN IS TURNED OFF*/
/*.rmItem.rmExpanded{
  position:inherit;
}

.rmVertical.rmGroup.rmLevel2{
    position:inherit;
}

.rmResponsive .rmSlide .MegaDropDownMenu {
    padding-top: 0px;
    padding-bottom: 0px;
}

.RadMenu.rmResponsive .rsmItem 
{
    /*padding: 7.5px 15px;
    padding: 0px;
}


/*--------*/

/*---------------------------------------------
              MOBILE NAVIGATION
-----------------------------------------------*/

/*MOBILE HAMBURGER + SEARCH ICON*/
.navbar-toggle {
    /*margin-top: 3.5px;
    margin-bottom: 3.5px;
    vertical-align: middle;
    background-color: #cc3366;
    border-color: transparent;
    border-radius: 5px;*/
    background-color:#00aff0;
}

.navbar-toggle.collapsed {
  /*background-color: #2f8aa7;*/
  background-color:#00aff0;
}

/*MOBILE HAMBURGER + SEARCH HOVER*/
.navbar-toggle:hover, .navbar-toggle:focus {
  /*background-color: #267087;*/
  background-color:#00aff0;
}

/*MOBILE HAMBURGER MENU LINE COLOR*/
.navbar-toggle .icon-bar {
  /*background-color: #fff; /*this is only the menu, search is an img*/
}

/*MOBILE HAMBURGER PROFILE + CART*/
@media (max-width: 767px) {
  .nav-auxiliary .nav-aux-button .NavigationLink {
    /* This makes the link look like the toggle buttons */
   /* background-color: #2f8aa7;
    margin-left: 15px;
    padding: 9px 10px;
    margin-top: 6.5px;
    margin-bottom: 6.5px;
    border: 1px solid transparent;
    border-radius: 0;*/
  }
}

/*MOBILE HAMBURGER SEARCH ICON*/
 .navbar-toggle .icon-search {
  /*display: inline-block;
  float: left;
  background: url("images/ResponsiveHeaderSprite.png") no-repeat center top;
  width: 22px;
  height: 21px;
  margin: -1px 0;
  /* this makes it line up properly with the hamburger */
}

/*MOBILE HAMBURGER ACCOUNT + CART ICONS*/
.nav-auxiliary .nav-aux-account .nav-text,
.nav-auxiliary .nav-aux-cart .nav-text {
  /* add the background sprite for the provided CSS classes */
  /*background-image: url("images/ResponsiveHeaderSprite.png");
  background-repeat: no-repeat;
  padding-left: 26px;*/
}

@media(min-width:768px){
	 .navbar-toggle .icon-search,
	 .nav-auxiliary .nav-aux-account .nav-text,
     .nav-auxiliary .nav-aux-cart .nav-text {
	/*background-image: url("images/ResponsiveHeaderSprite.png");*/
}
}/*--------*/

/*---------------------------------------------
         SECONDARY (SIDEBAR) NAVIGATION
-----------------------------------------------*/

.RadTreeView.RadTreeView_Toronto > .rtUL {
    margin: 0 1px 1px 1px;
    width: 100%;
}

@media (min-width: 992px){
.has-secondary-col.col-on-right .col-secondary {
    float: left;
}

.has-secondary-col.col-on-right .col-primary {
    float: right;
    margin-right: 0%;
    margin-left:2%;
}

.has-secondary-col .col-primary {
    width: 66%;
}

.has-secondary-col .col-secondary {
    width: 32%;
}

}



/*SIDEBAR NAV HEADER*/
.nav-secondary .sub-nav-head {
  /*background-color: #dc4f00;
  color: #fff;
  font-weight: bold;
  font-size: 120%;
  padding: 10px 15px;*/
  background-color:#e1f3fd;
  font-family:'Open Sans', Sans-Serif;
  font-weight: bold;
  color:#000;
}/*--------*/

/*SECONDARY NAV SUB LEVEL BG*/
.nav-secondary {
  /*background-color: #f4f5ed;
  margin-bottom: 1em;*/
  background-color:#e1f3fd;
}/*--------*/


.RadTreeView.RadTreeView_Toronto a.rtIn {
    color: #000;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    margin: 0;
     font-family:'Open Sans', Sans-Serif!important;
     font-weight:normal!important;
         font-size: 14px!important;
}

.RadTreeView.RadTreeView_Toronto a.rtIn:before{
    content:"> ";
    display:inline-block;
    margin-right:3px;
}

.RadTreeView.RadTreeView_Toronto .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Toronto .child-is-selected.rtIn {
    background-color: transparent;
    color: #000;
  font-weight: bold!important;
}

.RadTreeView.RadTreeView_Toronto > .rtUL > .rtLI {
    border-top: 1px solid #fff;
}

.RadTreeView.RadTreeView_Toronto .rtIn, .RadTreeView.RadTreeView_Toronto .rtHover .rtIn, .RadTreeView.RadTreeView_Toronto .rtSelected .rtIn {
    padding: 5px 15px;
    border: none;
}

.RadTreeView.RadTreeView_Toronto a.rtIn:hover, .RadTreeView.RadTreeView_Toronto a.rtIn:focus, .RadTreeView.RadTreeView_Toronto a.rtIn:active {
    background-color: #e1f3fd;
    text-decoration:underline;
}

/*---------------------------------------------
             AUXILIARY NAVIGATION
-----------------------------------------------*/
/*TOP AUX NAV POSITIONING*/
@media(min-width:768px){
.navbar-header {
  /*float: right;*/
      position: absolute;
    right: 10px;
    top:25px;
}
}

/*AUX NAV ITEMS*/
.navbar-header > div,
.navbar-header > a,
.navbar-header .NavigationUnorderedList,
.navbar-header .NavigationLink {
  /*display: inline-block;
  vertical-align: middle;*/
}

/*SIGN IN/OUT CONTAINER*/
.auth-link-container {
  /*padding: 10px 15px;
  text-align: right;
  border-bottom: 1px dotted #666666;*/
}

/*SIGN IN/OUT LINK*/
@media (min-width: 768px) { 
  .search-container-sm,
  .auth-link-container-sm {
    /*display: inline-block !important;*/
    }
    
  .auth-link-container-sm a {
      /*text-decoration: none;
      color:#fff;
      font-family: 'Oxygen', Sans-Serif;*/
  }
  
  .auth-link-container-sm a:hover {
    /*color:#ed1c24;*/
  }
}/*--------*/

/*AUX TEXT STYLE*/
.nav-auxiliary a {
}

/*TOP ICON POSITIONS*/
.nav-auxiliary .nav-aux-account .nav-text {
  /*background-position: 0 -125px; - grey little man*/
}

.nav-auxiliary .nav-aux-cart .nav-text {
  /*background-position: 0 -75px; - grey shopping cart*/
}/*--------*/


 /*TOP HEADER SEARCH BAR*/
.header-search input[type="text"]{
    /*display: inline-block;
    height: 37px;
    padding: 5px 10px;
    font-size: 100%;
    line-height: 1.6;
    color: #555555;
    border: 1px solid #ccc;
    border-radius: 5px;
    -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;*/
}

.header-search .search-field {
    /*background: #fff url("images/ResponsiveHeaderSprite.png") no-repeat;
    background-position: 7px -16px;
    padding-left: 28px !important;
    color: #777;
    border-color: #CCC;*/
}/*--------*/


.header-search .search-field:focus {
  /*background: #fff url("images/search-icon.png") no-repeat;
  background-position: 145px 6px;*/
}

.header-search .TextButton {
 /* display: none;*/
}/*--------*/



/*TOP SOCIAL ICONS*/
.SocialSprite {
 /* background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;*/
}

.SocialSprite.LargeButtons {
  /*width: 32px;
  height: 32px;*/
}

/*--------*/



/*---------------------------------------------
                MAIN CONTENT AREA
-----------------------------------------------*/
/*
#masterContentArea {
  margin-top: 10px;
}

.breadcrumb {
  float: none;
  display: inline;
  line-height: 33px;
}
*/

/*PROXY PANEL*/
.obo-container {
  /*float: right;*/
}

.obo-panel {
  /*line-height: 2.4em;
  white-space: nowrap;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;*/
}

.obo-panel.on {
  /*padding-left: 2em;
  padding-right: 2em;*/
}

.obo-label,
.obo-actions {
  /*display: inline-block;*/
}

.obo-label {
  /*font-weight: bold;*/
}
.obo-label span:after {
 /* content: ':';*/
}/*--------*/



/*SAVE/CANCEL BUTTONS*/
.CommandBar {
  /*margin: .5em 0;*/
}/*--------*/



/*DONATION iPARTS*/
/*SUBMIT BUTTON*/
.donate-page .SectionLabel {
 /* color: #dc4f00;
  font-size: 250%;*/
}


/*BUBBLE*/
/* CalloutPanelField1 can be used as a wrapper for PanelFields, or on the PanelField directly, to callout the first label. */
.CalloutPanelField1 .PanelField label:first-child,
.CalloutPanelField1.PanelField label:first-child,
.CalloutPanelField1 .PanelField .Label:first-child,
.CalloutPanelField1.PanelField .Label:first-child {
  /*position: relative;
  padding: 15px;
  margin: 0 0 1em;
  color: #fff;
  background: #ff6610;
  width: auto;
  border-radius: 3px;*/
}

/*TINY BUBBLE ARROW*/
.CalloutPanelField1 .PanelField label:first-child:after,
.CalloutPanelField1.PanelField label:first-child:after,
.CalloutPanelField1 .PanelField .Label:first-child:after,
.CalloutPanelField1.PanelField .Label:first-child:after {
  /*content: "";
  position: absolute;
  bottom: -8px;
  /* value = - border-top-width - border-bottom-width */
  /*left: 30px;
  /* controls horizontal position */
 /* border-width: 8px 8px 0;
  /* vary these values to change the angle of the vertex */
 /* border-style: solid;
  border-color: #ff6610 transparent;
  /* reduce the damage in FF3.0 */
  /*display: block;
  width: 0;*/
}/*--------*/



/*DONATION PROGRESS TRACKER*/
/*BOX COLOUR*/
.ProgressTracker2 .ProgressTrackerPanel {
  /*background-color: #93cadc;*/
}

/*LARGE TEXT*/
.ProgressTracker2 .ProgressTrackerPanel .count {
 /*color: #fff;
  font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;*/
}

/*PROGRESS BAR*/
.ProgressTracker2 .ProgressBar > span {
   /*background-color: #db9770;*/
}

/*PROGRESS BAR BG*/
.ProgressTracker2 .ProgressBar {
 /* margin: 10px;*/
}/*--------*/

.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;
}

/*---------------------------------------------
                CONTENT ELEMENTS
-----------------------------------------------*/

.ctaBlock{
    display:table;
    margin:0px auto;
}

.homeIcon{
    float:left;
    margin-right:15px;
}

.homeLinks{
    display:block;
    float:left;
}

.homeLink a{
    color:#000;
    text-decoration:none;
    font-size:14px;
}

.homeLink a:before{
    content:">";
    display:inline-block;
    margin-right:3px;
}

.homeLink a:hover{
    text-decoration:underline;
}

.blog .thumbTag span{display:none;}

.blog h4 a{font-weight:bold; text-decoration:none;}

.blog h4 a:hover{
	font-weight:bold; 
	text-decoration:underline;
	color:#00adef;
	}

.blog .PublishDate {
    font-size: 100%;
    font-style: italic;
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 0px;
    margin: 5px 0px;
}

.blog .descHeader{
	font-weight:bold;
	font-style:italic;
}

.blog .readMore a{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

.blog .readMore a:hover{
	color:#00adef;
	text-decoration:underline;
}

.blog .BlockTLItem {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    width: 100%;
    float: left;
    margin-right: 0%;
}

@media(min-width:600px){
	.blog .BlockTLItem {
    display: block;
    text-decoration: none;
    padding: 10px 0;
    width: 45%;
    float: left;
    margin-right: 5%;
}
}


.subscribe{
	display:block;
	background:#e6e7e9;
	padding: 10px 20px;
    text-align: center;
}

/*---------------------------------------------
                     FOOTER
-----------------------------------------------*/

.footer-nav-copyright {
 background-color:#fff;
}

.footer-nav-copyright a{
color:#000!important;
}

.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
    color: #000;
}

.footer-content {
  background-image:url('images/YWCA-footer.png');
  text-align:left;
}

.footer-content-section {
  /*padding: 0 15px 1em;*/
}

.footer-nav-copyright:before, .footer-nav-copyright:after {
  /*content: " ";
  display: table;*/
}

.footer-nav-copyright:after {
  /*clear: both;*/
}

/*COPYRIGHT TEXT*/
.footer-nav-copyright .NavigationUnorderedList,
.footer-nav-copyright .footer-copyright {
  /*float: left;
  margin: 0;*/
}

.footer-nav-copyright .footer-copyright {
  /*display: inline-block;
  margin: 0 1.5em .65em 0;*/
}

@media (max-width: 767px) {
  .footer-nav-copyright .footer-social-copyright {
    /*text-align: center;*/
  }
}

.footer-nav-copyright .footer-social-copyright .footer-social,
.footer-nav-copyright .footer-social-copyright .footer-copyright {
  /*padding-top: 10px;
  padding-bottom: 10px;*/
}

@media (min-width: 768px) {
    .footer-nav-copyright .footer-social-copyright .footer-social {
    /*text-align: left;*/
  }
    
  .footer-nav-copyright .footer-social-copyright .footer-copyright {
    /*float: right;
    width: auto;
    clear: right;*/
  }
}

.no-mqs .footer-nav-copyright .footer-social-copyright .footer-social {
  /*text-align: left;*/
}


.no-mqs .footer-nav-copyright .footer-social-copyright .footer-copyright {
  /*float: right;
  width: auto;
  clear: right;*/
  }


.footer-copyright p {
  /*margin-bottom: 0;*/
}

.footer-copyright a {

}


.footer-copyright a:hover {

}

@media (min-width: 480px) {
  .footer-content-section {
    /*float: left;
    width: 50%;*/
  }
}

.no-mqs .footer-content-section {
  /*float: left;
  width: 50%;*/
}


@media (min-width: 768px) {
  .footer .footer-social {
    /*width: 33.3333333333%;*/
    /*width:300px; make it fit on one line!*/
  }
  .footer .footer-promo-container {
   /* width: 66.6666666667%;*/
  }
}

.no-mqs .footer .footer-social {
  /*width: 33.3333333333%;*/
}

.no-mqs .footer .footer-promo-container {
  /*width: 66.6666666667%;*/
}

#masterFooterCopyright {
  /*clear: both;*/
}



/*SPONSOR BAR*/
.footer-content {
  /*background-color: #424242;
  color: #fff;
  text-align: center;*/
}

.footer-content h2 {
 /* margin-top: 0;
  color: #fff;
  border-bottom: none;*/
}

/*Button text*/
.footer-content a {
  /*color: #acd7ec;*/
}

.footer-social {
 /* padding-top: 15px;*/
}

.footer-social a {
  /*margin-right: .5em;*/
}

.footer-promo-container .promo {
  /*background-color: #020202;
  /* rgba fallback */
  /*background-color: rgba(2, 2, 2, 0.5);
  padding: 15px;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);*/
}

.footer-promo-container .lead {
  /*font-family: Raleway, Verdana, sans-serif;
  font-weight: 200;
  margin-bottom: .25em;
  font-size: 130%;*/
}

.sponsor-pic {

}

@media (min-width: 769px){
 .sponsor-pic {

 } 
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-promo-container .lead {
    /*font-size: 150%;*/
   
  }
}

@media (min-width: 992px) {
  .footer-promo-container .lead {
    /*font-size: 170%;*/
   
  }
}

.no-mqs .footer-promo-container .lead {
  /*font-size: 170%;*/
 
}


.footer-promo-container .TextButton {
  /*background-color: #020202;
  background-color: rgba(2, 2, 2, 0.5);
  color: #fff;*/
}

.footer-promo-container .TextButton:hover {
  /*background-color: #020202;
  background-color: rgba(2, 2, 2, 0.8);*/
}
/*--------*/

.footer-copyright{


}

.footer-social{

}

.SocialSprite {
 /* background-image: url(images/SocialSprite.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: top;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;*/
}

.SocialSprite.LargeButtons {
  /*width: 32px;
  height: 32px;*/
}


/*FOOTER LINKS STYLING*/
.footer-nav-copyright {
  /*background-color: #222222;
  color: #999;*/
}

.footer-nav-copyright a, .footer-nav-copyright a:visited {
  /*color: #fff;*/
}

.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
  /*color: white;*/
}

.footer .nav-text{
}

.footer .nav-text a{
}

.footer .nav-text a:hover{
}

/*--------*/