body {position: relative; background: #edb8d7 url(../_images/bg-body.gif) repeat-y center; margin: 0px; text-align: center; font: normal 14px/20px "Times New Roman", Times, serif; color: #222222;}
a {color: #c01ea4; text-decoration: none;}
a:hover, a:active {color: #ec8fdc;}
h1 {height: 36px; padding: 0px; margin: 0px 0px 12px 0px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
h2 {color: #222222; font: bold 17px/18px "Times New Roman", Times, serif; padding: 0px; margin: 21px 0px 8px 0px;}
h2.special {color: #111111; font: bold 15px/16px "Times New Roman", Times, serif; padding: 0px; margin: 0px 0px 6px 0px;}
p {padding: 0px; margin: 0px 0px 12px 0px;}
p.byline {font-style: italic; margin: -2px 0 15px 0;}
img.right {float: right; margin: 0 0 15px 15px;}
small {font-size: 11px; color: #666666;}
table {border-top: 1px dashed #ec8fdc; margin: 0px 0px 10px 0px;}
th {border-bottom: 1px dashed #ec8fdc; width: 150px; color: #333333; padding: 5px 22px 5px 0px; text-align: left; vertical-align: top;}
td {border-bottom: 1px dashed #ec8fdc; padding: 5px 0px 5px 0px; vertical-align: top;}

.back {font-size: 11px;}
.callout {border: 1px dashed #a1a0a0; text-align: center; width: 148px; margin: 10px 0px 12px 12px; float: right; padding: 15px 11px 3px 11px;}
.callout h2 {margin-top: 0px; color: #c01ea4; font-size: 17px;}
.callout h3 {margin: 0px 0px 10px 0px; font: bold 14px/16px "Times New Roman", Times, serif; color: #333333;}
.callout p {font: normal 13px/14px "Times New Roman", Times, serif;}
.callout p.samples {margin-top: -7px;}
.callout p.detail {font: italic normal 11px/13px "Times New Roman", Times, serif;}
.clear {clear: both;}
.col-left {float: left; width: 200px;}
.col-right {float: right; width: 264px;}
div.hr {border-bottom: 1px dashed #cccccc; height: 0px; margin-top: 16px;}
div.yt {text-align: center; margin: 12px 0px;}
div.yt p {font-size: 12px; font-style: italic;  margin: 5px 0px 0px;}
div.yt p em {font-style: normal;}
p.next {text-indent: 0px !important; font-weight: bold; font-size: 12px !important; line-height: 16px !important; margin: 12px 0px 6px 0px !important;}
p.list-related {line-height: 18px;}
.return {font-size: 12px; display: block;}
p.sub-title {text-indent: 0px !important; font-size: 15px; margin-bottom: 2px; font-weight: bold;}
p.testimonial-author {text-align: right; margin: -9px 40px 12px 0px; font-weight: bold; color: #444444;} 

#top {display: block; margin: 20px auto 0px auto; width: 762px; height: 36px; background-image: url(../_images/bg-top.gif);}
#wrapper {width: 740px; padding: 0px 11px 0px 11px; background-image: url(../_images/bg-wrapper.gif); margin: 0px auto 0px auto;}
#container {position: relative; min-height: 590px; border: 1px solid #a1a0a0; background-color: #fef2fc; margin-top: -25px; padding-left: 184px; width: 554px;} 
#content {position: relative; background: #ffffff url(../_images/bg-content.gif) left repeat-y; min-height: 480px; width: 502px; padding: 80px 29px 30px 23px; text-align: left; overflow: visible;}
*html #content {height: 450px;}
#content ul {margin: 0px 0px 2px 19px; padding: 0px; list-style-type: square;}
#content ul li {line-height: 18px; margin-bottom: 10px;}

#main-nav {position: absolute; width: 184px; top: 146px; left: 0px; margin: 0px; padding: 116px 0px 25px 0px; list-style-type: none; background: transparent url(../_images/bg-main-nav.gif) no-repeat top center;}
#main-nav li {text-align: center; width: 184px;}
#main-nav li a {height: 22px; margin: 0px auto 8px auto; background-position: center 0px; display: block; text-indent: -9999px; overflow: hidden;}
#main-nav li a:hover, #main-nav li a:active { background-position: center -22px;}
#main-nav li a#nav-bio {width: 27px; background-image: url(../_images/nav-bio.gif);}
#main-nav li a#nav-about {width: 51px; background-image: url(../_images/nav-about.gif);}
#main-nav li a#nav-piano-lessons {width: 111px; background-image: url(../_images/nav-piano-lessons.gif);}
#main-nav li a#nav-music-theory-ear-training {width: 154px; height: 38px; background-image: url(../_images/nav-music-theory-ear-training.gif);}
#main-nav li a#nav-music-theory-ear-training:hover, #main-nav li a#nav-music-theory-ear-training:active { background-position: center -39px;}
#main-nav li a#nav-piano-accompaniment {width: 132px; background-image: url(../_images/nav-piano-accompaniment.gif);}
#main-nav li a#nav-testimonials {width: 102px; background-image: url(../_images/nav-testimonials.gif);}
#main-nav li a#nav-theory-books {width: 116px; height: 38px; background-image: url(../_images/nav-music-theory-books.gif);}
#main-nav li a#nav-theory-books:hover, #main-nav li a#nav-theory-books:active { background-position: center -39px;}
#main-nav li a#nav-music-criticism {width: 129px; background-image: url(../_images/nav-music-criticism.gif);}
#main-nav li a#nav-studio-policy {width: 107px; background-image: url(../_images/nav-studio-policy.gif);}
#main-nav li a#nav-contact {width: 65px; background-image: url(../_images/nav-contact.gif); margin-bottom: 14px;}
#main-nav li a#nav-login {width: 94px; height: 9px; background-image: url(../_images/nav-login.gif); margin-bottom: 12px;}
#main-nav li a#nav-login:hover, #main-nav li a#nav-login:active { background-position: center -14px;}
#main-nav li a#nav-home {width: 35px; height: 9px; background-image: url(../_images/nav-home.gif);}
#main-nav li a#nav-home:hover, #main-nav li a#nav-home:active { background-position: center -14px;}
#main-nav #badge {float:none !important; margin: 0px 0px 0px 0px;}

/*
#main-nav li a#nav-studio-policy {width: 90px; height: 9px; background-image: url(../_images/nav-studio-policy.gif);}
#main-nav li a#nav-studio-policy:hover, #main-nav li a#nav-studio-policy:active { background-position: center -14px;}
*/
#footer {position: relative; margin: -25px auto 0px auto; width: 722px; background: url(../_images/bg-footer.gif) no-repeat; color: #c01ea4; text-align: right; font-size: 11px; padding: 31px 40px 30px 0px;}


#sophia {display: block; background-image: url(../_images/bg-sophia.gif); width: 119px; height: 77px; position: absolute; top: 56px; left: -152px; text-indent: -9999px; overflow: hidden; margin: 0px; padding: 0px;}

a#callout {display: inline; float: right; margin: -65px -14px 0px 0px; background: url(../_images/callout-currently-accepting.gif) no-repeat 0px 0px; width: 208px; height: 98px; text-indent: -9999px; overflow: hidden; top: 15px; right: 15px;}
a#callout:hover, a#callout:active {background-position: 0px -98px;}

a#leave-comment { border: 1px solid #333333; background-color: #c01ea4; color: #ffffff; text-align: center; font: bold 13px/13px "Times New Roman", Times, serif; display: block; width: 121px; margin: 16px 0px -3px 0px; padding: 5px 11px 5px 11px; text-transform: uppercase;}
a#leave-comment:active {padding: 5px 10px 5px 12px;}

a#login {display: inline; float: right; clear: right; margin: 5px -13px 0px 0px; background: url(../_images/bg-login.gif) no-repeat 0px 0px; width: 208px; height: 79px; text-indent: -9999px; overflow: hidden; top: 15px; right: 15px;}
a#login:hover, a#login:active {background-position: 0px -86px;}

.letter {padding-top: 18px; background-position: 0px 0px; background-repeat: no-repeat; text-indent: -12px;}
p.letter:first-letter {display: block; color: #ffffff;}
p.c {background-image: url(../_images/letter-c.gif);}
p.c:first-letter {padding-right: 27px;}
p.f {background-image: url(../_images/letter-f.gif);}
p.f:first-letter {padding-right: 27px;}
p.i {background-image: url(../_images/letter-i.gif);}
p.i:first-letter {padding-right: 31px;}
p.m {background-image: url(../_images/letter-m.gif);}
p.m:first-letter {padding-right: 46px;}
p.s {background-image: url(../_images/letter-s.gif);}
p.s:first-letter {padding-right: 34px;}

#p-home #content div {float: right; margin: -16px -6px -4px 4px; width: 171px; color: #b41999; font: bold 15px/18px "Times New Roman", Times, serif; text-align: center;}
#p-home #content img {display: block; margin: 0px 5px 0px 12px;}
#p-home #content {padding-top: 75px;}
#p-home #callout {margin-top: -60px;}
#p-home p.test {background-position: 217px 0px;}
#p-home .cta-book {display: block; float: left; margin: 15px 19px 6px -20px; width: 218px;}

#p-home-test #content div {float: left; margin: 4px 12px 12px 0px; width: 171px; color: #b41999; font: bold 13px/17px "Times New Roman", Times, serif; text-align: center;}
#p-home-test #content img {display: block; margin: 0px 5px 0px 12px;}
#p-home-test #content {padding-top: 75px;}
#p-home-test #callout {margin-top: -60px;}
#p-home-test p.i {background-position: 180px 0px;}
#p-home-test .cta-book {display: block; float: right; margin: -30px 0px 6px 2px; width: 218px;}

#p-about h1 {background-image: url(../_images/h-bio.gif);}
#p-about img {float: left; margin: -2px 10px 0px -11px;}
#p-piano-lessons h1 {background-image: url(../_images/h-piano-lessons.gif);}
#p-piano-lessons img {float: right; margin: 0px -14px 0px 6px;}
#p-piano-accompaniment h1 {background-image: url(../_images/h-piano-accompaniment.gif);}
#p-music-theory-ear-training h1 {background-image: url(../_images/h-music-theory-ear-training-lessons.gif); height: 57px;}
#p-music-theory-ear-training img {float: left; margin: -5px 2px -10px -13px;}
#p-music-theory-ear-training .callout {margin-top: -12px; width: 240px;}
#p-contact-sophia h1 {background-image: url(../_images/h-contact.gif);}

/*#p-books h1 {background-image: url(../_images/h-music-theory-books.png); height: 57px;}
#p-books .callout {width: 185px; border: 1px solid #a1a0a0; margin-top: -15px; background-color: #fef2fc;}*/

#p-books h1 {background-image: url(../_images/h-music-theory-books.png); height: 57px;}
#p-books .callout {width: 217px; border: 1px solid #a1a0a0; margin: 0 0 15px; background-color: #fef2fc;}
#p-books .callout-right {float: right;}
#p-books .callout-left {float: left;}
#p-books .callout-clear {clear: both;}

#p-music-criticism h1 {background-image: url(../_images/h-music-criticism.gif);}
#p-music-criticism h2 {margin-bottom: 6px; padding-top: 10px; margin-top: 6px;}
#p-music-criticism p.sub-title {text-indent: 0px; font-size: 14px; margin-bottom: 2px; font-weight: bold;}
#p-testimonials h1 {background-image: url(../_images/h-testimonials.gif); height: 31px;}
#p-testimonials h2 {margin-top: 28px; font-style: italic;}
#p-testimonials div.hr {margin-bottom: 16px;}
#p-testimonials div.photo-caption {width: 106px; float: left; text-align: center; font-size: 11px; margin: 5px 14px 11px 0px; font-style: italic;}
#p-testimonials div.photo-caption img {display: block; margin-bottom: 0px; border: 1px solid #555555;}
#p-studio-policy h1 {background-image: url(../_images/h-studio-policy.gif); height:57px;}
#p-studio-policy div.clear {background-color: #FEF2FC;}
#p-studio-policy .callout h2 {margin-bottom: 13px; font-size: 15px; text-transform: uppercase;}
#p-studio-policy .callout h3 {font-size: 15px; text-transform: uppercase;}

#p-contact h1 {background-image: url(../_images/h-contact.gif);}
#p-contact table {width: 100%; margin-top: 2px;}
#p-contact th {vertical-align: middle; width: 100px;}
#p-contact td input {width: 250px; font: normal 14px/14px "Times New Roman", Times, serif;}
#p-contact #submit th, #p-contact #submit td {border: none;}
#p-contact #submit td input {border: 1px solid #333333; width: auto; vertical-align: middle; font: bold 14px/14px "Times New Roman", Times, serif; text-transform: uppercase; background-color: #c01ea4; color: #FFFFFF;}
*html #p-contact #submit td input {height: 19px;}
#p-contact td textarea {width: 270px; font: normal 14px/18px "Times New Roman", Times, serif;} 
#p-for-students h1 {background-image: url(../_images/h-for-students.gif);}
#p-for-students h2 {font-size: 19px; font-weight: normal; font-style: italic;}
#p-for-students div.hr {padding-top: 14px; clear: both;}
#p-for-students h3 {text-indent: 0px; font-size: 14px; margin: 12px 0px 8px 0px; color: #333333;}
#p-for-students ul li {margin-bottom: 2px;}

#p-article #content #callout {margin-bottom: -65px;}
#p-article #content h1 {text-align: center; background-image: url("../_images/h-music-criticism.gif"); margin-bottom: 2px; text-indent: 0px; padding: 54px 0px 0px 0px; font: normal 17px/17px "Times New Roman", Times, serif; height: auto;}
#p-article #content h1.first {text-align: center; padding: 66px 0px 0px 0px; font-size: 24px; line-height: 24px;}
#p-article #content p.sub-title {text-align: center;}
#p-article #content h2 {text-align: center;}
#p-article #content h3 {text-indent: 0px; font-size: 15px; margin: 12px 0px 8px 0px; font-weight: normal;}
#p-article #content blockquote {padding: 0px; margin: 8px 0px 0px 38px;}
#p-article #content blockquote p {text-indent: 0px; margin-bottom: 8px;}
#p-article #content p.byline {text-align: center; text-indent: 0px; font-size: 16px; margin-bottom: 16px; font-style: italic;}
#p-article #content p.summary {text-align: center; text-indent: 0px; font-size: 12px; line-height: 17px; margin: -6px 0px 12px 0px; font-style: italic;}
#p-article #content div.authors-note {text-align: left; margin: 0px 0px -2px 0px; padding: 9px 11px 0px 11px; border: 1px dashed #cccccc;}
#p-article #content div.single {text-align: center;}
#p-article #content div.authors-note p {text-indent: 0px; font-size: 13px; line-height: 17px; margin-bottom: 9px;}
#p-article #content p {text-indent: 38px; margin-bottom: 0px;}
#p-article #content p.cont {text-indent: 0px;}
#p-article #content p.cont-sec {text-indent: 0px; margin-top: 8px;}
#p-article #content p.first {text-indent: 38px;}
#p-article #content p.second {text-indent: 38px; margin-top: 8px;}
#p-article #content a.note {position: relative; font-size: 10px; top: -3px;}
#p-article #content li p {text-indent: 0px; margin-bottom: 12px;}
#p-article #content ul {margin: 12px 0px 2px 38px; padding: 0px; list-style-type: square;}
#p-article #content ul li {line-height: normal; margin-bottom: 0px; line-height: 20px;}
#p-article #content ol {margin: 12px 0px 2px 38px; padding: 0px;}
#p-article #content ol li {line-height: normal; margin-bottom: 0px; line-height: 20px;}
#p-article #content ol li ol li {list-style-type: lower-alpha;}
#p-article #content ol.roman {list-style-type: upper-roman;}
#p-article #content ol.alpha {list-style-type: lower-alpha;}
#p-article #content ol.alpha li ol li {list-style-type: decimal;}
#p-article #content ol.alpha li ol.roman li {list-style-type: lower-roman;}
#p-article #content ol.alpha li ol.alpha li {list-style-type: lower-alpha;}
#p-article #content ol.alpha li ol.roman li ol.roman li {list-style-type: lower-roman;}
#p-article #content ol.alpha li ol.alpha li ol.alpha li {list-style-type: lower-alpha;}
#p-article #content .figure {width: 502px; text-align: center; position: relative; margin: 28px 0px 28px 0px; overflow: visible;}
#p-article #content .figure h3 {font: bold 13px/15px "Times New Roman", Times, serif; padding: 0px; margin: 0px;}
#p-article #content .figure h4 {font: bold 13px/15px "Times New Roman", Times, serif; padding: 0px; margin: 8px 0px 0px 0px;}
#p-article #content .figure p {font: normal 13px/15px "Times New Roman", Times, serif; padding: 0px; margin: 0px; text-indent: 0px;}
#p-article #content .figure img {padding: 13px 0px 13px 0px;}
*html #p-article #content .figure img {position: relative; left: -13px; margin-right: -13px;}
#p-article #content .figure span {position: absolute; font: italic 12px/16px "Times New Roman", Times, serif; height: 19px;}
#p-article #content .return {width: 150px; margin-top: 12px;}
#p-article #content #footnotes {margin: 16px 0px 16px 0px; padding: 14px 0px 6px 0px; border: 1px dashed #cccccc; border-left: none; border-right: none;}
#p-article #content #footnotes h2 {font-size: 15px; margin-top: 0px; text-align: left;}
#p-article #content #footnotes p {font-size: 11px; text-indent: 0px; line-height: 15px; margin-bottom: 8px;}

#p-article #content .after-footnotes {margin-top: -17px;}
#p-article #content #comments {border: 1px dashed #aaaaaa; background-color: #F0F0F0; padding: 8px 20px 17px;}
#p-article #content #comments h3 {font-weight: bold; font-size: 18px; margin-bottom: 12px; color: #c01ea4;}
#p-article #content #comments p {font-size: 12px;}
#p-article #content #comments p.date {text-indent: 0px !important; line-height: 16px;}
#p-article #content #comments p.commenter {text-indent: 0px !important; line-height: 16px; margin-bottom: 7px !important;}

/*reCAPTHCA formatting */
td.recaptcha {position: relative; background-color: #ffffff;}
td.recaptcha strong {color: #333333;}
#recaptcha_table {border-color: #ffffff !important; margin: 0px 0px 4px 0px !important; background-color: #ffffff !important;}
#recaptcha_table td {padding: 0px 7px 0px 0px !important;}
.recaptcha_image_cell {background-color: #ffffff !important;}
.recaptcha_image_cell center div#recaptcha_image {border: 1px solid #ffffff !important; margin-left: 7px !important;}
#recaptcha_response_field { border-color: #444444 !important; background-color: #FFFFFF !important; margin-left: 7px !important; font: 12px Arial, Helvetica, sans-serif !important;}
iframe {height: 280px !important; border: 1px dashed #fef2fc !important; margin: 3px 0px 7px 0px; width: 434px !important;}