@import "H5BPreset.css";
/*IMPORTS--------------------------------*/
/*UNIFORM------------------------------------*/
/*VARS & MIX*/
p {
  margin: 0 0 20px;
}
#main h2 {
  text-align: left !important;
  font-size: 20px;
}
.wrapper {
  width: 970px;
  margin: 0 auto;
}
.noWidth {
  width: auto !important;
}
.block {
  display: block;
}
.noVertSpace {
  margin: 0 auto !important;
  padding: 0;
}
.upCase {
  text-transform: uppercase;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tagLine1 {
  display: block;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0 0 0;
}
.tagLine2 {
  display: block;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
}
.chevLink {
  position: relative;
  color: #000 !important;
  text-decoration: none;
  font-size: 14px;
}
.whtCheveron {
  /*.pBone;*/
  position: absolute;
  width: 16px;
  height: 17px;
  top: 14px;
  margin-left: 5px;
  background-image: url(../img/cheveronRwht.png);
  background-repeat: no-repeat;
}
.blkCheveron {
  width: 16px;
  height: 17px;
  position: absolute;
  right: -30px;
  top: -2px;
  background-image: url(../img/cheveronRblk.png);
}
/*.pBone;*/.lastNav {
  border-right: none !important;
}
/* a { outline: none !important; } */
a:hover,
#mainNav ul li a:hover,
#contactMenu li a:hover {
  color: #fd3032 !important;
}
.contactHiLi {
  display: block;
  color: #0379c1;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}
.smallNav li {
  font-size: 12px !important;
  margin: 0 0 7px;
}
.styleRule1 {
  display: block;
  height: 15px;
  width: 100%;
  background-image: url(../img/styleRule1.png);
  background-size: 100%;
  margin: 0 0 30px 0;
}
/*END UNIFORM------------------------------------*/
/*??? SPECs------------------------------------*/
/*VARS & MIX*/
/*END ??? SPECs------------------------------------*/
/*TEST DEV STYLES--------------------------------*/
.rBone {
  border: 1px solid red;
}
/*END TEST DEV STYLES-------------------------*//*CONTENT SPECs------------------------------------*/
/*VARS & MIX*/
/*PARTS*/
#pageTitle {
  margin: 0 0 35px;
  font-size: 20px;
}
#categoryQuestion {
  margin: 0 0 40px;
  font-size: 20px;
}
.blue {
  color: #0066cc;
}
.red {
  color: #e01e26;
}
.yellow {
  color: #fdd900;
}
.green {
  color: #11a54e;
}
#categoryList {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
#categoryList li {
  margin: 0 0 20px 0;
}
#categoryList a {
  color: #000;
}
#categoryList .lastOpt {
  margin-top: 50px;
}
#categoryList .lastOpt a {
  color: #00097d;
}
.pageSection {
  position: relative;
  border-top: 1px solid #000;
  font-size: 12px;
  padding: 20px 0 25px;
}
.dblColSection {
  width: 350px;
  margin: 0 auto;
  text-align: justify;
  font-size: 12px;
}
#asideTitle {
  margin: 0 20px 40px;
  font-size: 20px;
}
.asideSection {
  position: relative;
  width: 170px;
  margin: 0 auto;
  font-size: 12px;
  padding: 0 0 25px;
  text-align: justify;
}
.noHeader {
  padding: 40px 0 25px !important;
}
.pageSection h2 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 20px;
}
.copyOneCol {
  width: 250px;
  -moz-column-width: 250px;
  -moz-column-count: 1;
  -moz-column-gap: 50px;
  -moz-column-rule-color: #eeeeee;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 0px;
  -webkit-column-width: 250px;
  -webkit-column-count: 1;
  -webkit-column-gap: 50px;
  -webkit-column-rule-color: #eeeeee;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 0px;
  column-width: 250px;
  column-count: 1;
  column-gap: 50px;
  column-rule-color: #eeeeee;
  column-rule-style: solid;
  column-rule-width: 0px;
  text-align: justify;
  margin: 0  0 25px;
}
.copyTwoCol {
  -moz-column-width: 250px;
  -moz-column-count: 2;
  -moz-column-gap: 50px;
  -moz-column-rule-color: #eeeeee;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 0px;
  -webkit-column-width: 250px;
  -webkit-column-count: 2;
  -webkit-column-gap: 50px;
  -webkit-column-rule-color: #eeeeee;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 0px;
  column-width: 250px;
  column-count: 2;
  column-gap: 50px;
  column-rule-color: #eeeeee;
  column-rule-style: solid;
  column-rule-width: 0px;
  text-align: justify;
  margin: 0  0 25px;
}
.copyThreeCol {
  -moz-column-width: 110px;
  -moz-column-count: 3;
  -moz-column-gap: 50px;
  -moz-column-rule-color: #eeeeee;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 0px;
  -webkit-column-width: 110px;
  -webkit-column-count: 3;
  -webkit-column-gap: 50px;
  -webkit-column-rule-color: #eeeeee;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 0px;
  column-width: 110px;
  column-count: 3;
  column-gap: 50px;
  column-rule-color: #eeeeee;
  column-rule-style: solid;
  column-rule-width: 0px;
  text-align: justify;
  margin: 0  0 25px;
}
.mural {
  position: absolute;
  top: 40px;
  right: 0px;
}
.mural2Col {
  position: absolute;
  top: 65px;
  right: 20px;
}
.bx-wrapper {
  /* .pBone; */
  height: 275px;
  margin: 0 0 0 0;
}
.bx-window {
  /* .blBone; */
  height: 275px !important;
}
.bx-pager {
  position: absolute;
  right: 0;
  width: 100px;
}
.bx-pager a {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(../img/pagerSprite.png);
  background-repeat: no-repeat;
}
.bx-pager a:hover,
.pager-active {
  background-position: 0 -20px;
}
#slider1 {
  /* .rBone; */

  display: block;
  height: 275px;
}
.teacherProfileList {
  width: 620px;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.teacherProfileList .profile {
  /* .blBone; */
  width: 135px;
  float: left;
  margin: 0 70px 0 0;
  color: #363636 !important;
}
.teacherProfileList .profile ul {
  /* .gBone; */
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
}
.teacherProfileList .profile li {
  /* .pBone; */
}
.teacherProfileList .photo {
  height: 160px;
  background-color: #a8a9ad;
  margin: 0 0 10px 0;
}
.teacherProfileList .profileLink a {
  color: #363636;
}
#languagesList li {
  margin: 0 0 8px 0;
}
#languagesList a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/*END PARTS*/
/*TRI-COLUMN ASIDE*/
#asideNav {
  list-style: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  margin: 30px auto 40px;
  padding: 5px 35px;
}
#asideNav li {
  width: 180px;
}
#asideNav li a {
  color: #0066cc !important;
  text-decoration: none;
}
#asideNav li a:hover {
  color: #131198 !important;
}
#asideNav.teacherMenu {
  margin: 60px 0;
}
.teacherMenu .filterSwitch {
  /* .rBone; */
  color: #0066cc;
  font-size: 16px;
  width: 180px;
  margin: 30px 0 7px 0;
  cursor: pointer;
}
.teacherMenu li {
  margin: 3px 0;
}
#asideNav.teacherMenu li a {
  color: #000 !important;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 17px;
}
#asideNav.artsMenu li a {
  text-transform: capitalize;
}
/*END TRI-COLUMN ASIDE*/
/*APPLICATIONS*/
/*STUDENT*/
#studentApplication {
  width: 550px;
  margin: 0 auto;
}
#studentApplication li {
  /* .pBone; */
  margin: 3px 0 0 0;
}
#studentApplication label {
  /* .gBone; */
  float: left;
  clear: left;
  width: 240px;
  margin: 0 5px 0 0;
  text-align: right;
  font-weight: bold;
  font-size: 15px;
}
#studentApplication select,
#studentApplication textarea,
#studentApplication input {
  /* .blBone; */
  margin: 0 0 8px 0;
}
#studentApplication textarea {
  width: 295px;
}
#studentApplication input {
  width: 110px ;
}
#studentApplication .radioSpace {
  width: 15px;
  margin: 0 10px;
}
#studentApplication .radioBump {
  margin-top: 14px !important;
}
#studentApplication .reqNote {
  font-style: italic;
  color: #ff0000;
  margin: 0 5px 0 0;
}
#studentApplication #centeredBtns {
  width: 230px;
  margin: 0 auto;
}
/*END STUDENT*/
/*END APPLICATIONS*/
/*WIDGETS*/
#blogFeature {
  width: 160px;
  margin: 0 auto;
}
#blogFeature li {
  /* .gBone; */
  height: 95px;
  margin: 20px 0;
  background-color: #333;
}
#blogFeature li a {
  position: absolute;
  width: 140px;
  margin: 30px 9px;
  font-size: 13px;
  text-transform: uppercase;
  color: #fdff46;
  text-decoration: none;
  text-align: center;
}
#blogFeature .blogFeat1 {
  background-color: #ed1b24;
  background-image: url("../img/yellowStar.png"), url("../img/yellowStar.png"), url("../img/yellowStar.png"), url("../img/yellowStar.png");
  background-position: top left, top right, bottom right, bottom left;
  background-repeat: no-repeat;
  background-size: 16px;
}
#teacherApp {
  color: #000b7d;
  margin: 0 0 0 25px;
}
#teacherApp li {
  margin: 0 0 10px 0;
}
#teacherApp a {
  color: #000b7d;
  font-weight: bold;
}
#pageTrans {
  position: absolute;
  top: 40px;
  left: 25px;
}
#pageTrans a {
  color: #ed1b24;
  font-weight: bold;
  text-decoration: none;
}
#payTuition-widget img {
  display: block;
  margin: 0 auto 20px;
}
#payTuition-widget #payTuition {
  border: 3px solid #000;
  text-align: center;
}
#payTuition-widget #payTuition .instruct {
  display: block;
  margin: 3px;
  padding: 40px 0;
  font-size: 15px;
  border: 1px solid #000;
}
#payTuition-widget #payTuition .instruct a {
  display: block;
  color: #000;
}
#advertorial-widget {
  width: 165px;
}
#advertorial-widget li {
  border-top: 1px solid #000;
  margin: 0 0 7px 0;
  padding: 7px 0 0 0;
}
#advertorial-widget .advert {
  border: 1px solid white;
  display: block;
  height: 95px;
  padding: auto 0;
  text-decoration: none;
}
#advertorial-widget .advert:hover {
  color: #333 !important;
}
#advertorial-widget span {
  /* .pBone; */
  display: block;
}
#advertorial-widget .lastAd {
  border-bottom: 1px solid #000;
  padding-bottom: 7px;
}
#advertorial-widget #globalize {
  color: #fff;
  background-color: #121097;
  text-transform: uppercase;
  font-size: 12px;
}
#advertorial-widget #kidClasses {
  position: relative;
  color: #effa17;
  background-color: #0caedd;
  font-size: 13px;
}
#advertorial-widget #friend {
  background-color: #41ad48;
  overflow: hidden;
}
#advertorial-widget #a {
  text-align: center;
  background-color: #41ad48;
  font-weight: bold;
  margin: 20px 0 0;
  padding: 10px 0 0;
}
#advertorial-widget #aa {
  text-align: center;
  background-color: #41ad48;
  padding: 0 0 10px 0;
}
#advertorial-widget #b {
  margin: 20px 0 0 0;
  padding: 0 0 0 20px;
}
#advertorial-widget #bb {
  padding: 0 0 0 20px;
  font-weight: bold;
  text-transform: uppercase;
}
#advertorial-widget #bbb {
  padding: 0 0 0 20px;
}
#advertorial-widget #bbbb {
  /* .wBone; */
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 25px;
  right: 25px;
  background-image: url(/img/yellowThumb.png);
}
#advertorial-widget #c {
  position: relative;
  background-color: #ffff00;
  margin: 20px 0 0 0;
  padding: 10px 0;
  text-align: center !important;
  width: 250px;
  left: -40px;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  /* IE 9 */

  -webkit-transform: rotate(-30deg);
  /* Safari and Chrome */

  -o-transform: rotate(-30deg);
  /* Opera */

  -moz-transform: rotate(-30deg);
  /* Firefox */
}
/*END WIDGETS*/
/*TRI-COLUMN CENTER SECTION*/
.scheme1 {
  color: #131198;
}
.scheme2 {
  color: #131198;
  text-transform: uppercase;
}
.scheme3 {
  color: #131198;
  margin: 0 20px 35px;
  text-transform: uppercase;
  font-size: 28px !important;
}
.scheme4 {
  color: #44ac4b;
}
/*END TRI-COLUMN CENTER SECTION*/
/*END CONTENTN SPECs------------------------------------*/
/*??? SPECs------------------------------------*/
/*VARS & MIX*/
/*END ??? SPECs------------------------------------*//*END IMPORTS--------------------------------*/
/*GLOBAL VARS & MIXINS-------------------------------------------*/
/*Color Scheme*/
/* Purple*/
/*Deep Purple*/
/* Hi Li Red*/
/* Rose Red*//* Canary*/
/* Royal Blue*/
/*Twitter Blue*/
/*END Color Scheme*/
/*END GLOBAL VARS & MIXINS------------------------------------*/
/*SKELETON------------------------------------*/
/*VARS & MIX*/
body {
  width: 100%;
  margin: 0;
  font-family: Helvetica, sans-serif;
}
body header {
  position: relative;
  border-bottom: 2px solid #000;
  box-shadow: 0px 2px 0px #fff, 0px 5px #000;
  overflow: hidden;
}
body #main {
  padding: 0 0 80px 0;
}
body .singleColumn {
  position: relative;
  min-height: 100px;
  padding: 35px 0 0 0;
}
body .dblColumn {
  padding: 0 0 60px 0;
}
body .dblColumn .mainColumn1 {
  position: relative;
  float: left;
  width: 380px;
  min-height: 100px;
  padding: 65px 0 0 0;
}
body .dblColumn .mainColumn2 {
  position: relative;
  float: right;
  width: 550px;
  min-height: 100px;
  padding: 65px 20px 0 0;
}
body .triColumn .mainColumn1 {
  position: relative;
  float: left;
  width: 210px;
  min-height: 100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 35px 0 0 0;
}
body .triColumn .mainColumn2 {
  position: relative;
  float: left;
  width: 550px;
  min-height: 100px;
  padding: 35px 0 0 20px;
}
body .triColumn .mainColumn3 {
  position: relative;
  float: right;
  width: 190px;
  min-height: 100px;
  padding: 90px 0 0 0;
}
body footer {
  position: relative;
  min-height: 520px;
  border-top: 2px solid #000;
  box-shadow: 0px -2px 0px #ffffff, 0px -5px #000000;
}
/*END SKELETON------------------------------------*/
/*HEADER SPECs------------------------------------*/
/*VARS & MIX*/
#headContainer {
  width: 970px;
  margin: 0 auto;
}
#headContainer #branding {
  width: 220px;
  float: left;
  height: 300px;
  position: relative;
}
#headContainer #branding img {
  position: absolute;
  bottom: 0px;
  margin: 0 15px 15px;
}
#headContainer #mainNavContainer {
  position: relative;
  width: 745px;
  float: right;
  border-left: 2px solid #000;
}
#headContainer #mainNavContainer #contactMenuContainer {
  color: #fff !important;
  background-color: #000;
  width: 9999px;
}
#headContainer #mainNavContainer #contactMenuContainer #contactMenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#headContainer #mainNavContainer #contactMenuContainer #contactMenu li {
  /*.pBone;*/
  position: relative;
  float: left;
  font-size: 15px;
  padding: 12px 10px 12px 20px;
}
#headContainer #mainNavContainer #contactMenuContainer #contactMenu li a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#headContainer #mainNavContainer #contactMenuContainer #socialContactMenu {
  display: inline;
  padding: 0 !important;
}
#headContainer #mainNavContainer #contactMenuContainer #socialContactMenu ul {
  list-style: none;
  margin: 0;
  padding: 0 30px;
}
#headContainer #mainNavContainer #contactMenuContainer #socialContactMenu li {
  border-right: 2px solid #cbcbcb;
  padding: 12px 7px 12px 7px;
}
#headContainer #mainNavContainer #mainNav ul {
  /* .rBone; */
  position: relative;
  float: left;
  width: 140px;
  min-height: 200px;
  margin: 45px 0 15px;
  border-right: 2px solid black;
}
#headContainer #mainNavContainer #mainNav ul li {
  margin: 0 10px 0 20px;
  padding: 0;
  height: 16px;
}
#headContainer #mainNavContainer #mainNav ul li.menuBug {
  /*.pBone;*/
  position: absolute;
  width: 20px;
  height: 20px;
  top: -22px;
  background-repeat: no-repeat;
  background-position: center center;
}
#headContainer #mainNavContainer #mainNav .redCross {
  background-image: url(../img/redCross.jpg);
}
#headContainer #mainNavContainer #mainNav .blueSquare {
  background-image: url(../img/blueSquare.jpg);
}
#headContainer #mainNavContainer #mainNav .yellowStar {
  background-image: url(../img/yellowStar.jpg);
}
#headContainer #mainNavContainer #mainNav .redLeaf {
  background-image: url(../img/redLeaf.jpg);
}
#headContainer #mainNavContainer #mainNav .whiteX {
  background-image: url(../img/whiteX.jpg);
}
#headContainer #mainNavContainer #mainNav ul li.menuTitle {
  font-size: 12px;
  margin-bottom: 20px;
}
#headContainer #mainNavContainer #mainNav ul li.menuTitle a {
  font-size: 12px;
  margin-bottom: 20px;
}
#headContainer #mainNavContainer #mainNav ul li a {
  font-size: 12px;
  color: #000;
  text-decoration: none;
}
/*END HEADER SPECs------------------------------------*/
/*FOOTER SPECs------------------------------------*/
/*VARS & MIX*/
#footerNavContainer {
  padding-left: 80px;
}
#footerNavContainer #footerNav ul {
  position: relative;
  float: left;
  width: 140px;
  min-height: 200px;
  margin: 20px 0 15px;
  border-left: 2px solid black;
}
#footerNavContainer #footerNav ul li {
  margin: 0 10px 0 20px;
  padding: 0;
  height: 13pt;
}
#footerNavContainer #footerNav ul li a {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#footerNavContainer .footMenuBug {
  display: block;
  width: 45px;
  height: 35px;
  background-repeat: no-repeat;
  background-position: center center;
}
#footerNavContainer .studentBug {
  background-image: url(../img/student.png);
}
#footerNavContainer .teacherBug {
  background-image: url(../img/teacher.png);
}
/*END FOOTER SPECs------------------------------------*/
/*??? SPECs------------------------------------*/
/*VARS & MIX*/
/*END ??? SPECs------------------------------------*/