/* begin css to layout page in xhtml strict */

/* begin css for composition/instruments page in xhtml strict */

body 
{
width:100%;
}

div#comOuter {
    background-color:#FFFFFF;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    display:block;
    position:fixed;
    width:88%;
}

div#insOuter {
    background-color:#FFFFFF;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    display:block;
    position:fixed;
    width:88%;
}

div.linksIns
{
position:absolute;
left:15%;
right:15%;
top:2%;
margin-bottom:4em;
width:60em;
clear:both;
}

div.linksCentre
{
position:fixed;
left:15%;
right:15%;
top:2%;
margin-bottom:4em;
width:340em;
clear:both;
}
div.ensLinks
{
font: 18px/1.5 garamond, georgia, Serif; 
color:#000000; 
background-color:transparent; 
position:fixed;
display:inline;
right:8%;
top:5%;
margin-top:2em;
width:24%;
clear:both;
}

div.leftSection
{
position:absolute;
display:inline;
left:5%;
width:52%;
top:12%;
padding:10px;
clear:both;
}

img.handWriting
{
display:inline;
padding:4em 4em 3em;
clear:both;
}

div.pos_left
{
position:relative;
left:10%;
width:50%;
top:0%;
}

div.pos_not_found
{
position:relative;
left:15%;
width:40%;
top:0%;
font: 17px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
text-align:center;
color:#000000; 
background-color : transparent;
}


/* end css for composition/instruments pages in xhtml strict */


