body 
{
    width: 720px;
    margin-left:auto; 
    margin-right:auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 16px; 
}

h1 
{
    /* font-family: 'Apple Chancery', 'Brush Script MT', 'Brush Script Std', cursive; */

    font-family: 'Parisienne';
    font-size: 4em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

h2 
{
    /* font-family: 'Apple Chancery', 'Brush Script MT', 'Brush Script Std', cursive; */

    font-family: 'Parisienne';
    font-size: 1.5em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: blue
}

h3
{
    text-align:center;
    font-weight:bold;
}

div.composer-list
{
    margin-left: 60px;
}

a.header-link 
{
    text-decoration: none;
    color: blue;
}

.nav
{
    display: flex;
    justify-content: space-around;
    font-size: 150%;	
    text-transform: uppercase;
}            

a.nav-link 
{
    color: blue;
    text-decoration: none;
}

a.nav-link:hover
{
    font-weight: bold;
    font-style: italic;
}	

a.nav-link-current 
{
    color: green;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}

.right  
{ 
    text-align:right; 
}

.center 
{ 
    text-align:center; 
}

footer
{
    text-align: right;
}

.flex-between
{
    display: flex;
    justify-content: space-between;
}

iframe
{
    /* 720 pixel body minus 560 pixel iframe width divided by 2 */
    margin-left: 80px;
    border: 0px;
}

th 
{
    text-align: left;
}

td 
{
    vertical-align: top;
}
            
td.day
{
    padding-right: 10px;
    white-space: nowrap;
}

td.catalog
{
    padding-right: 5px;
    white-space: nowrap;
}

td.composition
{
    width: 99%
}

td.date
{
    white-space: nowrap;
    vertical-align: bottom;
}

/* For Days */


a.title        
{ 
    color:#000040; 
    text-decoration:None 
}

a.title:hover 
{ 
    color:#0000FF; 
    text-decoration:underline 
}

a.disabled 
{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    opacity: 0.5;
}

img.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


