﻿body 
{
    font-size: x-small; /* for IE5/Win */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small; /* for compliant browsers */   
    font-family: "Tahoma", Sans-Serif;
    margin-left: 15%;
    margin-right: 15%;	
}

    
html>body { /* be nice to Opera */
    font-size: small;    
}

h1 
{
    font-size: 150%;
}
h2
{
    font-size: 130%;    
}
h3
{
    font-size: 120%;
}
p
{
    
}
hr 
{
    color: #3366FF;
    height: 1px;   
    width: 100%; 
}
a 
{
    text-decoration: none;
    color: #3366FF;
}
a:hover 
{
    text-decoration: underline;    
}


#navrep 
{    
    font-size: 90%;
    color: #3366FF;
}
#navrep a 
{
    text-decoration: none;
    color: #3366FF;    
}
#navrep a:hover 
{
    color: #1111FF;    
}


#nav 
{
    float: left;
    width: 100%;
    margin: 0 -46px 0 0;
    padding: 10px 0 0 46px;
    list-style: none;
    background: #FFFFFF url(images/nav_bg.gif) repeat-x bottom left;
}
#nav li 
{
    float: left;
    margin: 0;
    padding: 0;
    font-family: "Lucida Grande", Sans-Serif;
    font-size: 90%;
}
#nav a 
{
    float: left;
    display: block;
    margin: 0 1px 0 0;
    padding: 4px 8px;
    color: #FFF;
    text-decoration: none;
    border: 1px solid #699999;
    border-bottom: none;
    background: #3366FF;
}
#nav a:hover, body#ctl00_bio #t-bio a 
{
    color: #1111FF;
    padding-bottom: 4px;
    border-color: #727377;
    background: #FFF;
}
#nav a:hover, body#ctl00_resume #t-resume a 
{
    color: #1111FF;
    padding-bottom: 4px;
    border-color: #727377;
    background: #FFF;
}
#nav a:hover, body#ctl00_repertoire #t-repertoire a 
{
    color: #1111FF;
    padding-bottom: 4px;
    border-color: #727377;
    background: #FFF;
}
#nav a:hover, body#ctl00_photos #t-photos a 
{
    color: #1111FF;
    padding-bottom: 4px;
    border-color: #727377;
    background: #FFF;
}

#navfoot
{
    font-size: 80%;
    text-align: center;
    margin: 20px; 
}

#navfoot a 
{
    padding: 10px;
    color: #3366FF;
    text-decoration: none;   
}
#navfoot a:hover 
{
    color: #333;   
}

#copyright 
{       
    font-size: 80%;
    text-align: center;
   
}
#container 
{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    
}
#container img 
{
    padding: 5px;
    border-top: solid 1px #6699FF;
    border-left: solid 1px #6699FF;
    border-right: solid 1px #3366FF;
    border-bottom: solid 1px #3366FF;
}

#musicresume, #repertoire, #schedule 
{
    width: 100%;
}
#musicresume h2, #repertoire h2, #schedule h2 
{
    vertical-align: baseline;
}
#musicresume h1, #repertoire h1, #schedule h1 
{
    margin-bottom: 5px;
}
#musicresume th, #repertoire th, #schedule th 
{  
    background: #3366FF;
    color: #FFF;    
}
#musicresume table, #repertoire table, #schedule table 
{
    width: 100%;    
}
#musicresume td, #repertoire td, #schedule td 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.resComposer, .resRole, .resCompany, .resYear, .repComposer, .repRole, .repStatus, .scheddata
{
    font-size: 90%;
    font-family: "Tahoma", Sans-Serif;
    white-space: nowrap;
    padding: 7px 7px 7px 7px;
    vertical-align: top;
}
    
.resWork, .repWork, .schedWork 
{
    font-size: 90%;
    font-family: "Tahoma", Sans-Serif;
    font-style: italic;
    white-space: nowrap;
    padding: 7px 7px 7px 7px;
    vertical-align: top;
}    
.resData
{
    font-size: 90%;
    font-family: "Tahoma", Sans-Serif;
    vertical-align: baseline;
}