<STYLE type="text/css">
<!--

body {background: #ffffff; font-family: montreal, verdana;}
a {color: #000000; text-decoration: none}

dt                    /*Schedule date and event, Resume, audio album select*/
{
font-size: 15px;
font-variant: small-caps;
font-weight: bold;
}

dd                    /*Schedule description, Resume, audio album select*/
{
font-size: 14px;
font-weight: normal;
}


#container
{
width: 100%;
height: 100%;
margin: 0 auto;
background-color: #f0f0f0;
color: #000000;
line-height: 130%;
overflow: hidden;
}

#top
{
height: 120px;
padding: .5em;
background-color: #ffffff;
/* border-bottom: 1px solid gray; */
text-align: center;
}


#leftnav
{
float: left;
width: 120px;
height: 350px;
margin: 0;
padding: 1em;
}


#rightnav
{
float: right;
height: 350px;
margin: 0;
padding: 1em;
font-weight: bold;
}

#rightnav h1 {font-size: 17px}
#rightnav h2 {font-size: 13px}
#rightnav h3 {font-size: 10px}

#rightnav a:link {color: #5f5f5f}
#rightnav a:visited {color: #5f5f5f}
#rightnav a:active {color: #5f5f5f}
#rightnab a:hover {color: #000000}


#rightnav.index 
{
width: 150px;
text-align: left;
font-family: montreal, verdana;
}


#rightnav.audio {width: 300px; font-family: montreal, verdana;}

#rightnav.vertical {width: 250px}

#rightnav.horizontal {width: 380px}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }



#content
{
margin-left: 0px;
margin-right: 0px;
/*border-right: 1px solid gray;*/
padding: 1em;
/*max-width: 36em;*/
height: 356px;
font-family: montreal, verdana;
overflow: scroll;
border-left: 1px solid gray;
}

#content p {text-indent: 1cm}

#content.scroll, content.classical
{
overflow: scroll;
border-left: 1px solid gray;
}

#content.index 
{
overflow: hidden;
border-left: none;
text-align: center;
}

#content.classical dt 
{
font-size: 13px; 
font-weight: normal;
font-variant: normal;
font-style: italic;
}



#content h1
{
margin: 0 0 .5em 0;
font-family: montreal, verdana;
font-size: 1.5em;
} 



#content a:link {color: #5f5f5f}
#content a:visited {color: #5f5f5f}
#content a:active {color: #5f5f5f}
#content a:hover {color: #000000}

#content h1 a {font-size: 14px; font-variant: small-caps}
#content h1 a:link {color: #000000}
#content h1 a:visited {color: #000000}
#content h1 a:active {color: #5f5f5f}
#content h1 a:hover {color: #5f5f5f}



#footer
{
clear: both;
margin: 0;
padding: 0;
color: #cccccc;
background-color: #ffffff;
text-align: center;
font-family: montreal, verdana;
font-size: 10px;
/*border-top: 1px solid gray; */
}


.floatleft
{
float: left; 
margin: 0 10px 0 0px; 
border: 1px solid #666; 
padding: 2px;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 5px;
}


.recordings
{
float: left;
width: 100px;
margin: 0 15px 15px 0;
}






-->
</STYLE>