body  {background-color:#ffffff;}

table {  margin-left:auto; margin-right:auto; width : 90% }

td.width10pc { width : 10%; background-color : transparent }

td.width30pc { width : 30%; background-color : transparent }

td.width40pc { width : 40%; background-color : transparent }

td.width45pc { width : 45%; background-color : transparent }
 
td.width50pc { width : 50%; background-color : transparent }

td.width60pc { width : 60%; background-color : transparent }
 
/*
td.10pc { width : 10%; background-color : transparent }

td.30pc { width : 30%; background-color : transparent }

td.40pc { width : 40%; background-color : transparent }

td.45pc { width : 45%; background-color : transparent }
 
td.50pc { width : 50%; background-color : transparent }

td.60pc { width : 60%; background-color : transparent }
*/
 
.bck_1 { width : 45%; background-color : #f5f5f5;}

.bck_2 { width : 50%; background-color : #f5f5f5;}
 
 td.review { background-color : #f4f4f4; padding : 8px; margin-left:auto; margin-right:auto; width : 80%;}
 
 hr { color: #663399; background-color: #9933ff; height: 3px }
 
 .lleft { float : left; padding : 24px  }

.rright { float : right; padding : 24px  }

 
  h1 {font: bold 18px/1.25 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000000; background-color: transparent; }

  h2 {font: bold 16px/1.25 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000000; background-color: transparent; }
  
  h3 {font: bold 16px/1 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color: transparent; }
  
  h4 {font: bold 12px/1 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000000; background-color: transparent; }

  .notes {font: 14px/1.5 Verdana, Sans-serif; color: black; background-color: transparent;}

  .dur {font: 16px/1.25 "Trebuchet MS", Sans-serif; color:#000000; background-color: transparent; }
  
  .explain {font: 14px/1.5 "courier new", monospace; color:#000000; background-color: transparent;}
  
  .informbold {font:italic normal bold 12px/1 verdana; color:#000000;}
  
  .inform {font: 14px/1.5 "Trebuchet MS"; color: black; color:#000000; background-color: transparent;}

.biog {font: 14px/2  "Trebuchet MS", Sans-serif; color:#000000; background-color: transparent; text-align: left;}

.instr {font: 12px/12px Verdana, Sans-serif; color:#000000; background-color: transparent; text-align: left;}

.photo {font: 12px/2 Tahoma, Sans-serif; color:#000000; background-color: transparent; text-align: left;}

.tx_med {font:16px/1.5 Verdana, Sans-serif; text-align: left; color: black; background-color: transparent; }

.tx_sm {font:14px/1.5 Verdana, Sans-serif; text-align: left; color: black; background-color: transparent; }

.order {font:13px/1.5 Verdana, Sans-serif; text-align: left; color: black; background-color: transparent; Padding: 1px }

.announce {font: 14px/1.25 Tahoma, Sans-serif; color:blue; background-color: transparent; }

.work1 {font: bold 20px/1  Tahoma, Sans-serif; color:#000000; background-color: transparent;}
  
.work2 {font: 18px/1 "courier new", monospace; color:#000000; background-color: transparent;}
  
.catalogue {font: bold 18px/1.5  Tahoma, Sans-serif; color:#000000; background-color: transparent;}
  
.place {font: 14px/1.5 Verdana, Sans-serif; color:#000000; background-color: transparent; text-align: center;}

.orch {font: 14px/1.5 Verdana, Sans-serif; color:#000000; background-color: transparent; text-align: center;}

.ensemble {font:16px/1.5 Verdana, Sans-serif; text-align: center; color: black; background-color: transparent; }



.text_1n {font: 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_1b {font: bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_1i {font: italic 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_1c {font: italic bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_2n {font: 16px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; background-color : transparent }

.text_2b {font: bold 16px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; background-color : transparent }

.text_2c {font: italic bold 16px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; background-color : transparent }

.text_2u {font: 16px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; background-color : transparent; text-decoration: underline; }

.text_3n {font: 18px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent }

.text_3u {font: 18px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent; text-decoration: underline; }

.text_3i {font: italic 15px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_4n {font: 14px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_4i {font: italic 14px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_4c {font: bold italic 14px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.text_4u {font: 14px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent; text-decoration: underline; }

.text_5n {font: 12px/1.5 "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#000000; background-color : transparent }

.text_6n {font: 15px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.titles1 {font: bold 16px/1.2 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.titles2 {font: 12px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent }

.comment {font: 16px/1.2  "garamond", Serif; color:#000000; background-color : transparent }





a:link {font: italic bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ee00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a:active {font: italic bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a:visited {font: italic bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a:hover {font: italic bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: gray; background-color: transparent; 
         text-decoration: underline; white-space: nowrap; }
         
         
a:link.content {font: bold 14px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #cc00ff; background-color: transparent; text-decoration:none; 
         padding-left:5px; }
 a:active.content {font: bold 14px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #cc00ff; background-color: transparent; text-decoration:overline; 
         padding-left:5px; }
 a:visited.content {font: bold 14px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #cc00ff; background-color: transparent; text-decoration:none; 
         padding-left:5px; }
 a:hover.content {font: bold 14px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #d5d5d5; background-color: transparent; text-decoration:overline; 
         padding-left:5px; }
         
         
a:link.significant {font: italic bold 19px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ee00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a:active.significant {font: italic bold 19px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a:visited.significant {font: italic bold 19px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a:hover.significant {font: italic bold 19px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color: gray; background-color: transparent; 
         text-decoration: underline; white-space: nowrap; }





a:link.blackn {font: 16px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent; 
           text-decoration: none; white-space: nowrap;  }
a:active.blackn {font: 16px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent; 
           text-decoration: none; white-space: nowrap;  }
a:visited.blackn {font: 16px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent; 
           text-decoration: none; white-space: nowrap;  }
a:hover.blackn {font: 16px/1.5 garamond, georgia, Serif; color:#000000; background-color : transparent; 
           text-decoration: overline; white-space: nowrap;  }



a:link.blackb {font: bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent; 
           text-decoration: underline; white-space: nowrap;  }
a:active.blackb {font: bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent; 
           text-decoration: underline; white-space: nowrap;  }
a:visited.blackb {font: bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent; 
           text-decoration: underline; white-space: nowrap;  }
a:hover.blackb {font: bold 16px/1.5 "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000000; background-color : transparent; 
           text-decoration: none; white-space: nowrap;  }
        


a.external:link {font: italic bold 15px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a.external:active {font: italic bold 15px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a.external:visited {font: italic bold 15px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a.external:hover {font: italic bold 15px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #404040; background-color: transparent; 
         text-decoration: overline; white-space: nowrap; }






a.sml:link {font: bold 12px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
            text-decoration: none; white-space: nowrap; }

a.sml:active {font: bold 12px/18px "courier new", monospace; color: #404040; background-color: transparent; 
             text-decoration: none; white-space: nowrap; }

a.sml:visited {font: bold 12px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
              text-decoration: none; white-space: nowrap; }

a.sml:hover {font: italic bold 12px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
             text-decoration: overline; white-space: nowrap; }
             



.medio {font: italic bold 14px/18px "courier new", monospace; color: black; background-color: transparent; 
            text-decoration: none; white-space: nowrap; }
            

a.medio:link {font: bold 14px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
            text-decoration: none; white-space: nowrap; }

a.medio:active {font: bold 14px/18px "courier new", monospace; color: #404040; background-color: transparent; 
             text-decoration: none; white-space: nowrap; }

a.medio:visited {font: bold 14px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
              text-decoration: none; white-space: nowrap; }

a.medio:hover {font: italic bold 14px/18px "courier new", monospace; color: #ff00ff; background-color: transparent; 
             text-decoration: overline; white-space: nowrap; }
             
             
             


a.hng {font: bold 12px/1.5 verdana, sans-serif; color: #ff00ff; background-color: transparent; text-decoration: underline; 
                white-space: nowrap; }
                
a.ing_link {font: bold 13px/1.5 verdana, sans-serif; color: #9900cc; background-color: transparent; text-decoration: underline; } 

.ing_text  {font: bold 13px/1.5 verdana, sans-serif; color: black; background-color: transparent; text-decoration: underline; }
 
  
a.inf {font: bold 12px/12px "times new roman"; color: #70126b; text-decoration:none; 
         padding-left:25px; padding-right:25px; }
         
         

 a.down:link {font: bold 16px/1.7 "Times New Roman", Serif; color: #a500e5; text-decoration:none; 
         padding-left:5px; }
 a.down:active {font: bold 16px/1.7 "Times New Roman", Serif; color: #a500e5; text-decoration:none; 
         padding-left:5px; }
 a.down:visited {font: bold 16px/1.7 "Times New Roman", Serif; color: #a500e5; text-decoration:none; 
         padding-left:5px; }
 a.down:hover {font: bold 16px/1.7 "Times New Roman", Serif; color: #70126b; text-decoration:overline; 
         padding-left:5px; }


a.mp3:link {font: bold 18px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a.mp3:active {font: bold 18px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a.mp3:visited {font: bold 18px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a.mp3:hover {font: bold italic 18px/21px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #404040; background-color: transparent; 
         text-decoration: overline; white-space: nowrap; }
         


a.close {font: bold 16px/1.5 "times new roman", monospace; color: #b500ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }
         
         
         
         
a.llinks:link {font: bold 16px/1.5px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align : center; color: #ff00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a.llinks:active {font: bold 16px/1.5px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align : center; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a.llinks:visited {font: bold 16px/1.5px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align : center; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a.llinks:hover {font: bold 16px/1.5px "Palatino Linotype", "Book Antiqua", Palatino, serif; text-align : center; color: #404040; background-color: transparent; 
         text-decoration: overline; white-space: nowrap; }
         

.size {font:normal normal bold 11px/12px "times new roman"; color: black; text-decoration:none; }

td  { padding-left: 10px; }

td.bck_1 { background-color:#f5f5f5;}

td.bck_2 { background-image: url(images/arms4.png);}

td.bck_3 { background-color:#f5f5f5; padding: 15px; }




a.cd:link {font: bold 15px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration : none; 
         padding-left:5px; }
a.cd:active {font: bold 15px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:overline; 
         padding-left:5px; }
a.cd:visited {font: bold 15px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:none; 
         padding-left:5px; }
a.cd:hover {font: bold 15px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration : overline; 
         padding-left:5px; }
         
         
         
a.magazine:link {font: bold 13px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:none; 
         padding-left:5px; }
a.magazine:active {font: bold 13px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:overline; 
         padding-left:5px; }
a.magazine:visited {font: bold 13px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:none; 
         padding-left:5px; }
a.magazine:hover {font: bold 13px/2 Georgia, "New York", Serif; color: black; background-color: transparent; text-decoration:overline; 
         padding-left:5px; }
         
         
         
        

a.llinks2:link {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a.llinks2:active {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a.llinks2:visited {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a.llinks2:hover {font: italic bold 18px/1.5px verdana, sans-serif; color: #404040; background-color: transparent; 
         text-decoration: overline; white-space: nowrap; }



a.nav:link {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
         text-decoration: none; white-space: nowrap; }

a.nav:active {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
          text-decoration: none; white-space: nowrap; }

a.nav:visited {font: bold 18px/1.5px verdana, sans-serif; color: #ff00ff; background-color: transparent; 
           text-decoration: none; white-space: nowrap; }

a.nav:hover {font: italic bold 18px/1.5px verdana, sans-serif; color: #404040; background-color: transparent; 
         text-decoration: overline; white-space: nowrap; }