/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * hjc.css
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
   background-color: white;
/*    background-image: url('images/sheetmusic.jpg'); */
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: top center; 
/*   font-family: Verdana, Helvetica, sans-serif;  */
}

h1{font-family:copperplate Gothic Light, Verdana, Helvetica, sans-serif;
   padding: 0.2em;
   margin: 0;
   font-size: 18px;
   font-weight: bold;
   color: #B22222;
}
h1.title{font-family: Garamond, Verdana, Helvetica, sans-serif;
   font-size: 36px;
   font-style: italic;
 }
 
h2{font-family:copperplate Gothic Light, Verdana, Helvetica, sans-serif;
   color: #B22222;
   text-align: left;
}
.btitle{font-family:  Helvetica, Garamond, Verdana, sans-serif;
   font-size: 22px;
   font-weight: bold;
   font-style: italic;
 }

h3{font-family:copperplate Gothic Light, Verdana, Helvetica, sans-serif;
   color: #B22222;
   text-align: center;
}

h4{font-family:copperplate Gothic Light, Verdana, Helvetica, sans-serif;
   color: #B22222;
   text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * quotations, indented paragraphs, forms and figures
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
p {
    text-indent: 1cm;
    font-weight: bold;
}

.letters {
    text-align: center;
    background-color: inherit;
    color: #FFFFFF;
}

.letters a:link,
.letters a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}

.letters a:hover,
.letters a:active {
    font-weight: bold;
}
p.treat {
    font-family:Garamond, Verdana, Helvetica, sans-serif;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
}

p.ctr {
    font-family:Garamond, Verdana, Helvetica, sans-serif;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 150%;
}

p.ctrsmall {
    font-family:Garamond, Verdana, Helvetica, sans-serif;
    color: #000000;
    text-align: right;
    font-weight: bold;
    font-style: italic;
    font-size: 100%;
}

blockquote p {
    font-style: italic;
    margin: 0;
}

blockquote p.cite {
    font-style: normal;
    margin-top: 0;
    margin-left: 2em;
}

div.headbar {
    position:absolute;
    left:2px;
    top:2px;
    width:600px;
    bottom:150px;
    text-align: left;
}

div.menu_left {
    position:relative;
    left:2px;
    top:120px;
    width:225px;
    text-align: left;
    z-index:2; 
}

div.content1_bg {
    position:absolute;
    left:200px;  
    top:120px;
    width:750px;  
    z-index:1; 
    visibility:hidden; 
    text-align:right;
}

div.content1 {
    position:absolute;
    left:250px;
    top:180px;
    width:720px; 
    z-index:2; 
    visibility:hidden; 
    text-align:center;
}

div.theme {
    position:absolute;
    left:50%;
    top:20px;
    width:50%; 
    z-index:2; 
    visibility:hidden; 
    text-align:center;
}

div.content2 {
    position:absolute;
    left:10px;
    top:330px;
    width:700px; 
    z-index:2; 
    visibility:hidden; 
    text-align:center;
}


span.role{
    font-family:Garamond, Verdana, Helvetica, sans-serif;
    color: #B22222;
    font-weight: bold;
    text-align: left;
    font-size: 150%;
}

span.person{
    text-align:right;
    font-family:Garamond, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #B22222;
    font-size: 100%;
    }

table.nav {
    width:90%;
    background-color:#cde4ff;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    padding-left: 30px;
    padding-right: 30px;
    border:0px;
}

td.navleft {
    text-align:left;
    font-weight: bold;
    color: #B22222 ;
    font-size: 80%;
}

td.navright {
    text-align:right;
    font-weight: bold;
    color: #B22222 ;
    font-size: 80%;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * -> The End <-
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */