html { 

    margin: 0;

    padding: 0; 

    background: #a7bac3;



    }



body { 

    font-family: Arial, Helvetica, sans-serif;

    margin-left: auto;

    margin-right: auto;

    width: 590px;

    }

 body.home { width: 900px }   
 body.gallerypage { width: auto; margin-left: 0; margin-right: 0 }
 body.gallerypage div#gallery { width: 590px; margin-left: auto; margin-right: auto }
 
#body_main { 

    width: 90%;

    margin-left: auto;

    margin-right: auto; 

    padding: 0 0 0 10px;    

    }
.home #body_main { padding-left: 0 }


#callout { 

    width: 150px;

    float: right;

    background: #778a93;

    color: #fff;

    padding: 1em ;

    font-size: .8em;

    line-height: 1.9em;

    text-align: center;

    margin: 15px -10px 5px 15px;

    }
body.home #callout { width: 250px }

#callout h2 { color: #fff; letter-spacing: 1px; }
body.home #callout h2 { font-size: 1.8em }

#callout ul { text-align: left }

#callout li { margin-bottom: 5px }

#callout a:link, #callout a:visited { color: #eee; text-decoration: underline }  

#callout a:active, #callout a:hover { color: #fff; text-decoration: underline }

    

img#school, img#calendar, img#repertory, img#performances, img#registration,

img#bios, img#commissions, img#friends, img#guests, img#history, img#touring,

img#contact, img#press  { margin-top: 40px }

    

p, ul, calendar.large_calendar tr td {

    font-size: 12px;

    line-height: 155%;

    color: #333333;

    margin-left: auto;

    margin-right: auto;

}

ul.quotes li { margin-bottom: 10px }

#callout p { color: #ddd }

 .sinuous {

     text-align: center

}

.gallery a { width: 90px; height: 100px; text-align: center; vertical-align: middle }
.gallery a img { margin-left: auto; margin-right: auto; margin-top: 20px; vertical-align: top; border: 0 }

ul { list-style-type: square }



.quote_copy {

    margin-top: 15px;

    margin-bottom: 35px;

    font-size: small;

    line-height: 155%;

    color: #16566A;

    text-align: center;

}

.legal_line {

    font-size: 10px;

    line-height: 125%;

    color: #333333;

    text-align: center;

}



.credits { 

    font-size: 11px;

    line-height: 110%;

    color: #333;

    margin-top: 20px;

    }

    

.legal_line_bartok {

    font-size: 10px;

    line-height: 125%;

    color: #16566A;

}

.blue_body {



    font-size: 12px;

    line-height: 135%;

    color: #006987;

}

.calendar_small {

    font-size: 10px;

    line-height: 135%;

    color: #333333;

}



.calendar_large {

    font-size: 11px;

    line-height: 120%;

    color: #333;

    }

    

.large_blue {

    font-size: 14px;

    line-height: 135%;

    color: #16566A;

}

.quote_sm {

    font-size: x-small;

    line-height: 155%;

    color: #16566A;

    white-space: nowrap;

}



a:link, a:visited { color: #006699 }

h1, h2, h3, h4, h5, h6 { 

    font-family: "Hoefler Text", "Times New Roman", serif; 

    color: #014f6d;

    font-weight: lighter;

    letter-spacing: 1px;

            }

h3 { margin-bottom: 0 }         

h4 { margin-top: 0; margin-bottom: 0 }

h4.video { margin-top: 25px; font-size: 1.5em }         

hr { size: 1px; color: #fff; style: dotted;  }            



/*calendar */

table, table.calendar_large { 

    width: 520px; 

    margin-left: auto; 

    margin-right: auto;

    padding-left: 10px;

     }

table tr td, table.calendar_large tr td {

    font-size: 12px;

    color: #333;

    vertical-align: top;

    padding: 4px 8px 4px 0;

    }

table tr td { border-bottom: 1px solid #b7cAC3; }

table.calendar_large tr td { border-bottom: none }



table tr th, table.calendar_large tr th { 

    font-size: 14px;

    font-family: "Hoefler Text", "Times New Roman", serif; 

    color: #014f6d;

    font-weight: lighter;

    text-align: left;

    vertical-align: top;

    padding: 0 4px 2px 0;

    border-bottom: 1px dotted #fff;

    margin-bottom: 5px;

    

    }

table td.event, table.calendar_large td.event { color: #014f6d; }   



table.orders td { text-align: left; margin: 0 }

table.orders th { text-align: right; padding-right: 16px; padding-top: 4px }

/* extra navigational links for spiders to use instead 

of the ones embedded in the flash movies */

#live_links { 

    position: relative; 

    top: 100px;

    margin-top: -100px;

    height: 2px;

     }

#live_links ul { list-style-type: none }

#live_links ul li { float: left; size: 1px;  }

#live_links ul li a:link,   

#live_links ul li a:visited,    

#live_links ul li a:active, 

#live_links ul li a:hover {

    color: #a7bac3; text-decoration: none; font-size: 1px;

    }   
	
	/* form elements */
	label { font-size: 14px;
		width: 70px;
		float: left;
		padding-top:4px;
	}