body { background-color: #ECE6DA; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px }
#container { width: 804px; margin: auto }
#header { background: url(../images/header.jpg); padding: 175px 20px 0 0; height: 21px; text-align: right; width: 784px }
.line { clear: both; height: 2px; overflow: hidden; width: 804px; background-color: #EAD3B7 }
#audio{ position: absolute; top: -2000px; }
#audioTitle{ float: right; padding-right: 8px; color: #666; line-height: 16px} 
#audioControls{ float: right} 
#main{ background: url(../images/background.jpg) }
#navigation { float: left; width: 171px;}
.navigation { padding-left: 16px; color: #993333; line-height: 27px; border-bottom: 1px dotted #FFF; cursor: pointer }
.navigation a { color: #993333; text-decoration: none; }
.navigation_arrow { background: url(../images/arrowDown.jpg) no-repeat right }
.navigation_selected { background-color: #FBF6F1; }
.navigation_selected_arrow { border-bottom: 1px dotted #9F3F3F;  background: url(../images/arrowUp.jpg) no-repeat right #FBF6F1 }
.navigation_sub { padding: 10px 0 10px 16px; color: #666; font-size: 11px; background-color: #FBF6F1; border-bottom: 1px solid #FFF; }
.navigation_sub a { color: #000; text-decoration: none }
.navigation_sub ul { padding: 0; margin: 0; }
.navigation_sub li { list-style: none; }
.navigation_selected_active a { font-weight: bold; color: #000; }
#content { float: right; text-align:justify; width: 557px; padding: 30px 39px 30px 0; line-height: 13px; }
#content a:link, #content a:visited { color: #B26A6A; text-decoration: underline; font-weight: bold; }
#content a:hover { text-decoration: none; }
#footer { background-color: #FBF6F1; color: #666; font-size: 11px; margin-bottom: 20px }
#footer img { padding: 20px 0 10px 0 }
#footer #quotes { float: left; width: 160px; border-right: 1px solid #EAD3B7; margin: 20px 10px 20px 10px; background: url(../images/quotes.jpg) no-repeat; height: 90px;  }
#footer .quotesText { text-align: center; }
#footer #musicteacher { float: left; width: 170px; text-align: center; width: 330px; padding-right: 30px }
#footer #epta { float: left; width: 170px; text-align: center; width: 250px }
#copyright { float: left; font-size: 10px; color: #666; line-height: 27px }
#dinomedia { float: right; font-size: 10px; color: #666 }
#dinomedia a { color: #666; text-decoration: underline }
#dinomedia #link { float: left; line-height: 27px }
#dinomedia #logo { float: left; line-height: 27px; padding: 0 3px 0 3px }
#dinomedia #text { float: left; line-height: 27px }
.break { clear: both; height: 0px; overflow: hidden }
h1 { color: #993333; font-size: 16px; font-weight: bold; margin: 0 0 20px 0 }
.smallText{ font-size: 10px; }
.ticks { list-style-image: url(/images/tick.jpg); padding-bottom: 3px;}
.hidden { display: none;}
#terms { padding: 20px;}
.splitter { margin: 20px 0 20px 0; clear: both; height: 2px; overflow: hidden; background-color: #EAD3B7 }

.surnameHon { clear: both; height: 2px; overflow: hidden; }
.surnameHon input { border: none; width: 1px }