@charset "UTF-8";
/* CSS Document */

body {width: 775px; min-width:775px; padding: 50px 0 0 0; margin: 0 auto; text-align: center; background: #088c99 url(../images/bkgd_green_sm.jpg) center;}
body.teach {background: #431347 url(../images/bkgd_purple.jpg) center 0;}

.clear {clear: both;}

.shadowR {width: 815px; position: relative; margin-top: 50px; background: transparent url(../images/shadowRight.png) right repeat-y;}
.container {width: 775px; min-height: 620px; !important height: 620px; padding-bottom: 20px; position: relative; margin: 0 0 0 20px; background: transparent url(../images/bkgd_green_lite_sm.jpg) center; text-align: left}

.teach .container {background: transparent url(../images/bkgd_purple_lite.jpg) center -100px;}
.teach h1, .teach p, .teach h2 {color: #37036d;}
.anchorLink {position: absolute; top: -54px; left: 430px; width: 100px; height: 20px;}

.header {width: 600px; height: 104px; position: relative; margin: 0; padding: 15px 0 0 20px;}
.teach .header {width: 760px; padding-left: 15px;}
iframe + iframe {margin-top: 2em;}

.colLeft {width: 200px; position: relative; float: left; margin: 20px 10px 15px 20px; padding: 0;}
.colRight {width: 500px; position: relative; float: left; margin: 20px 10px 10px 20px; padding: 0;}

/*----------------HOME PAGE------------------------------*/
.home .colLeft {width: 355px; position: relative; float: left; margin: 20px 10px 20px 20px; padding: 0;}
.imgA {margin: 0; padding: 0; border: 1px solid #21403d;}
.teach imgA {border-color: #37036d;}
.imgB {margin: 0 0 0 -4px; padding: 0;}
.imgC {margin: -5px 0 0 -3px; padding: 0;}
.home .colRight {width: 300px; position: relative; float: left; margin: 0; padding: 50px 0 0 50px;}
.home h1, .home h2, .source {font-weight: normal; color: #053298; margin: 0; line-height: 40px;}
.home h2 {font-size: 18px;}
.home span {width: 100%; line-height: 54px;}
.source {padding-left: 50px;}
/*----------------end HOME PAGE--------------------------*/

/*----------------STUDIO PAGES---------------------------*/
ul#subnav {position: relative; width: 510px; margin: 0 auto; padding: 0;}
ul#subnav li {color: #777; float: left; margin: 0; padding: 0 10px; border-right: 1px solid #37036d; list-style: none; font-size: 12px; font-weight: normal;}
ul#subnav li.last {border: none;}
.sched ul li {color: #37036d; font-size: 12px; margin-left: 15px; line-height: 13px; font-weight: normal;}
.sched h1 {margin: 0;}
.sched h2 {margin: 20px 0 0 0;}
.sched h3 {color: #37036d; margin: 0;}
.sched ul, p {margin-top: 0;}
/*----------------end STUDIO PAGES-----------------------*/

/*----------------CALENDAR CSS---------------------------*/
.calendar .colLeft, .calendar #nav {display: none;}
.calendar .colRight {width: 730px; margin-right: 0; margin-left: 40px;}
.calendar h1 {text-align: center;}
.month {float: left; width: 155px; margin-right: 25px; margin-top: 15px;}
.month td, .month th {color: #37036d; font-size: 10px; text-align: center; padding: 0 3px 0 2px;}
.month th {background-color: #37036d; color: #fff;}
.last {margin-right: 0;}

td.noClass {background: transparent url(../images/icon_noClass.png) 2px 0 no-repeat;}
td.circle, span.circle  {background-color:#006600; color:#fff;}
td.square, span.square {background-color:#0033CC; color:#fff;}
td.triangle, span.triangle {background-color:#990066; color:#fff;}
td.recital, span.recital {background-color:#660099; color: #fff;}
.calendar span {display: block; width: 18px; height: 18px;}

.legend {float: left; width: 290px; margin-left: 45px; margin-top: 15px; padding: 5px 0 0 5px; border: 1px solid #37036d;} 

/*--------------end CALENDAR CSS-------------------------*/


/*----------------FOOTER---------------------------------*/
.footer {width: 815px; height: 80px; position: relative; margin: 0; padding: 10px 0 0 30px; background: transparent url(../images/shadowBttm.png) 0 -5px no-repeat; text-align: left;}
.footer p {color: #9fefea;}
.teach .footer p {color: #e2c0e4;}
.footer p.phone {font-size: 24px;}
.footer p.email {font-size: 18px;}


/*----------------NAVIGATION-----------------------------*/

ul#nav {position: absolute; top: 390px; left: 40px; width: 120px; height: 250px; text-indent: -35px;}
.home ul#nav {position: absolute; top: 410px; left: 380px; width: 120px; height: 250px; text-indent: -35px;}
.teach ul#nav li a {color: #37036d;}

ul#nav li {line-height: 20px; list-style: none; font-size: 14px;}
.home ul#nav li {line-height: 20px; margin-bottom: 10px;}

ul#nav li a, ul#nav li a:active, ul#nav li a:visited, ul#nav li a:hover {text-decoration: none;}
ul#nav li a:hover {color: #053298;}

.bio ul#nav li.bio a, 
.bio ul#nav li.bio a:active, 
.bio ul#nav li.bio a:visited, 
.bio ul#nav li.bio a:hover,
.resume ul#nav li.resume a, 
.resume ul#nav li.resume a:active, 
.resume ul#nav li.resume a:visited, 
.resume ul#nav li.resume a:hover,
.media ul#nav li.media a, 
.media ul#nav li.media a:active, 
.media ul#nav li.media a:visited, 
.media ul#nav li.media a:hover,
.teach ul#nav li.studio a, 
.teach ul#nav li.studio a:active, 
.teach ul#nav li.studio a:visited, 
.teach ul#nav li.studio a:hover,
.contact ul#nav li.contact a, 
.contact ul#nav li.contact a:active, 
.contact ul#nav li.contact a:visited, 
.contact ul#nav li.contact a:hover {color: #777777;}