a, a:visited, a:hover
{ color: #38A8D1; }
a:hover
{ text-decoration: underline;color: #38A8D1; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
input[type='submit'], input[type='button']
{ background-color: #3CA9D1; }
input[type='submit'], input[type='button']
{ border-color: #3CA9D1;border-width: 1px;border-style: solid; }
.MenuButton TD
{ background-color: #3CA9D1; }td.CalendarEntry.wide-only > div > div, td.calendarEntryOutOfRange.wide-only > div > div
{
  border-radius: 10px;
  border-color: #d7d7d7 !important;
  padding: 5px; 
  margin: 3px; 
}
td.CalendarEntry.wide-only > div > div:hover, td.calendarEntryOutOfRange.wide-only > div > div:hover
{
  border-color: black !important;
}
.txtEditable.selectize-control {
    border: none;
    padding: 0;
    border-radius: initial;
    background-color: transparent;
    display: none;
/*  ------- Styles below the line are not shown during page editing --------- */
BODY.BG     
{
  background-image: url(https://duy554ewuuwzm.cloudfront.net/photos/4/48/DMN_4896/image_vault/230411014308698_1.png);
  background-position: 0px 160px;
  background-repeat: repeat-x;
}

.mainMenuContainer 
{
    padding-left: 65%;
}

#siteTitle IMG 
{
  max-width: 701px !important; 
}

#siteTitle
{
  padding-left: 8px; 
  padding-top: 0px;
}

BODY
{
  border-top: 33px solid #38a8d1;
}

.outerBodyFooter
{
  position:relative;
  top: -88px; 
}


table.mainMenu > tbody tr > td 
{
   display: inline-block;
}

.menuTopItem A
{
  color: rgba(0,0,0,.5);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px !important;
}
.menuTopItem A:hover
{
  color: rgba(0,0,0,.8);
}


BODY, P, DIV, TD
{
  font-family: Roboto;
  font-size: 15px;
  color: black;
}

.mainMenu 
{
   margin-left: auto !important;
   position: relative;
   top: -115px;
  }


DIV.header
{
 padding-top: 15px !important;
 padding-bottom: 75px !important;
  color: #2b2b2b;
  font-size: 22.6px; 
  font-weight: 300;
}

/* an automatic fix to improve button styles */
  /* A.register, A.classDetails, A.schedule-btn, A.dropin */
  input[type=submit],
  input[type=button],
  A.register, A.classDetails, A.schedule-btn, A.dropin, a.customButton 
{
    border-radius: 5px;
    background-color: #3ca9d1;
    font-weight: normal;
    color: white !important;
    padding: 10px;
   min-width: 75px;
   text-align:center;
  display:inline-block;
}
A.register:hover, A.classDetails:hover, A.schedule-btn:hover, A.dropin:hover
{
  text-decoration: none;
}


@media screen and (max-width: 767px)
{
  .menu-caption { color: #000; }
  .menu-btn .icon-bar { background-color: #000;  }
  #mobile-menu-actions { background-color: transparent; }
  #siteTitle IMG { position: relative; top:-20px; left: 0px; max-width: 255px !important;  }
  DIV.header {  font-size: 22.6px;  }
  .outerBodyFooter { top: 0px; }
  BODY { border-top: 0px; }
  BODY.BG { background-position: 0px 102px;    background-size: 20px;  }

  /* an automatic fix to improve button styles */
  /* A.register, A.classDetails, A.schedule-btn, A.dropin */
  input[type=submit],
  input[type=button],
  A.register, A.classDetails, A.schedule-btn, A.dropin, a.customButton 
  {
    padding: 12px 14px;
    margin-top: 1px;
    margin-bottom: -1px;
    height: 46px;
    min-width: 90px;
  }


}