.menuTopItem A, .menuTopItem A:visited, .mmenu li, .mmenu li > a, .mmenu li > span, .mmenu A:visited {
font-family: 'Arial';
font-size: 17px !important;
color: #525E2B;
}


.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 {
font-family: 'Arial';
text-decoration: none;
}


.menuItemL2 A, .menuItemL2 A:visited {
font-family: 'Arial';
font-size: 18px !important;
color: #525E2B;
}


.menuItemL2 A:hover {
font-family: 'Arial';
text-decoration: none;
}

body,p,div,td
{ font-family: 'Arial'; }
a, a:visited, a:hover
{ font-family: 'Arial';color: #9D6DE3; }
a:hover
{ font-family: 'Arial'; }
.boxed
{ max-width: 1300px !important; width: 100% !important; height: auto !important; }
body div.header
{ font-family: 'Arial'; }
.menuSeparatorOuterTD {
                                    display: none !important;
                                }
#footer TD, #footer DIV
{ font-family: 'Arial'; }
#footer div:not(.poweredByContainer) > a, #footer div:not(.poweredByContainer) > a:visited, #footer div:not(.poweredByContainer) > a:hover
{ font-family: 'Arial'; }
#footer div:not(.poweredByContainer) > a:hover
{ font-family: 'Arial'; }
table tr.TableHeader TD, table tr.TableHeader TH, DIV.TableHeader, table tr.TableHeader A, table tr.TableHeader A:visited, table tr.TableHeader A.headerLink, table tr.TableHeader A.removeRegistrantLink, td.classTableHeaderTD
{ font-family: 'Arial'; }
.TableWithBorders .dataRow, .classTable .dataRow,.TableWithBorders .altDataRow, .classTable .altDataRow
{ font-family: 'Arial'; }
.TableWithBorders .dataRow a,.TableWithBorders .dataRow a:visited,.TableWithBorders .dataRow a:hover,.classTable .dataRow a,.classTable .dataRow a:visited,.classTable .dataRow a:hover,.TableWithBorders .altDataRow a,.TableWithBorders .altDataRow a:visited,.TableWithBorders .altDataRow a:hover,.classTable .altDataRow a,.classTable .altDataRow a:visited,.classTable .altDataRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .dataRow a:hover, .classTable .dataRow a:hover,.TableWithBorders .altDataRow a:hover, .classTable .altDataRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .altDataRow, .classTable .altDataRow
{ font-family: 'Arial'; }
.TableWithBorders .altDataRow a,.TableWithBorders .altDataRow a:visited,.TableWithBorders .altDataRow a:hover,.classTable .altDataRow a,.classTable .altDataRow a:visited,.classTable .altDataRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .altDataRow a:hover, .classTable .altDataRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .hoveredRow, .TableWithBorders .TableRowHover, .classTable .hoveredRow
{ font-family: 'Arial'; }
.TableWithBorders .hoveredRow a,.TableWithBorders .hoveredRow a:visited,.TableWithBorders .hoveredRow a:hover,.TableWithBorders .TableRowHover a,.TableWithBorders .TableRowHover a:visited,.TableWithBorders .TableRowHover a:hover, .classTable .hoveredRow a,.classTable .hoveredRow a:visited,.classTable .hoveredRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .hoveredRow a:hover, .TableWithBorders .TableRowHover a:hover, .classTable .hoveredRow a:hover
{ font-family: 'Arial'; }
.TableWithBorders .TableRowSelected
{ font-family: 'Arial'; }
.TableWithBorders .TableRowSelected a,.TableWithBorders .TableRowSelected a:visited,.TableWithBorders .TableRowSelected a:hover
{ font-family: 'Arial'; }
.TableWithBorders .TableRowSelected a:hover
{ font-family: 'Arial'; }
select.txtEditable, select.txtReadOnly, textarea.txtEditable, textarea.txtReadOnly, input.txtEditable, input.txtReadOnly
{ font-family: 'Arial'; }
input[type='submit'], input[type='button']
{ font-family: 'Arial'; }
input[type='submit'], input[type='button']
{ background-color: #9D6DE3; }
.MenuButton TD, .MenuButton TD a, .MenuButton TD a:visited, .MenuButton TD a:hover
{ font-family: 'Arial'; }
.MenuButton TD
{ background-color: #9D6DE3; }
.tabs div.menu-item.active a, .tabs div.menu-item.active a:visited, .tabs div.menu-item.active a:hover
{ font-family: 'Arial'; }
.tabs div.menu-item:not(.active) a, .tabs div.menu-item:not(.active) a:visited, .tabs div.menu-item:not(.active) a:hover
{ font-family: 'Arial'; }
.tabs div.menu-item:not(.active) a:hover
{ font-family: 'Arial'; }
a.register,a.register:active,a.register:visited,a.register:hover,input.register
{ font-family: 'Arial'; }
a.register:hover,input.register:hover
{ font-family: 'Arial'; }
a.register,a.register:active,a.register:visited,input.register
{ background-color: #9D6DE3; }
a.register:hover,input.register:hover
{ background-color: #ECE5F5; }
a.dropin,a.dropin:active,a.dropin:visited,a.dropin:hover,input.dropin
{ font-family: 'Arial'; }
a.dropin:hover,input.dropin:hover
{ font-family: 'Arial'; }
a.dropin,a.dropin:active,a.dropin:visited,input.dropin
{ background-color: #9D6DE3; }
a.dropin:hover,input.dropin:hover
{ background-color: #ECE5F5; }
.classTable a.classDetails,.classTable a.classDetails:active,.classTable a.classDetails:visited,.classTable a.classDetails:hover,.Classes2SelectorGrid a.classDetails,.Classes2SelectorGrid a.classDetails:active,.Classes2SelectorGrid a.classDetails:visited,.Classes2SelectorGrid a.classDetails:hover
{ font-family: 'Arial'; }
.classTable a.classDetails:hover, .Classes2SelectorGrid a.classDetails:hover
{ font-family: 'Arial'; }
a.classDetails,a.classDetails:active,a.classDetails:visited
{ background-color: #9D6DE3; }
a.classDetails:hover, a.classDetails:hover
{ background-color: #ECE5F5; }
a.schedule-btn,a.schedule-btn:active,a.schedule-btn:visited,a.schedule-btn:hover
{ font-family: 'Arial'; }
a.schedule-btn:hover
{ font-family: 'Arial'; }
a.schedule-btn,a.schedule-btn:active,a.schedule-btn:visited
{ background-color: #9D6DE3; }
a.schedule-btn:hover
{ background-color: #ECE5F5; }#siteTitle IMG  {max-width: 480px !important; width:31vw !important; }

#siteTitle
{
  height: 13vw; 
  padding-top: 1vw;
  padding-left: 0px;
}

.innerPageBody, .innerPageFooter {
        padding-left: 20px;
        padding-right: 20px;
}

H2
{
   color: rgb(157, 109, 227);
}

.menu TABLE.menuTopItem TD
 {
    padding: 7px 8px;
}
/*  ------- Styles below the line are not shown during page editing --------- */
/* To center the top logo */
#siteTitle TABLE TD { text-align: center; }

BODY, P, DIV, TD
{
  font-size: 18px;
  color: rgb(82, 94, 43);
}


.mainMenuContainer
{
  padding-left: 20px;
  position: relative;
   top: -10vw;
  max-width:37%;
}

div.menu-item.TableWithBorders a[href="demos.aspx?mode=C"] {
    display: none !important;
}

DIV.header
{
 padding-top: 15px !important;
 padding-bottom: 15px !important;
 font-family: Comfortaa;
 font-size: 50px;
 font-weight: 700;
 color: rgb(157, 109, 227);
 text-align: center;
}


@media screen and (max-width: 767px)
{
  .menu-caption { color: rgb(82, 94, 43); }
  .menu-btn .icon-bar { background-color: rgb(82, 94, 43); }
  #mobile-menu-actions { background-color: white; }
  #siteTitle IMG { position: relative; top:-25px; left: 0px; max-width: 150px !important;  }
  #siteTitle { height: 40px;  padding: 0px; }
  DIV.header { font-size: 30px;  text-align: center;   }
}