body {
    background-color: #fff5c9;
    font-family: arial, sans-serif;
    font-size: 2.3ex;
}


.contentPane {
    border: 1px solid #223344;
}

.header {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
} 

.nav {
    font-size: 1.4ex;
    font-weight: bold;
    text-align: center;
}

.nav ul {
    border-bottom: 1px solid #223344;
    text-align: center;
}
 
.nav a {
    border: 1px solid #223344;
    border-bottom: none;
    color: #ffffff;
}

.nav a.selected {
    background-color: #fff5c9;
    border-bottom: 1px solid #fff5c9;
    color: #000000;
}

.nav a.selected:hover {
    background-color: #fff5c9;
    color: #000000;
    cursor: default;
}

.mainBody {
    background-color: #fff5c9;

}

.mainBody h1, h2, h3, h4, h5 {
    text-align: justify;
    color: #006400;
    padding: 0ex;
    margin: 1ex 0ex;
}

.mainBody p, ul, ol {
    text-align: justify;
}

.mainBody h1 {
    font-size: 150%; 
} 
  
.mainBody h2 {
    font-size: 140%;
} 
     
.mainBody h3 {
    font-size: 130%;
} 
     
.mainBody h4 {  
    font-size: 120%;
} 
  
.mainBody h5 { 
    font-size: 110%; 
} 
  
.mainBody a { 
/*    font-weight: bold;  */
/*    color: #245b72; */
    color: #0000dd; 
/*    font-style: italic; */
    text-decoration: underline;
}

.mainBody a:hover {
    color: #dd8e03;
    text-decoration: underline;
}

.mainBody pre {
    border: 1px solid #98b3be;
    background-color: #fff5e9;
    padding: 1.5ex;
    text-align: left;
    font-family: courier-new, monospace;
}

.mainBody select {
    border: 1px solid #445566;
    color: #223344;
    background-color: #ffffff;
}

.option {
    border: 1px solid #445566;
    color: #223344;
    background-color: #ffffff;
}

.mainBody input.text {
    border: 1px solid #445566;
    padding-left: 0.25em;
    padding-right: 0.25em;
    color: #223344;
    background-color: #ffffff;
    width: 22em;
}

.mainBody input.button {
    padding: 0.25em;
    font-weight: bold;
    color: #202080;
}

.mainBody textarea { 
    border: 1px solid #445566;
    padding: 0.25em;
}

/* this probably shouldn't be here, but we can change */
/* it later if we find the need to make another form: */

form {
    text-align: left;
}

a {
    text-decoration: none;
}

img {
    border: 0px none;
}

hr {
    border-top: 1px solid #98b3be;
    border-bottom: 1px solid #98b3be;
    width: 100%;
    margin: 2ex 0ex;
    clear: both;
}

.error {
   font-weight: bold;
   color: #ff0000;
}

.songtable {
   text-align: left;
   border-width: 1px 1px 1px 1px;
   border-collapse: collapse;
   empty-cells: show;
}

tr.alternaterow {
  background-color: #ede275;
}

.formtable {
   text-align: left;
   font-size: 1em;
}

.biblist {
   padding: 0px 20px 10px 40px;
   margin: 0px;
}

.grantlist {
   padding: 0px 20px 10px 40px;
   margin: 0px;
}

.center {
   text-align: center;
}

.centerimage {
   display:block;
   margin-left: auto;
   margin-right: auto;
}

.email {
    font-style: italic;
}

.footer {
    color: #ffffff;
    text-align: center;
    font-size: 1.4ex;
}

.footer a {
    color: #87ceeb;
}

.footer a:hover {
    color: #ffd700;
}

.indent {
    padding-left: 1ex;
}

.indentmore {
    padding-left: 2ex;
}

.quote {
    padding-left: 15ex;
    padding-right: 15ex;
    font-style: italic;
}

div.scroll{
    height: 400px;
    width: 550px;
    overflow: auto;
    border: 1px solid #666;
    padding: 8px;
}