@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,400&display=swap');
html {
    background:#bcd;
    font-family: 'Lato', sans-serif;
}
body {
    margin:20px 16px 16px 20px;
    font-size:1em;
}
a {
    color:#036;
    text-decoration:none;
}
a:link, a:visited {
    color: #036;
    text-decoration:none;
}
a:active, a:hover {
    color:#fc6;
    text-decoration:underline;
}
img {
    border:0px;
}
#dropshadow {
    background-color:#789;
    margin:14px 10px 10px 10px;
    padding:0px 4px 4px 0px;
    border-top:4px solid #bcd;
}
/* Hides from IE5-mac \*/
* html #dropshadow { margin-top:0px; }
/* holly hack to prevent IE peekaboo bug */
#container {
    margin:-4px 0px 0px -4px;
}
#topleft {
    position:absolute;
    top:20px;
    left:26px;
}
#banner {
    height:186px;
    margin:0px;
    padding:0px 0px 0px 240px;
    background:#036;
}
#banner div {
    line-height:186px;
    font-size:3em;
    font-weight:normal;
    color:#fff;
}
#banner div span.dotcom {
    color:#999;
}
#links {
    height:114px;
    line-height:114px;
    margin:0px;
    padding:0px 0px 0px 222px;
    background:#999;
    text-align:center;
}
#links ul {
    margin:0px;
    padding:0px;
}
#links li {
    display:inline;
    font-size:0.9em;
    margin:0px 2px;
    padding:2px 5px;
    border-left:1px solid #036;
    border-right:1px solid #036;
}
#links li:hover {
    border:1px solid #fc6;
}
#links li.thispage {
    color:#fff;
    border:1px solid #fff;
}
#news {
    line-height:40px;
    margin:0px;
    padding:0px 0px 0px 0px;
    color:#fff;
    background:#036;
    text-align:center;
    font-size:1em;
}
#news a {
    color:#fc6;
}
#worksjumps {
    font-size:0.7em;
    padding:0;
    margin-left: 15px;
}
#worksjumps li {
    display: inline;
    text-transform: uppercase;
}
#content {
    background-color:#fff;
    color:#000;
    padding:15px;
}
#footer {
    padding:5px 10px;
    background:#fff;
    color:#333;
    line-height:40px;
    font-size:.7em;
    border-top:1px solid #000;
    clear:both;
}
#footer div.l {
    float:left;
}
#footer div.r {
    float:right;
}
div.clear {
    clear:both;
}
h1 {
    font-size:1.25em;
    margin:2px 5px 10px 15px;
    border-bottom:1px solid #000;
}
h2 {
    margin:20px 0px 10px 0px;
    font-size:1.04em;
    text-transform:uppercase;
    color:#036;
    text-decoration:underline;
}
h3 {
    font-size:1.1em;
    color:#666;
}
dl, img.r, img.l {
    border:1px solid #ddd;
    display:inline; /* IE doubled margin hack */
}
dl {
    background-color:#fff;
    width:250px;
}
dl dd {
    margin:0px 2px;
    padding:0px;
    font-size:0.85em;
}
dl.r, img.r {
    float: right;
    margin:0px 0px 10px 10px;
}
dl.l, img.l {
    float: left;
    margin:0px 10px 10px 0px;
}
p {
    text-indent:15px;
}
p.address {
    text-indent:0px;
    margin:10px 0px 0px 15px;
}
.work {
    font-style:italic;
    color:#222;
}
.institution {
    font-weight:bold;
    color:#222;
}
div.piece {
    margin:10px 0px 0px 0px;
}
div.piece ol, div.piece ul {
    font-size:0.9em;
}
div.performance {
    margin:10px 0px 0px 20px;
    padding:4px;
    background-color:#eee;
    font-size:90%;
}
div.performance ul {
    margin: 7px 0px;
}
div.perfdetails {
    font-size:85%;
    margin-left:10px;
}
span.perfnote {
    font-size:85%;
    font-weight:bold;
}
ul.listen {
    margin:20px 0px 0px 20px;
    margin:10px;
    padding:4px;
    font-size:80%;
    float:right;
}
span.title {
    font-size:1.1em;
    font-style:italic;
    font-weight:bold;
    margin:3px 0px 0px 0px;	display:block;
    border-bottom:1px dashed #aaa;
}
span.titleinline {
    font-size:1.1em;
    font-style:italic;
    font-weight:bold;
}
span.subtitle {
    display:block;
    font-size:.8em;
    text-transform:uppercase;
    margin-bottom:3px;
}
span.alttitle {
    display:block;
    font-weight:bold;
    font-size:.85em;
}
span.year {
    font-weight:bold;
    color:#036;
    font-size:.8em;
}
span.download {
    font-weight:bold;
    color:#036;
    font-size:.6em;
    text-transform:uppercase;
    float:right;
    padding:12px 12px 0 0;
}
span.duration {
    font-weight:300;
    color:#333;
}
span.instrumentation {
    display:block;
}
span.credits {
    display:block;
}
span.collaboration {
    display:block;
}
span.firstperf {
    display:block;
    color:#036;
    font-size:.9em;
    font-weight:bold;
    margin:3px 0px;
}
ul {
    /* list-style:square inside; */
    list-style:circle;
}
ul.biog {
    list-style-position:inside;
}
span.performer {
    font-size:1.1em;
    font-weight:bold;
    margin:0px 0px -4px 0px;
    display:block;
}
span.performerinline {
    font-size:1.1em;
    font-weight:bold;
}
span.watch {
    margin:4px;
    display:block;
    background-color:#eee;
}
div.commission {
    font-size:0.9em;
}
.center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}