.menuTopItem A, .menuTopItem A:visited, .mmenu li, .mmenu li > a, .mmenu li > span, .mmenu A:visited {
font-size: 14px !important;
color: #5D4632;
}


.menuItemHover A, .menuItemHover.A,.menuItemHover A:visited, .menuItemHover.A:visited, .menuTopItem A:hover, .mmenu A:hover, .mmenu li > a:hover, .mmenu li.mmenu-selected > a, .mmenu li.mmenu-selected > span {
text-decoration: none;
}

body.BG
{ background-color: #F2EFD7; }
a, a:visited, a:hover
{ color: #B74821; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
input[type='submit'], input[type='button']
{ background-color: #5D4632; }
.MenuButton TD
{ background-color: #5D4632; }
a.register,a.register:active,a.register:visited,input.register
{ background-color: #5D4632; }
a.dropin,a.dropin:active,a.dropin:visited,input.dropin
{ background-color: #5D4632; }
a.classDetails,a.classDetails:active,a.classDetails:visited
{ background-color: #5D4632; }
a.schedule-btn,a.schedule-btn:active,a.schedule-btn:visited
{ background-color: #5D4632; }/* make messages absolute so the header text doesn't get pushed down */
DIV.mainMessages {
    margin: 0px;
    position: absolute;
    left: 1%;
    width: 98%;
}

#siteBackground
{
  background-color: #46806A;
   width: 100%;
   aspect-ratio: 6 / 1;
   position: absolute;
   top: 158px;
   z-index: -1;
}

#innerSiteBackground
{
   background-image: url(https://duy554ewuuwzm.cloudfront.net/photos/3/38/DMN_3882/image_vault/251020083323037_1.png);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position-y: 0%;
    background-position-x: 100%;
    z-index: 0;
    position: absolute;
    HEIGHT: 100%;
    width: 100%;
}

#siteBackgroundOverlay
{
  background-image: url(https://duy554ewuuwzm.cloudfront.net/photos/3/38/DMN_3882/image_vault/251020083322396_1.png);
  background-repeat: no-repeat;
    background-size: 23%;
    background-position-y: 0%;
    background-position-x: 0%;
    z-index: 0;
    position: absolute;
    HEIGHT: 100%;
    width: 100%;
}

#siteTitle
{
    padding-left: calc(3% + 10px);
    padding-top: 40px;
}

P, BODY, DIV, TD
{
  font-family: Arial;
  font-size: 16px;
  color: #5d4632;
}

.menuTopItem A
{
  text-transform: uppercase;
  font-family: "Walter Turncoat";
}

.mainMenu 
{
   margin-left: auto !important;
   position: relative;
   top: -67px;
   padding-right: 60px;
 }
/*  ------- Styles below the line are not shown during page editing --------- */
#siteTitle {
  border: none !important;
  text-align: left;
  margin-top: 0px;
  width: 100%;
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
 
#siteTitle IMG { max-width: 247px !important; }

 
DIV.header
{
 padding-top: 27px !important;
 padding-bottom: 150px !important;
 text-align: center;
 color: #F2EFD7;
 font-family: "Big Shoulders";
 font-size: 90px; 
}

@media screen and (max-width: 1200px)
{
   DIV.header  {   font-size: 80px;   }
  #siteBackground {   aspect-ratio: 5 / 1;}
}


}

@media screen and (max-width: 1000px)
{
   DIV.header  {   font-size: 60px;   }
   #siteBackground {   aspect-ratio: 4 / 1;}
}

 
@media screen and (max-width: 767px)
{
  .menu-caption { color: #5D4632; }
  .menu-btn .icon-bar { background-color: #5D4632;  }
  #mobile-menu-actions { background-color: transparent; }
  #siteTitle IMG { position: relative; top:-20px; left: 0px; max-width: 165px !important; }
  DIV.header {    padding-top: 82px !important;   padding-bottom: 120px !important;   font-size: 45px; }
  #siteTitle { padding: 0px; }
  .documentArea { background: none; }
  #siteBackground { height: 244px; top:107px;  }
  #innerSiteBackground, #siteBackgroundOverlay  {     background-size: 37%;  }

}


@media screen and (min-width: 1900px)
{
  DIV.header {    padding-top: 50px !important;   padding-bottom: 220px !important;   font-size: 110px; }
}