body {
background-color: black;
width: 100%;
height: 100%;  
text-align: center;
font-size: 0.9em;
background-image: url(jks.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;

}

h1, h2, h3, h4 {
font-family: Georgia, Times, serif;
font-weight: normal;
font-style: normal;
margin-bottom: 0.5em;
}

h3 {
font-size: 1.25em;
padding-top: 0.5em;
/*font-weight: bold; */
}

h4 {
font-size: 1.17em;
font-style: italic;
margin-top: 0px;
}

p {
font-family: Verdana, sans-serif;
}

div#container {
width: 1000px;
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;


}

div#all {
position: absolute;
left: 200px;
width: 750px;
height: auto;
}

div#title {
color: white;
padding-left: 50px;
}

img {
float: right;
}


div#content {
width: 650px;
background-color: white;
padding-left: 50px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
height: auto;
}

.opaque {
opacity: 0.9; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity = 90);
}

.transparent{
opacity: 0.6; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity = 60);
}

p.piece {
padding-left: 20px;
margin-top:0px;
}
p.composer {
margin-bottom:0px;
}