body { background-image: url(images/thinnerbar.gif);
       background-repeat: repeat-x;
       font-family: andale, lucida, verdana, "Courier New", sans-serif;
       font-size: 10pt;
/*     font-weight: bolder; */
       letter-spacing: 0.07em;
       text-align: left;
       margin-top: 0;
/*        text-align: left;*/
       padding-bottom: 300px;
       line-height: 150%;
       background-color: #999999;
       color: #eeeeee;
}
h1 {
/*       font-size: 14pt;*/
       font-size: 10pt;
       text-transform: lowercase;
        text-align: left;
        font-weight: normal;
       margin-bottom: 30px;
}
h1.nospace {
/*       font-size: 14pt;*/
       font-size: 10pt;
       text-transform: lowercase;
        font-weight: normal;
       margin-bottom: -10px;
}
h2 {
/*       font-size: 12pt;*/
       font-size: 10pt;
        font-weight: normal;
        text-align: left;
/*       font-weight: bold;*/
       text-transform: lowercase;
}
h3 {
       font-size: 10pt;
        font-weight: normal;
/*       font-size: 11pt;*/
       text-transform: lowercase;
}
h4 {
       font-size: 10pt;
        font-weight: normal;
       text-transform: lowercase;
}
p {    font-family: andale, lucida, verdana, "Courier New", sans-serif;
       font-size: 10pt;
//       text-align: left;
       line-height: 150%;
       // color: #eeeeee;
}
b {    font-weight: bold;
}
td {   font-family: andale, lucida, verdana, "Courier New", sans-serif;
       font-size: 10pt;
       line-height: 150%;
/*       color: white;*/
       color: #eeeeee;
       vertical-align: top;        
       margin-left: 0px;
}
td.indent {
        padding-left: 20px;
        text-transform: lowercase;
        overflow: hidden;
}
td.lower {
        text-transform: lowercase;
}
#lower {
        text-transform: lowercase;
}
td.performance {
        width: 12em;
        text-transform: lowercase;
}
small {
       font-size: 8pt;
}
li {
       margin-left: 10px;        
}
ul {
       margin-left: 10px;
}
div.indent {
       margin-left: 20px;
       margin-top: 5px;
       margin-bottom: 20px;
       line-height: 150%;
}
div.footer {
       text-align: center;
       font-size: 8pt;  
       width: 270px;
       margin-top: 120px;
       padding-top: 15px;
       padding-bottom: 30px;
       /*border-top: solid #cccccc 1px;*/
}
div.lower {
       text-transform: lowercase;
       line-height: 150%;
}
div.content {
       margin-bottom: 200px;
       // text-align: justify;
       text-align: left;
}
/*
div.cdshort {
       padding: 5px;
       margin-bottom: 0px;
       border-top: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
}
*/
div.cdshort {
       padding: 5px;
       margin-bottom: 0px;
       border-top: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
}
div.widecontent {
       width: 600px;
}
td.contact {
       width: 180px;
}
td.w160 {
       width: 160px;
       padding-top: 50px;
}
td.w150 {
       padding-left: 20px;
       width: 160px;
}
div.Media {
       padding: 5px;
       margin-bottom: 0px;
       margin-left: 30px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
}
div.CatalogueLast {
       height: 60px;
       padding: 5px;
       margin-bottom: 0px;
       margin-left: 30px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
}
div.MediaLast {
       padding: 5px;
       margin-bottom: -1px;
       margin-left: 30px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
                       border-bottom: solid #cccccc 1px;
}
div.CatalogueComposer, div.ScoreComposer, div.MediaComposer {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 150px;
       margin-top: 25px;
       margin-bottom: 0px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
div.NewsDate {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 150px;
       margin-bottom: 0px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
div.NewsNews {
       padding: 5px;
       margin-bottom: 25px;
       text-align: left;
       margin-left: 20px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
}
div.RecTitle {
       font-size: 10pt; 
       text-transform: lowercase;
       text-align: left;
       width: 150px;
       margin-bottom: 0px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
img.RecPic {
       width: 75px;
       height: 75px;
}
div.RecPic {
       margin-left: 20px;
}
div.RecWorks {
       padding: 5px;
       margin-bottom: 25px;
       margin-left: 20px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
}
div.Catalogue {
       padding: 5px;
       text-align: left;
       margin-bottom: 0px;
       margin-left: 30px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
}
div.PerformanceGreen {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 200px;
       margin-bottom: 0px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
div.performance {
/*       width: 450px;*/
       margin-bottom: -1px;
       margin-top: 0px;
       padding: 5px;
       margin-left: 20px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
       text-align: left;
}
div.performanceShort {
       margin-bottom: -1px;
       margin-top: 0px;
       padding: 5px;
       margin-left: 20px;
       border-top: solid #cccccc 1px;
       border-left: solid #cccccc 1px;
       border-right: solid #cccccc 1px;
       border-bottom: solid #cccccc 1px;
       text-transform: lowercase;
       text-align: left;
       color: #4a4a4a;
}
div.ReviewComposer {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 150px;
       margin-top: -1px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
div.review {
       width: 590px;
       margin-bottom: -1px;
       margin-top: 0px;
       padding: 5px;
       margin-left: 20px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
       text-align: left;
}
div.ReviewText {
        font-style: italic;
        color: #dcdcdc;
        padding-top: 5px;
}
a {
        color: #4a4a4a;
        text-decoration: none;
        font-weight: normal;
}
a.lower {
        text-transform: lowercase;
}
a.CatalogueWork {
       font-size: 10pt; 
       text-align: left;
}
a.underlined {
        text-decoration: underline;
        font-weight: normal;
}
a.media,td.media {
        font-size: 8pt;
}
a.media20,td.media20 {
        font-size: 8pt;
        padding-left: 20px;
}
a.rightIndent {
        padding-right: 20px;
}
a:visited {
        color: #4a4a4a;
}
a:hover { 
        color: #000000;
        text-decoration: underline;
}
dt {
        padding-bottom: 10px;
}
dd {
        line-height: 150%;
        padding-bottom: 10px;
}
div.leftIndent {
        padding-left: 20px;
        line-height: 150%;
}
div.leftIndent2 {
        padding-left: 10px;
        line-height: 150%;
}
img.space {
       padding-top: 50px;
       padding-bottom: 50px;
}
div.workComposer {
       padding-top: 10px;
       padding-bottom: 0px;
/*       font-size: 11pt;*/
       font-size: 10pt;
}
div.quotation {
        color: #dcdcdc;
        font-size: 8pt;
        font-style: italic;       
        text-align: right;
        line-height: 120%;
        position: absolute; 
        top: 263px;
        left: 185px;
        width: 210px; 
}

div.quotation2 {
        color: #dcdcdc;
        font-size: 8pt;
        font-style: italic;       
        text-align: left;
        line-height: 120%;
        position: absolute; 
        top: 490px;
        height: 180px; 
        vertical-align: bottom; 
        left: 20px; 
        width: 129px; 
        visibility: visible;
}
/*
div.quotation {
       padding-top: 20px;
       color: #dcdcdc;
       width: 210px;
       font-size: 8pt;
       font-style: italic;       
       text-align: right;
       line-height: 120%;
}
*/

span.right { text-align: right }

#bold { font-weight: bold; }

#blenderbar  { position: absolute; top: 0px; left: 0px; width: 1000px; height: 116px; visibility: visible }
#blender   { position: absolute; top: 0px; left: 450px; width: 153px; height: 116px; visibility: visible }
#dot1    { position: absolute; top: 200px; left: 450px; width: 40px; height: 40px; visibility: visible }
#dot2   { position: absolute; top: 200px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot3   { position: absolute; top: 200px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot4   { position: absolute; top: 200px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot5   { position: absolute; top: 200px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot6   { position: absolute; top: 200px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot7   { position: absolute; top: 250px; left: 450px; width: 32px; height: 32px; visibility: visible }
#sumtone2      { position: absolute; top: 194px; left: 22px; width: 126px; height: 16px; visibility: visible }
#dot8   { position: absolute; top: 250px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot9   { position: absolute; top: 250px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot10   { position: absolute; top: 250px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot11   { position: absolute; z-index: 30; top: 250px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot12   { position: absolute; top: 250px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot13   { position: absolute; top: 300px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot14   { position: absolute; top: 300px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot15   { position: absolute; top: 300px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot16   { position: absolute; top: 300px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot17   { position: absolute; top: 300px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot18  { position: absolute; top: 300px; left: 800px; width: 32px; height: 32px; visibility: visible }
#composers      { position: absolute; top: 263px; left: 20px; width: 129px; height: 32px; visibility: visible }
#dot19   { position: absolute; top: 350px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot20   { position: absolute; top: 350px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot21   { position: absolute; top: 350px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot22   { position: absolute; top: 350px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot23   { position: absolute; top: 350px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot24   { position: absolute; top: 350px; left: 800px; width: 32px; height: 32px; visibility: visible }
#catalogue       { position: absolute; top: 281px; left: 20px; width: 129px; height: 32px; visibility: visible }
#dot25   { position: absolute; top: 400px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot26   { position: absolute; top: 400px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot27   { position: absolute; top: 400px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot28   { position: absolute; top: 400px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot29   { position: absolute; top: 400px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot30   { position: absolute; top: 400px; left: 800px; width: 32px; height: 32px; visibility: visible }
#performances       { position: absolute; top: 299px; left: 20px; width: 129px; height: 32px; visibility: visible }
#dot31  { position: absolute; top: 450px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot32  { position: absolute; z-index: 30; top: 450px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot33  { position: absolute; top: 450px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot34  { position: absolute; top: 450px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot35  { position: absolute; top: 450px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot36  { position: absolute; top: 450px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot37  { position: absolute; top: 500px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot38  { position: absolute; top: 500px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot39  { position: absolute; top: 500px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot40  { position: absolute; top: 500px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot41  { position: absolute; top: 500px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot42  { position: absolute; top: 500px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot43  { position: absolute; top: 550px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot44  { position: absolute; top: 550px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot45  { position: absolute; top: 550px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot46  { position: absolute; top: 550px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot47  { position: absolute; top: 550px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot48  { position: absolute; top: 550px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot49  { position: absolute; top: 600px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot50  { position: absolute; top: 600px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot51  { position: absolute; top: 600px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot52  { position: absolute; top: 600px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot53  { position: absolute; top: 600px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot54  { position: absolute; top: 600px; left: 800px; width: 32px; height: 32px; visibility: visible }
#dot55  { position: absolute; top: 650px; left: 450px; width: 32px; height: 32px; visibility: visible }
#dot56  { position: absolute; top: 650px; left: 520px; width: 32px; height: 32px; visibility: visible }
#dot57  { position: absolute; top: 650px; left: 590px; width: 32px; height: 32px; visibility: visible }
#dot58  { position: absolute; top: 650px; left: 660px; width: 32px; height: 32px; visibility: visible }
#dot59  { position: absolute; top: 650px; left: 730px; width: 32px; height: 32px; visibility: visible }
#dot60  { position: absolute; top: 650px; left: 800px; width: 32px; height: 32px; visibility: visible }
#recordings     { position: absolute; top: 317px; left: 20px; width: 129px; height: 32px; visibility: visible }
#news { position: absolute; top: 335px; left: 20px; width: 129px; height: 32px; visibility: visible }
#reviews    { position: absolute; top: 353px; left: 20px; width: 129px; height: 32px; visibility: visible }
#exclusive  { position: absolute; top: 195px; left: 150px; width: 165px; height: 11px; visibility: visible }
#sounds   { position: absolute; top: 371px; left: 20px; width: 129px; height: 32px; visibility: visible }
#scores   { position: absolute; top: 389px; left: 20px; width: 129px; height: 32px; visibility: visible }
#permat { position: absolute; top: 407px; left: 20px; width: 129px; height: 32px; visibility: visible }
#contact   { position: absolute; top: 425px; left: 20px; width: 129px; height: 32px; visibility: visible }
#compopic   { position: absolute; top: 264px; left: 278px; width: 73px; height: 109px; visibility: visible }
#electrocomments   { position: absolute; top: 281px; left: 162px; width: 165px; height: 101px; visibility: visible }
#papercomments   { position: absolute; top: 281px; left: 162px; width: 165px; height: 101px; visibility: visible }
#digitalcomments   { position: absolute; top: 281px; left: 162px; width: 165px; height: 101px; visibility: visible }
#scorepic  { position: absolute; top: 263px; left: 314px; width: 71px; height: 53px; visibility: visible }
#aboutsumtone { position: absolute; top: 443px; left: 20px; width: 129px; height: 19px; visibility: visible }
#pianavbottom { position: absolute; top: 449px; left: 20px; width: 129px; height: 100px; visibility: visible }

#content      { position: absolute; top: 257px; left: 185px; width: 415px; visibility: visible }
#ContentImage      { position: absolute; top: 265px; left: 200px; width: 430px; visibility: visible } 
#contentleft      { position: absolute; top: 265px; left: 185px; width: 160px; visibility: visible }
#contentcomposer      { position: absolute; top: 222px; left: 305px; width: 270px; visibility: visible; text-align: left}
#contentright { position: absolute; top: 260px; left: 355px; width: 270px; visibility: visible }

#composer1   { position: absolute; top: 209px; left: 148px; width: 129px; height: 18px; visibility: visible }
#composer2    { position: absolute; top: 227px; left: 148px; width: 129px; height: 18px; visibility: visible }
#composer3    { position: absolute; top: 245px; left: 148px; width: 129px; height: 19px; visibility: visible }
#composer4    { position: absolute; top: 263px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composer7    { position: absolute; top: 281px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composer8    { position: absolute; top: 335px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composer9    { position: absolute; top: 353px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composer6    { position: absolute; top: 299px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composer5    { position: absolute; top: 317px; left: 148px; width: 129px;
height: 19px; visibility: visible; margin-bottom: 0px; }
#composerbottomline    { position: absolute; top: 263px; left: 148px; width:
129px; height: 10px; visibility: visible }

#depth2    { position: absolute; top: 209px; left: 22px; width: 126px; height:
        16px; visibility: visible } 
#depth3     { position: absolute; top: 227px; left: 22px; width: 126px; height:
        16px; visibility: visible }  

#composerPhoto    { position: absolute; top: 227px; left: 148px; width: 129px; height: 127px; visibility: visible }

#alignleft { text-align: left }

#lowerLeft {
        text-transform: lowercase;
        text-align: left;
}
#leaveCase { text-transform: none; }


