/* CSS Document */

body {
padding: 0%;
margin: 0%;
background-color: #DAA15B;
}

.header {
height: 100px;
background-color: #A26526;
padding-left: 271px;
}

.choirpic {
position: absolute;
top: 0%;
left: 0%;
}

.menu {
position: absolute;
left: 0%;
top: 181px;
width: 15%;
height: 75%;
padding-bottom: 1%;
background-color: #A26526;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
color: white;
text-align: center;
z-index: 2;
}

.img {
padding-top: 30%;
text-align: left;
}

.seasontitle {
width: 100%;
height: 100px;
padding-left: 271px;
font-family: Garamond, serif;
font-weight: bold;
font-size: large;
text-align: center;
}

.content {
padding-left: 16%;
padding-top: 2%;
height: 80%;
width: 80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-color: #993300;
position: absolute;
top: 181px;
color: #FFFFFF;
font-size: large;
z-index: 1;
padding-bottom: 3%;
}

.contentdir {
width: 100%;
height: 50%;
padding-left: 16%;
text-align: left;
background-color: #993300;
position: absolute;
top: 181px;
color: #FFFFFF;
z-index: 1;
}

.frame {
margin-top: 1%;
width: 100%;
border: thin black solid;
font-weight: bold;
padding: 1%;
}

.imageframe {
text-align: left;
margin: 0%;
padding-bottom: 0%;
}

.frametitle {
text-align: center;
font-weight: bold;
font-size: 17pt;
font-family: Garamond, serif;
}

.date {
text-align: center;
font-weight: bold;
font-size: 14pt;
font-family: Garamond, serif;
}

.details {
margin-left: 10%;
margin-right: 5%;
font-size: small;
text-align: justify;
background-color: #993300;
border: ridge #FFCC00;
padding: 1%;
}

.dropcap {
float: left;
}

a:link {
text-decoration: none;
color: white;
}

a:active {
text-decoration: none;
color: white;
}

a:visited {
text-decoration: none;
color: white;
}

a:hover {
text-decoration: none;
color: black;
cursor: hand;
}