html, body {color: black; background-color: white; margin: 0px; padding: 0px; height: 100%}

div#container {height: 100%; min-height: 100%; position: relative}
div#header {padding: 10px}
div#body {padding: 10px; padding-bottom: 10px}
div#columns {position: relative; width: 100%; top: 0px; padding-bottom: 10px}
div#navmenu {float: left; width: 25%; top: 0px; left: 10px}
div#maincontent {float: right; width: 72%; top: 0px; right: 10px; padding-bottom: 10px}
div#footer {position: relative; bottom: 0; width: 100%; clear: both; height: 60px}

ul.navmenu {background: #66FF7F; list-style-type: none}
ul.navmenu li {font-family: Arial, "Times New Roman"; font-weight: 700; font-style: italic;  background: yellow; margin: 0.2em 0em 0.4em 0em; padding: 0.3em; border-right: 1em solid maroon}
ul.navmenu li.composer {font-family: Arial, "Times New Roman"; font-weight: 700; font-style: italic;  background: aqua; margin: 0.2em 0em 0.4em 0em; padding: 0.3em; border-right: 1em solid maroon}
ul.navmenu li ul {list-style-type: none; background: #66FF7F; margin-right: auto}
ul.navmenu li ul li {font-family: Arial, "Times New Roman"; font-weight: 700; font-style: italic; background: aqua; padding: 0.3em; border-right: 0.8em solid maroon}

ul.navmenu li a:link {color: blue; text-decoration: none}
ul.navmenu li a:link:hover {background: silver}
ul.navmenu li a:visited {color: blue; text-decoration: none}
ul.navmenu li a:visited:hover {background: silver}

ul.linkslist {list-style: disc outside; font-family: Arial; font-size: 80%; color: #D1004B}
ul.linkslist li {padding: 0.2em}
ul.linkslist li a:link, a:visited, a:active {text-decoration: underline}
ul.linkslist li a:visited {text-decoration: underline}
ul.linkslist li a:link:hover {background: yellow}

ul.credits {list-style: disc outside; font-family: Arial; color: black}
ul.credits li {padding: 0.3em}

ol.bibliography {font-family: Arial}
ol.bibliography li {padding: 0.2em; color: green}
ol.bibliography li p {text-indent: 0}

table.embeddedmusic {float: left; margin-left: 3px 3px 3px 0; font-family: Arial; font-size: 75%; font-style: italic; background: #66FF7F; border: thin solid maroon}
table.languageselector {float: right; margin-top: 25px; margin-right: 40px; font-size: 60%}
table.languageselector a {text-decoration: none; color: black}
table.languageselector a:link, a:visited {color: black}
table.homepageicons {float: left; margin-left: 5%; padding: 0}
table.footer {width: 65%; float: right; margin-right: 5%; border: thin solid maroon; background: #FCF64C}

table.imagesources {table-layout: fixed; width: 60%; margin-left: 20%; color: black; background: #FCF64C; font-family: Arial, "Times New Roman"; font-size: 100%; frame: border; border-collapse: collapse}
.imagesources th {font-size: 120%; color: navy; text-align: center; background: white; padding: 0.2em}
.imagesources td {border: thin solid maroon; padding: 0.2em}
.imagesources a:link:hover {background: red}

table.recordings {table-layout: fixed; width: 80%; margin-left: auto; margin-right: auto; color: black; font-family: Arial, "Times New Roman"; font-size: 100%; background: #FEF886; frame: border; border-collapse: collapse}
.recordings caption {font-size: 90%; color: black; font-style: italic; padding: 0.4em}
.recordings th {vertical-align: middle; background: #E7573B; font-size: 80%; color: purple; text-align: left; padding: 0.2em; border: thin solid maroon}
.recordings td {vertical-align: top; text-align: left; border: thin solid maroon; padding: 0.2em; font-size: 70%}
.recordings td a:link, a:visited {text-decoration: none}
.recordings td a:link:hover {background: silver}

table.linkslist {table-layout: fixed; font-family: "Arial"; cellpadding: 20px; border: thin solid maroon; background: #F5BA5C}
.linkslist td {border: thin solid gray}
.linkslist td a:link, a:visited, a:active {color: blue; text-decoration: underline}
.linkslist td a:visited {text-decoration: underline}
.linkslist td a:link:hover {background: yellow;}
.linkslist td a:visited:hover {background: yellow} 

div.image {display: block; text-align: center}
div.floatleft {display: block; float: left; margin: 10px; border: 1px solid black; background: white}
div.galleryfloatleft {display: block; float: left; margin-left: 7%; margin-bottom: 30px; margin-right: 25px; border: 1px solid black; background: white}
div.floatright {display: block; float: right; margin: 10px; border: 1px solid black; background: white}
div.galleryfloatright {display: block; float: right; margin-right: 7%; margin-bottom: 30px; margin-left: 25px; border: 1px solid black; background: white}
div.textbox {margin-left: 20%; margin-right: 20%; font-family: Arial; font-size: 80%; font-style: italic; line-height: 150%; padding: 0.5em; text-align: left; background: #FFFAB2; border: thin solid maroon}
div.sectioncontents {display: block; margin-left: 320px; margin-right: auto; font-family: Arial; border: 1px solid black; background: #F5BA5C}
.sectioncontents ol li {list-style: upper-roman; padding: 0.2em}
.sectioncontents ol a:link:hover {background: yellow}
.sectioncontents a:link, a:visited, a:active {color: blue; text-decoration: none}
div.floatrighticon {float: right; margin: 10px; border: none; background: white}
div.floatlefticon {float: left; margin: 10px; border: none; background: white}
div.floatlefticon a:visited {border: none; text-decoration: none}
div.floatrighticon a:visited {border: none; text-decoration: none}

img.flag {border: 0}
img.floatleft {float: left; margin: 10px}
img.floatright {float: right; margin: 10px}
img.icon {display: inline}
img.icon2 {display: inline; vertical-align: middle}
img.icon3 {display: inline; vertical-align: top; border: 0}
td img {display: block}

h1 {font-family: Arial, "Times New Roman"; color: navy; background: yellow; width: 40%; margin-left: 30%; margin-right: auto; text-align: center; padding: 0.3em; border: 0.2em solid red}

h2 {font-family: Arial, "Times New Roman"; font-size: 100%; font-style: italic; color: green; margin-top: 0; padding: 0}
h2.special {font-family: Arial; font-size: 150%; text-align: center; color: green; background: #A5D8F6; width: 40%; margin-left: 30%; margin-right: auto; padding: 0.1em; border: 0.2em solid red}
h2.special a:visited {color: green}
h3 {font-family: Arial; font-size: 110%; color: #AB003C}
h3.special {font-family: Arial; font-style: italic; text-align: center; color: green}
h4 {font-family: Arial; font-weight: normal}

p {font-family: Arial, "Times New Roman";  color: black; text-indent: 2em; margin-top: 0; margin-bottom: 0; line-height: 150%}

blockquote {font-family: Arial, "Times New Roman"; font-size: 90%; font-style: italic; background: #F5F580; padding: 0.5em; line-height: 150%}
blockquote a:link, a:visited, a:active {text-decoration: none}
blockquote a:hover {background: yellow}

p a:link, a:visited, a:active {color: blue; text-decoration: underline}
p a:visited {text-decoration: underline}
p a:link:hover, a:visited:hover {background: yellow}
.keywork a:link, a:visited {color: red; text-decoration: underline}
.keyname a:link, a:visited {text-decoration: underline}
.sup a:link, a:visited {text-decoration: none}

sup {font-size: 65%; vertical-align: super}
sup a:link, a:visited, a:active {color: blue; text-decoration: none}
sup a:visited {color: blue; text-decoration: none}
sup a:hover {background: yellow}
sup a:active {color: blue; text-decoration: none}

span.normal {color: black}
span.caption {color: black; font-family: "Arial"; font-style: italic; font-size: 80%; text-align: center}
span.caption a:link, a:visited {color: blue}
span.caption a:hover {background: yellow}
span.quote {background-color: #F5B880}
span.keyname {color: blue}
span.keyname2 {color: red}
span.keywork {color: red; font-style: italic}
span.dataentry {color: green}
span.indentedline {text-indent: 2em}
span.underline {text-decoration: underline}
span.noitalics {font-style: normal}
span.widespacing {letter-spacing: 0.1em}

address {float: right; color: red}