/* 
	Default CSS Document for screen 3 Columns
*/

@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { font-family: Arial, Helvetica, sans-serif; font-size:62.5%; line-height:150%; background-color: white; text-align:center; margin: 0; padding: 0; color: #666; }
h1 { font-weight: bold; }
h2 { font-size: 2.8em; font-weight: normal; color: #5895a3; line-height: 1em; letter-spacing: -1px; margin: 0 0 30px; padding: 0 0 0; }
h2 span { white-space: nowrap; }	
h3 { color: #9d9fa1; font-size: 2em; font-weight: bold; margin: 0 0 10px; }
h4 {}
h5 {  }
h6 {}
p, li { font-size:1.2em; line-height: 1.5em; margin-bottom: 15px; }
p {  }
li { list-style:none; }
img {border:0;}
blockquote { font-style: normal; }

.japanese { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS UI Gothic", MS-Gothic, osaka, MS-Gothic, osaka, "MS Mincho", "MS Mincho", sans-serif;  }
.next_to_img { padding-top: 88px; }


/* 
	PAGE STRUCTURE 
	--------------------------------------------------------------------
*/
#bg_main { background-image: url(../images/bg_main.gif); background-repeat: repeat-y; background-position: 0 0; width: 922px; margin: 0 auto; ;padding: 0; }
#bg_bottom { background-image: url(../images/bg_bottom.gif); background-repeat: no-repeat; background-position: 0 0; width: 922px; height: 41px; margin: 0 auto; }
div#container { margin:0 auto; text-align:left; width:842px; background-color: white; padding: 0; }

div#header { background-color: white; width: 822px; height: 178px; overflow: hidden; padding-left: 20px; }
div#header ul { float: right; margin-top: 20px; margin-right: 70px; }
div#header ul li { color: #376f82; font-size: 1.3em; font-weight: bold; background-image: url(../images/chevron_bullet.gif); background-repeat: no-repeat; background-position: 0 3px; margin-bottom: 4px; padding-left: 20px; }
div#top_menu { width: 842px; height: 40px; margin-bottom: 30px; }
div#top_menu ul { margin-left: 20px; }
div#top_menu ul li { font-size: 1.5em; float: left; background-image: url(../images/nav_divider.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 21px }
div#top_menu ul li a { color: #376f82; font-weight: normal; text-decoration: none; border-bottom-style: none; border-bottom-width: 3px; }
div#top_menu ul li a:hover, div#top_menu ul li a.current:hover { color: #e32126; border-bottom: 3px solid #ffe2e2; }
div#top_menu ul li.start {  background-image:none; padding-left: 0px }
div#top_menu ul li a.current { border-bottom: 3px solid #5dbdde; }


div#pageholder { width: 100%; clear: both; display: block; }
/*Left Column*/
div#left_col { float: left; padding-right: 30px; padding-left: 20px; }
div#left_col em { /* white-space: nowrap; */ }
div#left_col em.off { white-space: normal; }
div#left_col p#home_intro em { white-space: normal; }
div.left_col_regular { width: 522px; overflow: hidden; }
div.left_col_wide { width: 777px; }
div#left_col h1 { font-size: 1.3em; line-height: 1.2em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
div#left_col h1.home { color: #b2b2b2; font-size: 2.5em; line-height: 1.2em; text-transform: none; word-spacing: -2px; letter-spacing: -1px !important; margin-bottom: 5px; }
div#left_col p { font-size: 1.4em; margin-bottom: 20px; }

div#left_col ul.bullets { margin: 0 0 20px; }
div#left_col ul.bullets li { font-size: 1.4em; line-height: 1.5em; margin: 0 0 0 15px; padding: 0; list-style-type: disc; }
div#left_col ul.nobullets { margin: 0 0 15px; }
div#left_col ul.nobullets li { font-size: 1.4em; line-height: 1.5em; margin: 0 0 5px 0; padding: 0; list-style-type: none; }
div#left_col ul.tight li { margin: 0 0 2px 0; line-height: 1.4em; }

div#left_col ul.logos { margin: 0 0 15px; }
div#left_col ul.logos li { float: left; margin-right: 16px; }
div#left_col ul.logos li.drill_hall { margin-top: 20px; }
div#left_col ul.logos li.ace { margin-top: 0px; }
div#left_col ul.logos li.ensemble { margin-top: 17px; margin-bottom: 0; padding-bottom: 0; }
div#left_col ul.logos li.ensemble + li.text {  margin-left: -8px; }
div#left_col ul.logos li.text { font-weight: bold; margin-top: 20px; margin-right: 12px; }
div#left_col ul.logos li.yorktheatre { margin-top: 4px; margin-right: 0px;  }
div#left_col ul.logos li.zion { margin-top: 10px; }

div#left_col ul.logos li.end { float: none; clear: both; }
div#left_col div#in_development ul.logos li img { margin-bottom: 0px; }

div#left_col p a:link, div#left_col p a:visited, div#left_col p a:active { color: #4fa0bc; text-decoration: underline; }
div#left_col p a:hover { text-decoration: none; }
div#left_col li a:link, div#left_col li a:visited, div#left_col li a:active { color: #4fa0bc; text-decoration: underline; }
div#left_col li a:hover { text-decoration: none; }
div#left_col p.intro_home { color: #b2b2b2; font-size: 2.5em; font-weight: bold; line-height: 1.2em; word-spacing: -2px; letter-spacing: -1px; }
div#left_col p.intro_home2 { font-size: 1.7em; }
div#left_col p.intro_home em { white-space: nowrap; }
div#left_col p.intro { font-weight: bold; }
div#left_col p.caption { font-size: 1.1em; }
div#left_col img.rightpic { float: right; clear: both; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
div#left_col img.leftpic { margin-top: 5px; margin-bottom: 10px; float: left; clear: both; margin-right: 10px; }
div#left_col img.fullout { margin-bottom: 15px; }
div#left_col img.with_caption { margin-bottom: 4px; }

div#left_col img.leeds_lieder_logo { padding-top: 20px; padding-bottom: 20px; }
div#left_col div.logos_holder { clear: both; margin-bottom: 15px; padding-top: 10px; padding-bottom: 30px; }
div#left_col img.itc_lockup { margin-right: 20px; }
div#left_col img.ace_lockup { margin-right: 30px; }
div#left_col img.farnham_lockup { clear: right; padding-top: 11px; }
div#left_col blockquote { margin-bottom: 20px; }
div#left_col blockquote p { color: #888; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.4em; margin-bottom: 4px; }
div#left_col blockquote p.quoteby { color: #666; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: normal; }
div#left_col div#tribute p { text-align: center; margin-bottom: 30px; }
div#left_col div#tribute h2 { color: #404040; font-size: 3.2em; text-align: center; margin-bottom: 5px; }
div#left_col div#tribute h3 { color: #404040; font-size: 1.8em; text-align: center; margin-bottom: 25px; }
div#left_col div#tribute h4 { color: #404040; font-size: 1.8em; font-weight: normal; text-align: center; margin-bottom: 15px; }
div#left_col div.pullquote { width: 200px; float: right; margin-bottom: 10px; margin-left: 20px; padding-left: 15px; border-left: 4px solid #b7db83; }
div#left_col div.pullquote blockquote { margin-bottom: 0; }
div#left_col div.pullquote p.quoteby { margin-bottom: 0; }

div#left_col table.cv { font-size: 1em; vertical-align: top; width: 100%; margin-bottom: 20px; border-color: #9e9e9e; border-style: solid none none; border-width: 0; border-collapse: collapse; border-spacing: 0px; }

div#left_col table.cv td { font-size: 1.4em; padding: 5px 5px 5px 0; text-align: left; vertical-align: top; }

div#left_col table.cv td.part { width: 25%; font-weight: bold; } 
div#left_col table.cv td.play { width: 30%; font-style: italic; } 
div#left_col table.cv td.venue { font-size: 1.2em; }

div#left_col div.main h3 { margin-bottom: 8px; font-size: 2.2em; line-height: 1.2em; }
div#left_col div.main h3, div#left_col div.main h3 a:link, div#left_col div.main h3 a:visited, div#left_col div.main h3 a:active { color: #376f82; text-decoration: none; }
div#left_col div.main h3 a:hover { color: #5dbee1; text-decoration: none; }
div#left_col div.about h3 { font-size: 1.7em; margin-bottom: 8px; }
div#left_col div.about h2 + h3 { margin: -15px 0 20px; }


div#left_col div.main h4 { font-size: 1.4em; line-height: 1.4em; margin-bottom: 8px; }
div#left_col div.main h5 { color: #9d9fa1; font-size: 1.8em; font-weight: normal; line-height: 1.3em; margin: 0 0 20px; }
div#left_col div.main h5.intro { font-size: 1.5em; }
div#left_col div.main dl { width: 480px; padding: 20px 20px 0; overflow: hidden; display: block; margin-bottom: 20px; background-image: none; background-repeat: repeat-x; border-style: dotted; border-width: 1px; }

div#left_col div.main dt { width: 100px; float: left; margin-right: 20px; padding-bottom: 20px; }
div#left_col div.main dt img, div#left_col div.main dt a img { border: solid 1px #acacac; }
div#left_col div.main dt a img:hover { border-color: #5dbee1; }
div#left_col div.main dd { width: 360px; float: left; }
div#left_col div#current_productions dl { background-image: url(../images/box_bg_yellow.gif); background-repeat: repeat-x; }
div#left_col div#current_productions dl.lead { background-image: url(../images/box_bg_green.gif); background-repeat: repeat-x; }
div#left_col div#education dl { background-image: url(../images/box_bg_red.gif); background-repeat: repeat-x; }
div#left_col div#playscripts dl { background-image: url(../images/box_bg_orange.gif); background-repeat: repeat-x; }
div#left_col div#reviews dl { background-image: url(../images/box_bg_blue.gif); background-repeat: repeat-x; }
div#left_col div.main dl. p a { color: #376f82; }
div#left_col div#in_development div.in_development_box { background-image: url(../images/box_bg_green.gif); background-repeat: repeat-x; padding-top: 20px; padding-right: 20px; padding-left: 20px; overflow: hidden; margin-bottom: 20px; border: dotted 1px; }
div#left_col div#education div.education_box { background-image: url(../images/box_bg_red.gif); background-repeat: repeat-x; margin-bottom: 20px; padding-top: 20px; padding-right: 20px; padding-left: 20px; overflow: hidden; border: dotted 1px; }
div#left_col div#education div.education_box h2 { font-weight: bold; font-size: 1.8em; margin-bottom: 10px; font-style: italic; }
div#left_col div.main p ~ h5 { margin-bottom: 10px; }
div#left_col div.main h3 ~ h5 { margin: 10px 0 15px; }

div#left_col div#education div.education_box h6,
div#left_col div#in_development div.in_development_box h6 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 5px; }
div#left_col div#in_development img { margin-bottom: 20px; }
div#left_col div#in_development h3 { color: #376f82; margin-bottom: 0px; }
div#left_col div#in_development h4 { color: #376f82; font-size: 2em; font-weight: normal; margin: 0 0 20px; }
div#left_col div#in_development div.divider { width: 480px; }
div#left_col div#reviews h4 { margin-bottom: 20px; }
div#left_col div#reviews h5 { line-height: 1.2em; }
div#left_col div#reviews div.reviews_box { background-image: url(../images/box_bg_blue.gif); background-repeat: repeat-x; padding-top: 20px; padding-right: 20px; padding-left: 20px; overflow: hidden; margin-bottom: 20px; border: dotted 1px; }
div#left_col div#cds dl { background-image: url(../images/box_bg_purple.gif); background-repeat: repeat-x; }
div#left_col div#cds dl dt img.top { margin-bottom: 10px; }
div#left_col div#show_page h3 { color: #376f82; margin-bottom: 0px; }
div#left_col div#show_page h4 { color: #376f82; font-size: 2em; font-weight: normal; margin: 0 0 20px; }
div#left_col div#show_page div.show_page_box { background-image: url(../images/box_bg_yellow.gif); background-repeat: repeat-x; padding-top: 20px; padding-right: 20px; padding-left: 20px; overflow: hidden; margin-bottom: 20px; border: dotted 1px; }
div#left_col div.tour { background-image: url(../images/box_bg_yellow.gif); background-repeat: repeat-x; padding-top: 20px; padding-right: 20px; padding-left: 20px; overflow: hidden; margin-bottom: 20px; border: dotted 1px; }
div#left_col div.tour h6 { color: #376f82; font-size: 2em; font-weight: bold; margin-bottom: 20px; }
div#left_col div.tour div.past h6 { font-weight: normal; }
div#left_col div.tour div.month { margin-bottom: 10px; }
div#left_col div.tour div.month span { color: white; font-size: 1.2em; font-weight: bold; background-color: #eb7e40; padding: 1px 3px; }
div#left_col div.tour div.past div.month span { background-color: #4fa0bc; }
div#left_col div.tour ul { margin-bottom: 20px; }
div#left_col div.tour ul li { line-height: 1.3em; margin-bottom: 0; }

div#left_col div.tour ul li.details { margin-top: 10px; }
div#left_col div.tour ul li.details p { font-size: 1em; line-height: 1.3em; margin-bottom: 8px; margin-top: 0; }
div#left_col div.tour ul li.details ul { margin: 0px 0px 8px 15px; }
div#left_col div.tour ul li.details ul li { font-size: 1em; line-height: 1.3em; margin: 0px 0px 3px 0px; list-style-type: disc; }


div#left_col div.tour ul li.date { color: #376f82; font-size: 1.3em; line-height: 1.4em; font-weight: bold; }
div#left_col div.tour div.past ul li.venue { font-size: 1.3em; }
div#left_col div.tour ul li.venue { font-size: 1.6em; margin-top: 5px; }
div#left_col div.tour ul li.address { font-size: 1.1em; }
div#left_col div.tour ul li.contact { font-size: 1.1em; margin-top: 5px; }
div#left_col div#orderform { }
div#left_col div#orderform p, div#left_col div#orderform h2, div#left_col div#orderform h3, div#left_col div#orderform h4, div#left_col div#orderform h5 { color: #000; }
div#left_col div#orderform h2 { color: #fff; font-size: 2em; font-weight: normal; background-color: #000; text-align: center; letter-spacing: 0.7em; margin-bottom: 40px; padding-top: 8px; padding-bottom: 10px; }
div#left_col div#orderform h3 { font-size: 2em; font-weight: bold; line-height: 1em; margin-bottom: 4px; padding-bottom: 0; }
div#left_col div#orderform h4 { font-size: 5em; font-weight: normal; line-height: 1em; margin: 0 0 15px; padding: 0; }
div#left_col div#orderform h5 { font-size: 1.8em; font-weight: bold; line-height: 1em; margin: 0 0 40px; padding: 0; }
div#left_col div#orderform p.intro { font-size: 1.6em; font-weight: bold; }
div#left_col div#orderform div.details p { font-size: 1.2em; }
div#left_col div#orderform p.cutline { font-size: 1.2em; font-weight: bold; margin-bottom: 30px; padding-top: 10px; padding-bottom: 5px; border-bottom-style: dashed; border-bottom-width: 2px; }
div#left_col div#orderform p.boxed { padding: 5px 8px; border-style: solid; border-width: 1px; }
div#left_col div#orderform p.underline { font-size: 1.2em; font-weight: bold; padding-bottom: 5px; border-bottom-style: dotted; border-bottom-width: 1px; }
div#left_col div#orderform span.underline_short { width: 30px; border-bottom-style: dotted; border-bottom-width: 1px; display: inline-block; }
div#left_col div#orderform ul.cast { color: #000000; border-left: 4px solid #000000; }
div#left_col div#orderform ul.bullets { color: #000000; }
div#left_col div#orderform ul.nobullets { color: #000000; font-size: 1.2em; }


div#left_col div.button { font-size: 1em; font-weight: bold; text-transform: uppercase; margin-bottom: 30px; }
div#left_col div.button + div.button { margin-top: -20px; }
div#left_col div#button_first { float: left; margin-right: 10px; }
div#left_col div.button a { color: #fff; text-decoration: none; background-color: #376f82; padding: 2px 4px; }
div#left_col div.button a:hover { background-color: #e32126; }

div#right_col div.button { font-size: 1em; font-weight: bold; text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; }
div#right_col div#button_first { float: left; margin-right: 10px; }
div#right_col div.button a { color: #fff; text-decoration: none; background-color: #376f82; padding: 2px 4px; border: solid 1px; }
div#right_col div.button a:hover { background-color: #e32126; }


div#left_col ul.cast { margin-bottom: 20px; margin-left: 2px; padding-left: 15px; border-left: 4px solid #5dbee1; }
div#left_col ul.cast li { margin-top: 0; margin-bottom: 5px; padding: 0; }
div#left_col ul.cast li.section_end { margin-bottom: 12px; }
div#left_col div.adleft { padding-right: 30px; width: 240px; float: left; padding-top: 10px; }
div#left_col div.adright { width: 240px; float: left; padding-top: 10px; }
div#left_col div.review_quote { background-image: url(../images/ad_panel_blue.gif); background-repeat: no-repeat; padding: 15px; border: 3px #5dbee1; }
div#left_col div.review_quote p { color: #376f82; margin-bottom: 0; }
div#left_col div.review_quote p.review { font-size: 1.7em; line-height: 1.2em; margin-bottom: 10px; }
div#left_col div.review_quote p.reviewer { font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 2px; }
div#left_col div.review_quote p.publication { font-size: 1.2em; line-height: 1.2em; margin-bottom: 8px; }
div#left_col div.review_quote p.read_more { font-size: 1.2em; line-height: 1.2em; margin-bottom: 8px; }
div#left_col div.show_cds { background-image: url(../images/ad_panel_purple.gif); background-repeat: no-repeat; padding: 15px; border: 3px #4e395c; }
div#left_col div.show_cds p { color: #4e395c; line-height: 1.4em; margin-bottom: 15px; }
div#left_col div.show_cds h2 { color: #4e395c; margin-bottom: 10px; }
div#left_col div.show_cds h2 a { color: #4e395c; text-decoration: none; }
div#left_col div.show_cds h2 a:hover { color: #8c3e5e; text-decoration: none; }
div#left_col div.show_cds h3 { color: #8c3e5e; font-size: 1.5em; line-height: 1.3em; margin-bottom: 5px; }
div#left_col div.show_cds h3 a { color: #8c3e5e; text-decoration: none; }
div#left_col div.show_cds h3 a:hover { color: #b5507a; text-decoration: none; }
div#left_col div.show_cds div.divider { clear: both; width: 210px; height: 1px; margin-bottom: 10px; border-bottom: 1px dotted #8c3e5e;  }
div#left_col div.divider { margin-bottom: 20px; width: 520px; height: 1px; clear: both; border-bottom: 1px dotted #376f82; }

div#left_col .music_player {  }

/* Form*/
div#formholder { padding-top: 0; padding-bottom: 15px; padding-left: 20px; border: dotted 1px #000; }
div#formholder h3 { margin-top: 15px; }
div#formholder span.asterisk { color: #f90032; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { width: 231px; float: left; padding-right: 20px; }
form#contact div.formright { width: 231px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 225px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 482px; height: 80px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }
/*Right Column*/
div#right_col { background-image: none; background-repeat: repeat-y; background-position: 0 0; width: 250px; z-index: 11; float: left; padding-bottom: 20px; }
div#right_col img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 10px; margin-left: 10px; }
div#right_col .panel_top { background-image: url(../images/right_panel_top.jpg); background-repeat: no-repeat; width: 250px; height: 20px; }
div#right_col .panel_main { background-color: #376f82; background-image: url(../images/right_panel_main.jpg); background-repeat: no-repeat; width: 220px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; }
div#right_col .panel_main h5 { color: white; font-size: 1.3em; font-weight: bold; line-height: 1.2em; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; padding-bottom: 3px; border-bottom: 2px dotted #5dbee1; }
div#right_col .panel_main h6 { color: #5dbee1; font-size: 1.8em; font-weight: normal; line-height: 1.2em; margin-bottom: 4px; }
div#right_col .panel_main h6 a { color: #5dbee1; text-decoration: none; }
div#right_col .panel_main h6 a:hover { color: #4fa0bc; }
div#right_col .panel_main p { color: #fff; margin-bottom: 8px; }
div#right_col .panel_main p a:link, div#right_col .panel_main p a:visited, div#right_col .panel_main p a:active { color: #5dbee1; }
div#right_col .panel_main p a:hover { color: #fff; text-decoration: none; }
div#right_col .panel_main div.divider { clear: both; width: 220px; height: 1px; margin-bottom: 15px; border-bottom: 1px dotted white; padding-top: 5px; }
div#right_col .panel_base { background-image: url(../images/right_panel_base.jpg); background-repeat: no-repeat; width: 250px; height: 20px; }

div#right_col div.btn_just_giving { margin-bottom: 20px; width: 250px; height: 157px; overflow: hidden; }
div#right_col div.btn_just_giving a { display: block; width: 250px; height: 157px; background-image: url(../images/btn_just_giving.png); background-position: 0 0; background-repeat: no-repeat; }
div#right_col div.btn_just_giving a:hover { background-position: -250px 0; }

/*Footer*/
div#footer { background-color: #fff; background-image: url(../images/blk_horiz_dotline_802px.gif); background-repeat: no-repeat; background-position: 20px 20px; padding-left: 20px; width: 822px; height: 40px; clear: both; padding-top: 30px; }
div#footer div#copyright { float: right; padding-right: 20px; } 
div#footer div#copyright p { font-size: 1.2em; }
div#footer #credit      { text-align: left; float: left; width: 300px; }
div#footer #credit a, #credit a:link, #credit a:visited  { width: 89px; text-indent: 0px; overflow: hidden; display: block }
div#footer #credit a:hover  { text-indent: -89px; }
.clear { clear: both; display: block }