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: right;

	width: auto;

	float: right;

	margin-right: 40px;



}



#social_media { 

	width: auto;

	float: left;

	margin-left: 60px;

}

#social_media img { margin-right: 6px }







.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 }         

#callout h3 { font-size: 1.6em; color: #eee } 

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;

	}

	

.white { background-color: #eeeeee; width: auto; margin-left: -13px; }