body { background-image: url(images/thinnerbar.gif);
       background-repeat: repeat-x;
       font-family: andale, lucida, verdana, "Courier New", sans-serif;
       font-size: 10pt;
       letter-spacing: 0.07em;
       text-align: left;
       margin-top: 0;
       margin-bottom: 300px;
       line-height: 150%;
       background-color: #999999;
       color: #eeeeee;
}
h1 {
       font-size: 10pt;
       text-transform: lowercase;
       font-weight: normal;
       margin-bottom: 30px;
}
h1.nospace {
       font-size: 10pt;
       text-transform: lowercase;
        font-weight: normal;
        text-align: left;
       margin-bottom: -10px;
}
h2 {
       font-size: 10pt;
       text-align: left;
       font-weight: normal;
       text-transform: lowercase;
}
h3 {
       font-size: 10pt;
       font-weight: normal;
       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: #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;
}
#lowerLeft {
        text-transform: lowercase;
        text-align: left;
}
td.performance {
        width: 12em;
        text-align: left;
        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;
}
div.lower {
       text-transform: lowercase;
       line-height: 150%;
}
div.content {
       margin-bottom: 200px;
       // text-align: justify;
       text-align: left;
}
div.widecontent {
       width: 600px;
}
div.cdshort {
       padding: 5px;
       margin-bottom: 0px;
       border-top: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
}
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: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
}
div.CatalogueLast {
       height: 60px;
       padding: 5px;
       margin-bottom: 0px;
       margin-left: 30px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
}
div.MediaLast {
       padding: 5px;
       margin-bottom: -1px;
       margin-left: 30px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
}
div.CatalogueComposer, div.ScoreComposer, div.MediaComposer {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 150px;
       margin-top: 25px;
       margin-bottom: -1px;
       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: -1px;
       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: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
}
div.RecTitle {
       font-size: 10pt; 
       text-transform: lowercase;
       text-align: left;
       width: 150px;
       margin-bottom: -1px;
       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;
}
img.w140 {
       width: 140px;
       height: auto;
}
img.w560 {
       width: 560px;
       height: auto;
}
div.RecPic {
       margin-left: 20px;
}
div.RecWorks {
       padding: 5px;
       margin-bottom: 25px;
       margin-left: 20px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
}
div.Catalogue {
       padding: 5px;
       margin-bottom: 0px;
       margin-left: 30px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       text-align: left;
}
div.PerformanceGreen {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 200px;
       margin-bottom: -1px;
       padding: 5px;
       border-top: solid #c6ff00 1px;
       border-left: solid #c6ff00 1px;
       border-right: solid #c6ff00 1px;
       border-bottom: solid #c6ff00 1px;
}
div.performance {
       margin-bottom: -1px;
       margin-top: 0px;
       padding: 5px;
       margin-left: 0px;
       border-top: dotted #cccccc 1px;
       border-left: dotted #cccccc 1px;
       border-right: dotted #cccccc 1px;
       border-bottom: dotted #cccccc 1px;
       text-align: left;
}
div.performanceShort {
       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-transform: lowercase;
       text-align: left;
       color: #4a4a4a;
}
div.ReviewComposer {
       font-size: 10pt; 
       text-transform: lowercase;
       width: 150px;
       margin-bottom: -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.MediaWork {
        text-align: left;
}
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 {
       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;
}



#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; margin-top: 0px; padding-top: 0px; top: 461px; left: 20px; width: 129px; visibility: visible }

#content      { position: absolute; top: 248px; 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; text-align: left }

#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 }

span.right { text-align: right }

#leaveCase { text-transform: none; }
/* MDE Sat Mar 11 09:39:41 2017 -- hides download button in chrome 56's audio player */
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
audio {
       color: #999999;
}