body
{
    background-color:#FFF;
    color:#000;
    padding:0px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:medium;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    
}

a {color:#bd0000;text-decoration:none;}
a:hover {color:#c00;border-bottom:1px dotted #bd0000;}

h1
{
    font-size:120%;
    font-weight:bold;
    margin-top:2px;
    font-family:Georgia,Palatino,serif;
    color: #bd0000;


}
h2
{
    font-size:100%;
    font-weight:bold;
    margin-top:2px;
    margin-bottom:2px;
    font-family:Georgia,Palatino,serif;
    color: #bd0000;
    text-align:right;
    background-color:#ccc;
    padding-top:1px;
    padding-bottom:2px;
    padding-right:3px;
    border:1px solid #999;
    clear:both;
    width:100%;
}
h3
{
    font-size:80%;
    font-weight:bold;
    margin-top:2px;
    color: #bd0000;
}

h4
{
    font-size:x-small;
    font-weight:bold;
    color: #bd0000;
}

#header
{
    background-image:url(images/bg_header.jpg);
    background-repeat:repeat-x;
    height:143px;
    text-align:left;
}
#header img
{
    border:0;
    float:left;
    
}

#nav {
    font-weight:bold;
    font-family:Georgia,Palatino,serif;
    font-size:11pt;
    margin-bottom:5px;
    height:30px;
    white-space:nowrap;
    position:absolute;
    left:75px;
    top:115px;
}

#nav a {
    color:#bc0000;
    background-image:url(images/note.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    text-decoration:none;
    display:inline-block;
    margin-right:5px;
    padding:1px 4px 1px 18px;
    border:0;
    height:25px;
}

#nav a:hover {
    color:#ffffff;
    background-color:#ccc;
}

#subnav {
    font-weight:500;
    font-size:10pt;
    height:25px;
    white-space:nowrap;
    position:absolute;
    left:95px;
    top:145px;
}

#subnav a {
    color:#bc0000;
    background-image:url(images/squiggle.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    text-decoration:none;
    display:inline-block;
    margin-right:5px;
    padding:1px 4px 1px 19px;
    border:0;
    height:20px;
}

#subnav a:hover {
    color:#ccc;
}
#content
{
    color:#000;
    padding:20px 40px 20px 40px;
    text-align:left;
    margin-top:20px;
    margin-right:1em;
    font-size:80%;

}

#content h1 {font-size:100%;}

#content p {width:95%;}

#infobox {
    text-align:left;
    width:200px;
    padding:10px;
    border:1px solid #666;
    float:right;
    color:#000;
    font-size:small;
    margin:0 0 30px 30px;

}

#email_signup {
    text-align:center;
    width:220px;
    padding:10px;
    float:right;
    color:#666;
    font-size:small;
    margin:20px 0 30px 30px;

}

#email_signup h1 {
    font-size:12pt;
    font-family:Georgia,Palatino,serif;
    color: #bd0000;
}

#email_signup p {
    margin-top:0;
    margin-bottom:1px;
}

#bio {
    clear:both;
    width:inherit;
    margin-right:30%;
}

#bio div {
    float:left;
    margin-right:10px;
    margin-bottom:20px;
    width:200px;
}

#bio img {
    width:200px;
    border:2px solid #000;
}

#bio p {
    margin-left:230px;
}

.caption {
    font-size:x-small;
    text-align:center;
    margin:0 3px 10px 3px;
}

.top {
    text-align:center;
    background-image:url(images/clef.jpg);
    background-repeat:no-repeat;
    background-position:0 0;
    clear:both;
    padding-left:21px;
    margin-bottom:10px;
    margin-left:auto;
    margin-right:auto;
	margin-top:2em;
    font-size:80%;
    font-weight:600;
    height:20px;
    width:8em;
}

#footer {
    font-size:9pt;
    color:#666;
    margin:5px;
    clear:both;
    padding-top:10px;
    text-align:right;
}

.graphic
{
    float:left;
}

.graphic img
{
    margin:10px;
    border:0;
}

.clear {
    clear:both;
}

ol {
    list-style-position:inside;
}

ul {
    list-style-position:inside;
}

.schedule table {
    border-collapse:collapse;
    table-layout:inherit;
    border:none;
    width:75%;
    padding:0 0 2em 3em;
	margin:0 0 2em 2em;
}

.schedule td  {
    vertical-align:top;
    white-space:nowrap;
    padding:3px 10px 3px 5px;
    font-size:75%;
}

.schedule th  {
    vertical-align:top;
    font-size: medium;
    text-align:left;
    padding:5px 3px 5px 0;
    font-size:80%;
}

.sidebar {
	float:right;
	clear:right;
	margin:0 0 0 15px;
	width:300px;
	border: 1px solid #000;
	padding:10px;
}