h1 {
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-size: 200%;
}

html {
   color: #000;
   background: #dddddd;
   font-family: Georgia, Verdana, Arial, sans-serif;
}

pre {
   font-family: monospace;
}

img.floatRight {
   float: right;
   margin: 4px;
   border: 0;
}

table.menu {
   background: #a0a0a0;
   width: 100%;
   padding: 8px;
   text-align: center;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: italic;
   font-size: 18px;
}

table.music {
   width: 70%;
   border: solid #a0a0a0 3px;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
}
table.music th {
   background-color: #a0a0a0;
   text-align: center;
}
table.music td {
   background-color: #dddddd;
   text-align: left;
   border-bottom: solid #a0a0a0 1px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

table.bio {
   width: 60%;
   border-top: solid #a0a0a0 1px;
   border-left: solid #a0a0a0 1px;
   border-right: solid #a0a0a0 1px;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: auto;
}
table.bio th {
   background-color: #a0a0a0;
   text-align: left;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
   padding-left: 10px;
}
table.bio td {
   background-color: #dddddd;
   text-align: left;
   border-bottom: solid #a0a0a0 1px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

table.contact {
   width: 60%;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: auto;
}
table.contact th {
   background-color: #a0a0a0;
   text-align: left;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
   padding-left: 0.5em;
}
table.contact td {
   background-color: #dddddd;
   text-align: left;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

table.links {
   width: 70%;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: auto;
}
table.links th {
   background-color: #a0a0a0;
   text-align: center;
   padding-left: 10px;
   padding-right: 10px;
}
table.links td {
   background-color: #dddddd;
   text-align: left;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

table.locals {
   width: 100%;
   border: none;
   margin-left: 2px;
   margin-top: 2px;
   margin-right: 0px;
   margin-bottom: auto;
}
table.locals th {
   background-color: #a0a0a0;
   text-align: center;
   border: none;
   padding-left: 2px;
   padding-right: 2px;
}
table.locals td {
   background-color: #dddddd;
   text-align: left;
   border: none;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 1px;
   padding-right: 0px;
   font-family: Georgia, Verdana, Arial, sans-serif;
}

table.openworld {
   width: 95%;
   margin-left: auto;
   margin-right: auto;
}
table.openworld td {
   text-align: center;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
}

a:link {
   color: #11c;
   background-color: inherit;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: normal;
}

a:visited {
   color: #00a;
   background-color: inherit;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: normal;
}

html, body, #contents {
   min-height: 100%;
   width: 100%;
   height: 100%;
}

html>body, html>body #contents {
   height: auto;
}

body {
   margin: 0;
   font-family: Georgia, Verdana, Arial, sans-serif;
}

#contents {
   position: absolute;
   top: 0;
   left: 0;
}

#header {
   margin-top: 0.5em;
   margin-left: 0.5em;
   margin-bottom: 0.5em;
   height: auto;
   width: 770px;
   padding: 0em;
   font-family: Georgia, Verdana, Arial, sans-serif;
   border-style: solid;
   border-color: black;
}

#main {
   margin-top: 0.5em;
   margin-right: 5em;
   margin-left: 0.5em;
   margin-bottom: 10em;
   width: 770px;
   height: auto;
   padding: 0em;
   font-family: Georgia, Verdana, Arial, sans-serif;
}

#overview {
   background-color: #dddddd;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   width: 95%;
   height: auto;
   padding: 5px;
}

#lyrics {
   background-color: #dddddd;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   width: 95%;
   height: auto;
   padding: 5px;
}

#tabulated {
   background-color: #dddddd;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   width: 95%;
   height: auto;
   padding: 5px;
}

#notes {
   background-color: #dddddd;
   margin-left: 2%;
   margin-top: 2%;
   margin-right: auto;
   margin-bottom: 2%;
   width: 90%;
   height: auto;
   padding: 5px;
}

#footer {
   position: absolute;
   bottom: 0.5em;
   left: 0.5em;
   background-color: #a0a0a0;
   width: 770px;
   padding: 0em;
   text-align: center;
   font-family: Georgia, Verdana, Arial, sans-serif;
   font-style: italic;
   font-size: smaller;
   border-style: solid;
   border-color: black;
}
