@charset "utf-8";
/* css document */
body { margin-top: 0px; padding: 0; text-align: center; color: #333333; background-color: #FFFFFF; font-family: arial, helvetica, sans-serif; font-size: 13px; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-position: left top; }
body a { color: #A8266C; text-decoration: underline; }
body a:hover { color: #663282; }
a { outline: none; }
a img { border: none; }
h1 { color: #A8266C; margin-top: 15px; font-family: "Times New Roman", Times, serif; font-size: 2.3em; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; clear: none; height: 44px; margin-bottom: -16px; }
h2 { color: #214163; font-family: "Times New Roman", Times, serif; font-size: 2em; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; margin-bottom: -7px; }
h3 { color: #214163; font-size: 1.8em; font-style: normal; font-weight: normal; font-variant: normal; font-family: "Times New Roman", Times, serif; line-height: 18px; margin-top: 22px; margin-bottom: -9px; }
h4 { color: #CB2B5A; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; font-family: "Times New Roman", Times, serif; line-height: normal; }
h5 { color: #304863; font-family: "Times New Roman", Times, serif; font-size: 1.6em; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: -5px; }
#pageContainer { width: 960px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #FFFFFF; }
#header { height: 174px; width: 960px; float: left; background-color: #FFFFFF; padding-bottom: 0px; background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: left top; }
#socialMedia { text-align: left; padding-top: 35px; background-image: url(../images/connect-share.jpg); background-repeat: no-repeat; background-position: left top; height: 94px; width: 275px; }
.socialBtnFace { position:relative; z-index: 600; padding-right: 0px; float: left; padding-top: 15px; height: 31px; width: 31px; padding-left: 12px; }
.socialBtnShare { position:relative; z-index: 600; padding-right: 0px; float: left; padding-top: 15px; height: 31px; width: 31px; padding-left: 8px; }
.socialBtnGoogle { position:relative; z-index: 600; padding-right: 0px; float: left; padding-top: 15px; height: 45px; width: 45px; padding-left: 8px; }
#content { line-height: 18px; background-color: #FFFFFF; width: 960px; }
#leftColumn { float: left; width: 620px; text-align: left; border: 1px none #cccccc; background-color: #FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 50px; padding-left: 2px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#leftColumn p { line-height: 20px; text-align: justify; }
#rightColumn { float: right; width: 280px; text-align: left; margin-right: auto; margin-top: 20px; margin-bottom: 30px; margin-left: auto; padding: 0px; background-color: #FFFFFF; }
.clear { clear: both; margin: 0px; padding: 0px; }
.bullet { margin-top: 0px; margin-bottom: 0px; line-height: 18px; }
.bullet ul { font-size: 100%; line-height: 14px; list-style: none; padding-left: 8px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.bullet ul li { margin-left: 0px; line-height: 20px; padding-left: 20px; background-image: url(../images/star-bullet.gif); background-repeat: no-repeat; background-position: 0px 4px; }
#subHeader { height: 254px; width: 960px; float: left; background-color: #C8DE71; padding-bottom: 0px; background-image: url(../images/sub-header.jpg); background-repeat: no-repeat; background-position: left top; margin-bottom: 0px; }
#footer { margin-top: 0px; background-repeat: repeat-x; background-position: 100% top; width: 100%; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(../images/bg-footer.gif); background-color: #f0f0f0; color: #666666; position: absolute; left: 0px; height: 125px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; right: 0px; }
#footerContent { margin: 0px auto; padding-top: 30px; text-align: center; }
#footerContent p { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px auto; color: #663366; padding-top: 0px; text-align: center }
#footerContent a { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px auto; color: #663366; padding-top: 0px; text-align: center; text-decoration: none; }
#footerContent a:hover { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px auto; color: #b84167; padding-top: 0px; text-align: center; text-decoration: underline; }#findclass { float: left; margin-top: 150px; margin-left: 10px; }
.btnFindClass a { display:block; width: 123px; height: 37px; float: left; padding-right: 7px; padding-bottom: 0px; background-image: url(../images/btn-find-class.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin-top: 150px; margin-left: 10px; }
.btnFindClass a:hover { background-position: 0 -39px; }
.btnRegister a { display:block; width: 123px; height: 37px; float: left; padding-right: 7px; padding-bottom: 0px; background-image: url(../images/btn-register.png); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin-top: 150px; margin-left: 10px; }
.btnRegister a:hover { background-position: 0 -39px; }
#balloon { float: right; height: 380px; width: 111px; }
#contactForm { float: left; width: 250px; background: no-repeat; color: #333333; text-transform: none; padding-top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.contactFormTxt { color: #2f616f; border: 1px solid #999999; background: #FFFFFF !important; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
#contactInfo { float: left; width: 280px; background: no-repeat; color: #333333; text-transform: none; padding-top: 0px; padding-left: 34px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border-left-width: thin; border-left-style: dotted; border-left-color: #CCCCCC; }
.staffContainer { margin-bottom: 30px; float: left; width: 100%; }
.staffTitle { text-align: left; float: left; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; font-family: "Times New Roman", Times, serif; font-size: 22px; color: #172C65; }
.staffText { text-align: justify; float: left; padding-left: 9px; width: 300px; }
.staffPic { float: left; height: 189px; width: 160px; padding-right: 10px; padding-bottom: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; margin-right: 0px; }
.instructorContainer { margin-bottom: 15px; float: left; width: 100%; }
.instructorTitle { text-align: left; float: left; height: 20px; padding-top: 10px; padding-bottom: 8px; padding-left: 9px; font-family: "Times New Roman", Times, serif; font-size: 20px; color: #172C65; width: 494px; }
.instructorText { text-align: justify; float: left; padding-left: 9px; width: 494px; }
.instructorIcon { float: left; height: 110px; width: 110px; padding-right: 0px; padding-bottom: 0px; margin-bottom: 0px; }
#registrationForm { background-color: #F7F7F7; padding-left: 10px; border: 1px solid #CCCCCC; padding-top: 10px; padding-right: 10px; }
.classContainer { float: left; width: 620px; text-align: left; border: 1px solid #cccccc; background-color: #F7F7F7; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 2px; margin-top: 16px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: auto; }
.classRegistration { float: right; width: 165px; padding-top: 5px; }
.classTitle { font-family: "Times New Roman", Times, serif; font-size: 1.8em; color: #214163; float: left; height: 0px; width: 300px; padding-top: 5px; padding-left: 3px; }.balletPix { float: left; padding-bottom: 0px; padding-left: 0px; padding-right: 10px; padding-top: 0px; }