<style>

.berlioz {
	}

h1 {
    font-size: 300%;
	font-family: Copperplate Gothic Light, "Times New Roman";
	color: #f7d16f;
	margin-left: 40px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	}

.header {
padding: 20px 1px 5px;
background: #660000;
background: linear-gradient(to top right, rgb(102, 0, 0), rgb(204, 0, 0));
}


/* NAVIGATION BAR */

ul.navigate {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #404040;
}

li.navigate {
    float: left;
}


li.navigate a, li.dropdown span {
    display: block;
    font-family: Copperplate, "Times New Roman";
    font-size: 125%;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li.navigate a:hover {
    background-color: #111;
}

.dropdown span {
position: relative;
float: left; 
}

.dropdown-music { 
display: none;
    position: absolute;
    margin-left: 90px;
    margin-top: 46px;
    background-color: #404040;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-music a {
   font-family: Copperplate, "Times New Roman";
   font-size: 125%;
   color: white;
   padding: 12px;
   text-decoration: none;
   display: block;
   }

.dropdown-music a:hover {
background-color: #111;
}


.dropdown:hover .dropdown-music {
display: block;
}

.dropdown-more { 
display: none;
    position: absolute;
    margin-left: 700px;
    margin-top: 46px;
    background-color: #404040;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-more a {
   font-family: Copperplate, "Times New Roman";
   font-size: 125%;
   color: white;
   padding: 12px;
   text-decoration: none;
   display: block;
   }

.dropdown-more a:hover {
background-color: #111;
}


.dropdown:hover .dropdown-more {
display: block;
}

/* END OF NAVBAR */

/* BODY AND HEADINGS */

body {
font: "Times New Roman", serif;
margin:0;
background-image: url(images/beige112.jpg);
}

h2 {
font-family: Copperplate, "Times New Roman", serif;
font-size: 250%;
font-weight: bold;
text-align: center;
}

h3 {
display: block; 
font-size: 200%;
text-align: center;
}

h4 {
display: block;
font-size: 175%
text-align: center;
}

h5 {  /*COMPOSITION TITLE HEADER*/
font-family: Copperplate, "Times New Roman", serif;
font-size: 225%;
text-align: left;
text-indent: 60px;
margin-top: 0px;
margin-bottom: 20px;
}

h6 { /* PROGRAM NOTES */
font-size: 150%;
font-weight: bold;
text-align: left;
text-indent: 60px;
margin-bottom: 0;
}

/* BUTTONS */

.btn-group .button {
    background-color: #663300;
    border: none;
    padding: 10px 15px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border-radius: 2px;
    margin: 5px;
}

.btn-group {
    width: 78%;
	margin: auto;
	padding-bottom: 25px;
}

.button a {
    color: #ebe4c4;
    text-decoration: none;
    font-family: Copperplate, "Times New Roman", serif;
    font-size: 25px;
    font-style: bold;
    }
    
/* TITLE FORMATTING */    

li.titles {
	 color: black;
	 }
	 
li.titles {
	 color: black;
	 }

/* COMPOSITION TITLE AND DESCRIPTION FORMATTING */

ul.titles {
    padding: 0;
    overflow: hidden;
}    

li.titles {
	display: block;
	font: "Times New Roman", serif;
	font-size: 120%;
	text-indent: 40px;
	}
	
li dscrpt, li detinfo, li ranges {
   display: block; 
   text-decoration: none;
   }

li dscrpt {
   font-style: italic;
   text-indent: 80px; 
   }

li detinfo   {
   text-indent: 60px; 
   }

li ranges {
   text-indent: 126px;
   }
   
/* SCORE IMAGE */

img {
   float: right;
   margin-right: 50px;
   border: 1px solid black; 
   width: 175px;
   box-shadow: 5px 5px 10px grey;
   } 
   
.image {
position: relative;
width: 100%;
}

.score span {
   background-color: #00b300;
   box-shadow: 5px 5px 10px grey;
   position: absolute; 
   top: 575px; 
   right: 45px;
   border-radius: 8px; 
   font-size: 15px; 
   padding: 5px 10px;
   text-align: right;
   margin-right: 50px;
   float: right;
   }

.score span a:link {
   color: black;
   }

.score span a:visited {
   color: black;
   }
 
.prgmnotes {
   font-size: 125%;
   text-indent: 50px;
   margin: 20px 60px 20px 60px;
   }   
   
.lyrics {
   font-size: 125%;
   margin: 20px 60px 20px 60px;
   }   
   
iframe {
width: 40%;
margin: 50px 50px 0 50px;
border: 2px solid black;
box-shadow: 5px 5px 10px grey;
} 

footer {
  border-top: 1px solid black;
  padding-top: 8px;
  margin-top: 50px;
  margin-bottom: 10px;
  font-size: 80%;
}
  

</style>