.menuTopItem A, .menuTopItem A:visited, .mmenu li, .mmenu li > a, .mmenu li > span, .mmenu A:visited {
font-family: 'Raleway';
font-size: 16px !important;
color: #FFFFFF;
font-weight: bold;
}


.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 {
color: #F193BC;
text-decoration: none;
}


.menuItemL2 A, .menuItemL2 A:visited {
font-family: 'Raleway';
font-size: 16px !important;
color: #FFFFFF;
font-weight: bold;
}


.menuItemL2 A:hover {
color: #F193BC;
text-decoration: none;
}

a, a:visited, a:hover
{ color: #FF3399; }
.boxed
{ max-width: 980px !important; width: 100% !important; height: auto !important; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
input[type='submit'], input[type='button']
{ background-color: #FF3399; }.pageHeader
{
  height: 79px;
  background-color: #ABEAEA;
}

BODY, DIV, P, TD
{
  font-family: Arial;
  color: #919191;
  font-size: 14px;
}

#siteTitle IMG 
 { 
    max-width: 65px !important; 
    position: relative;
    left: 10px;
    top: 2px;
}


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

@media screen and (max-width: 767px)
{
  .menu-caption { color: white; }
  .menu-btn .icon-bar { background-color: white;  }
  #mobile-menu-actions { background-color: transparent; padding-top: 5px; }
  #siteTitle IMG { top: -40px;  left:0px; }
  .mmenu A {  color: #FF3399 !important; }

}


.menuItemL2   {    min-width: 160px;   }
.menuItemL2 TABLE  {    height: 30px;  }
/*  ------- Styles below the line are not shown during page editing --------- */
.menuTopItem A
{
  text-transform: uppercase;
}
.menu
{
  position: relative;
  top: -58px;
}

/* To center the menu */
.mainMenuContainer TABLE {   width: 100%;    text-align: center;  }

.mainMenuContainer 
{
    max-width: 700px;
    margin: auto;
}

DIV.header
{
 padding-top: 0px !important;
 padding-bottom: 15px !important;
 text-align: center;
 font-family: Arial;
 font-size: 40px;
 font-weight: bold;
  color: #EA3388;
}

.line {
width: 95%;
max-width: 900px;
margin-left:auto;
margin-right: auto;
height: 0 !important;
}


.mainMenu
{
  border-collapse: separate;
  border-spacing: 3px;
}


.mainMessages
{
  position: relative;
  top: -50px;
}