html { }

body{ font-family: "Trebuchet MS"; }

#hd h1 { color: #10439D; background-color: #fff; 
         font-size: 300%;
         margin: 20px 0;
         }

#hd span { font-size: 50%;
           padding-left: 30px;
           }

div#phone-email { border-top: 1px solid #9F9FDF; 
                  padding: 2px 0 10px 0;
                  color: #10439D; background-color: #fff;
                 }

div#phone-email p.left { float: left;
                         width: 300px;
                         }

div#phone-email p.right { float: right;
                          width: 300px;
                          text-align: right;
                         }

div#phone-email br { clear: both; }

div#phone-email a:link, div#back-home a:link { text-decoration: none;
                         color: #10439D; background-color: #fff;
                         }
div#phone-email a:visited, div#back-home a:visited { text-decoration: none; 
                            color: #10439D; background-color: #fff;
                            }
div#phone-email a:hover, div#back-home a:hover { text-decoration: none;
                          color: #9f9fdf; background-color: #fff;
                          }
div#phone-email a:active, div#back-home a:active { text-decoration: none; }


#ft p { color: #4A51BF;
        font-style: italic;
        margin-top: 12px;
        text-align: center; 
        }

#bd { font-size: 75%; }


/* -- tabs site-wide -- */

a:link { color: #133ad8; }
a:visited { color: #3d0000; } /* #8b0000 */
a:hover { color: #9f9fdf; }
a:active { color: #da0bf2; }

.address { font-style: italic;
           font-weight: bold;
           }

em { font-weight: bold; }

.special { font-style: italic; }

/* -- CSS for #bio, #ordering, #gen-info, #inventory, #student sections -- */

#bio, #ordering, #gen-info, #inventory, #student
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.35em;
/*  font-size: 110%; */
  }

#bio > p, #ordering > p, #gen-info > p 
{ padding-bottom: 15px;
  text-align: justify;
  }

#bio > p:first-letter, #ordering > p:first-letter, #gen-info > p:first-letter
{ padding-left: 15px; }

/* -- CSS for only #bio -- */
#bio #portrait { float: left;
                  clear: left;
                  width: 170px;
                  margin-right: 10px;
                  }

#bio #cd { float: right;
           clear: right;
           width: 206px;
           border: thin solid #9f9fdf;
           margin-left: 10px;
           padding: 3px;
           }

#bio > #cd > p { font-style: italic;
                 text-align: center;
                 padding-bottom: 10px;
                 }

#bio > #cd > p:first-letter { padding-left: 0; }

/* -- inventory and student -- */

#inventory ul { clear: left; }

#inventory li:first-child, #student li:first-child
{ width: 250px; }

#inventory li, 
#student li 
{ float: left; 
  margin-left: 5px;
  }

#inventory br, #student br { clear: left; }

/* -- museum: an instrument -- */

#one-instrument-museum 
h2 
{ 
  color: #10439D; background-color: #fff; 
  font-size: 200%;
  text-align: center;
  padding: 1em 0 1.5em 0;
  }

#one-instrument-museum 
p 
{ 
  color: #10439D; background-color: #fff;
  text-align: justify;
  padding: 0 6em 3em 6em;
  font-size: 1.2em;
  font-style: italic;
  }

#one-instrument-museum ul { margin-left: 13.75em; }

#one-instrument-museum li { float: left; 
                            margin-left: 5px;
                            }

#one-instrument-museum > br { clear: left; }



/*
#bio a:link, #ordering a:link, #gen-info a:link 
{ color: #133ad8; }
#bio a:visited, #ordering a:visited, #gen-info a:visited
{ color: #cd0a0a; }
#bio a:hover, #ordering a:hover, #gen-info a:hover
{ color: #9f9fdf; }
#bio a:active, #ordering a:active, #gen-info a:active
{ color: #da0bf2; }
*/