body {margin: 0 0 20px; padding: 0; background: #03376c url(../img/bg.gif) 50% 0 repeat-y; color: #fff; font-family: arial; font-size: 85%;}

a {color: #004c93; outline: none;}
a:visited {color: #3e70a5;}
a:hover {color: #a4004b;}
.clear {clear: both;}

ul, ul li {margin: 0; padding: 0; list-style: none;}
img {border: 0;}
sup {font-size: 70%;}

table {border: 0; border-collapse: collapse; border-spacing: 0;}
table td {padding: 0; vertical-align: top;}

#header {height: 101px; background: url(../img/bg-hd.gif) 50% 0 no-repeat; padding-top: 10px;}
#logo {display: block; margin: 0 auto;}
#nav {background: url(../img/nav-bg.gif) repeat-x; height: 24px; position: absolute; top: 87px; left: 0; width: 100%; z-index: 350;}
#nav ul {width: 612px; margin: 0 auto;}
#nav li {position: relative; float: left;}
#nav li a {color: #fff; text-indent: -3000px; float: left; background: url(../img/nav.gif) no-repeat; margin: 0 10px; height: 24px;}
#nav li a:hover {background-color: #f7e9f0;}

#home #nav #navhome a, #about #nav #navabout a, #reviews #nav #navreviews a, #schedule #nav #navschedule a,  
#listen #nav #navlisten a, #educators #nav #naveducators a, #contact #nav #navcontact a {background-color: #f7e9f0;}

#nav #navhome a {width: 40px; background-position: -86px 0;}
#nav #navabout a {width: 45px; background-position: -147px 0;}
#nav #navreviews a {width: 58px; background-position: -213px 0;}
#nav #navschedule a {width: 68px; background-position: -291px 0;}
#nav #navlisten a {width: 95px; background-position: -379px 0;}
#nav #naveducators a {width: 102px; background-position: -496px 0;}
#nav #navcontact a {width: 61px; background-position: -618px 0;}

#nav ul ul {width: 157px; padding-top: 12px; border-bottom: 1px solid #03376c; position: absolute; top: 20px; left: 10px; z-index: 350; display: none;}
#nav ul li:hover ul, * html #nav ul li ul.show {display: block;}
#nav ul ul li {float: none;}
#nav ul ul li a {color: #a4004b; text-indent: 0; float: none; display: block; width: 138px !important; background: #b2ceec url(../img/navd-li.gif) 5px 9px no-repeat !important; margin: 0; height: auto; border: 1px solid #03376c; border-width: 0 1px; text-decoration: none; padding: 5px 0 3px 16px;}
#nav ul ul li a:hover {text-decoration: underline; background-color: #78a9dd !important;}

#nav #navabout ul {background: url(../img/navd-about.gif) no-repeat; width: 173px !important;}
#nav #navabout ul li a {width: 155px !important; white-space: nowrap !important;}

#bodywrapper {background-color: #fff;}
#body {width: 760px; margin: 0 auto; background: url(../img/s-bg.gif) repeat-y; overflow: auto; min-height: 345px;}
#home #body, #schedule #body {background-image: none; min-height: 329px;}
#body .col1 {float: left; width: 263px; padding: 16px 0;}
#body .col1 img {display: block; margin: 16px 0 0 12px; position: relative;}
#home #body .col1 img {display: block; margin: 0;}
#home #body .col1 {width: 266px; margin: 0; padding: 0;}
* html #body .col2 {margin-right: 22px;}
#body .col2 {float: right; width: 429px; margin-right: 45px; padding: 16px 0; color: #000; font-size: 95%; line-height: 1.4;}
#schedule #body .col2 {width: 96%; margin: 0 auto; float: none;}
#home #body .col2 {width: 494px; margin: 0; padding: 0;}
#home #body img {display: block;}

#snav {margin-left: 12px;}
* html #snav a {margin-bottom: -12px;}
#snav a {color: #a4004b; text-decoration: none; display: block; padding-left: 20px; margin-bottom: 5px}
#snav a:hover, #snav a.current, #reviews #snav a.current, #reviews #snav a.current:hover, #reviews #snav a:hover {color: #a4004b ;text-decoration: underline; background: url(../img/snav-li.gif) 0 3px no-repeat;}

* html #reviews #snav {color: #a4004b; margin-top: -7px;}
* html #reviews #snav a {margin-top: 16px;}
#reviews #snav {margin-top: -28px; font-weight: bold;}
#reviews #snav a {color: #a4004b; margin-top: 28px;}
#reviews #snav a span {display: block; font-weight: normal; font-size: 80%; font-style: italic;}

#title, #title2 {width: 429px; height: 33px; color: #004c93; font-size: 200%; text-transform: uppercase; margin-bottom: 2px; position: relative;}
#title2 {margin-top: 20px;}
#title span, #title2 span {display: block; width: 429px; height: 33px; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0;}
#about #title span {background-image: url(../img/t-about.gif)}
#reviews #title span {background-image: url(../img/t-reviews.gif)}
#schedule #title span {background-image: url(../img/t-schedule.gif)}
#listen #title span {background-image: url(../img/t-watch.gif)}
#listen #title2 span {background-image: url(../img/t-listen.gif)}
#educators #title span {background-image: url(../img/t-educators.gif)}
#contact #title span {background-image: url(../img/t-contact.gif);}

#educators #body .col2 ul, #educators #body .col2 ul li {list-style: disc; margin: 12px 12px 20px; padding: 0; text-indent: 0;}
#educators #body .col2 ul li {margin: 4px 12px;}
#educators hr {width: 100%; border-color: #004c93;}

h1 {font-size: 100%; margin: 0 0 20px;}
h2 {font-size: 100%; margin: 0 0 8px;}
h3 {font-size: 100%; margin: 0 0 8px;}
h1 span {display: block; font-weight: normal;}
p {margin: 0 0 20px;}
blockquote {margin: 0;}
blockquote p {text-indent: 3em;}
p.pull {text-align: center; font-style: italic; font-weight: bold; font-size: 105%;}
#body .col2 ul {margin-bottom: 20px;}
#body .col2 ul li {margin-bottom: 4px; text-indent: -1em; padding-left: 1em;}
dl {margin-bottom: 20px; overflow: auto; height: 100%;}
dt {width: 30%; float: left; margin-top: 4px;}
dd {width: 65%; float: left; margin: 4px 0 0;}
hr {width: 650px; border: 1px solid #01422e; margin: 0 0 16px; clear: both;}

#schedule table {width: 100%; margin-bottom: 20px;}
#schedule table th {text-align: left; color: #a4004b; text-transform: uppercase; padding: 0 20px 6px 6px;}
#schedule table .date {width: 10%;}
#schedule table .event, #schedule table .location {width: 30%;}
#schedule table td {padding: 8px 20px 8px 6px; white-space: nowrap;}
#schedule table tr.odd td {background-color: #e0edfb;}

#program {width: 100%; margin-bottom: 20px;}
#program td {width: 50%; padding: 8px 20px 8px 0;}
#program td h2 {margin: 0; width: 280px;}

#footer {text-align: center; font-size: 80%; margin: 0; background: url(../img/bg-botstripe.gif) 50% 0 no-repeat; padding-top: 16px;}
#footer img {display: block; margin: 0 auto 12px;}