/* CSS Document */

*{ 
margin: 0;
padding: 0;

}	

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #c4a6d3;
	line-height:1.1em;
}

body#young_volunteers {
	background-color: #f7db90;
}


body#youth_theatre {
	background-color: #c6eefd;
}

body#community {
	background-color: #afdcc6;
}

body#black_box_theatre {
	background-color: #d0d0d0;
}

body#arts_award {
	background-color: #f0c79c;
}



body#press_and_partners {
	background-color: #eda8b1;
}

a {
	text-decoration: none;
}	


h1 {
}

h2 {
	
}

h3 {
	
}

h4 {

}

img {
	float: right;
	margin: 5px;
}

p {
	
}

ul {
	
}

li {

}

dl {

}

dt {

}



dd {
	margin: 0 0 15px 3px;
}



form.subscribe#member{
	background: url(/images/subbox.gif) no-repeat;
	width: 164px;
	height: 116px;
	border: 1px #dbbfea solid;
	margin: 10px 0 0 20px;
	position: relative;
}

form.search{
	background: url(/images/search_box.gif) no-repeat;
	width: 164px;
	height: 116px;
	border: 1px #dbbfea solid;
	margin: 10px 0 0 20px;
	position: relative;
}

form.subscribe p {
	margin: 30px 0 0 0;
	line-height: 1.2em;

}

body#news form#member {
	background: url(/images/search_box.gif) no-repeat;
}


body#young_volunteers form#member {
	background: url(/images/yngsubbox.gif) no-repeat;
	border: 1px #f7db90 solid;
}

body#youth_theatre form#member {
	background: url(/images/ythsubbox.gif) no-repeat;
	border: 1px #c6eefd solid;
}

body#community form#member {
	background: url(/images/comsubbox.gif) no-repeat;
	border: 1px #addac3 solid;
}

body#press_and_partners form#member {
	background: url(/images/prssubbox.gif) no-repeat;
	border: 1px #eda8b1 solid;
}

body#black_box_theatre form#member {
	background: url(/images/bbsubbox.gif) no-repeat;
	border: 1px #b4b4b4 solid;
}

body#arts_award form#member {
	background: url(/images/aasubbox.gif) no-repeat;
	border: 1px #f0c79c solid;
}

body#shop form#member {
	background: url(/images/srchshop.gif) no-repeat;
}


input.subscribe {
	width: 100px;
	position: absolute;
	top: 90px;
	left: 10px;
}



button.go {
	background: url(/images/go_btn.jpg) no-repeat;
	width: 26px;
	height: 27px;
	text-indent: -5000px;
	border: none;
	position: absolute;
	left: 125px;
}

button#go {
border: 1px red solid;
	background: url(/images/go_btn.jpg) no-repeat;
	width: 26px;
	height: 27px;
	text-indent: -5000px;
	border: none;
	position: absolute;
	left: 125px;
	top: 85px;
}


div#container {
	width: 925px;
	height: auto;
	margin: 0 auto;
}

/*top navigation background ---------------------------------------------------*/


div#topnav  {
	background: url(/images/tab_nav.jpg) no-repeat;
	width: 919px;
	height: 36px;
	padding-left: 7px;
	text-indent: -5000px;
}

body#young_volunteers div#topnav  {
	background: url(/images/yngtab_nav.jpg) no-repeat;
}

body#youth_theatre div#topnav  {
	background: url(/images/ythtab_nav.jpg) no-repeat;
}

body#community div#topnav  {
	background: url(/images/comtab_nav.jpg) no-repeat;
}

body#press_and_partners div#topnav  {
	background: url(/images/prstab_nav.jpg) no-repeat;
}

body#black_box_theatre div#topnav  {
	background: url(/images/bbtab_nav.jpg) no-repeat;
}

body#arts_award div#topnav  {
	background: url(/images/aatab_nav.jpg) no-repeat;
}


/*banner background --------------------------------------------------------*/


div#banner  {
	background: url(/images/banner.jpg) no-repeat;
	width: 924px;
	height: 111px;
}

body#young_volunteers div#banner  {
	background: url(/images/yngbanner.jpg) no-repeat;
}

body#youth_theatre div#banner  {
	background: url(/images/ythbanner.jpg) no-repeat;
}

body#community div#banner  {
	background: url(/images/combanner.jpg) no-repeat;
}

body#press_and_partners div#banner  {
	background: url(/images/prsbanner.jpg) no-repeat;
}

body#black_box_theatre div#banner  {
	background: url(/images/bbbanner.jpg) no-repeat;
}

body#arts_award div#banner  {
	background: url(/images/aabanner.jpg) no-repeat;
}

body#news div#banner  {
	background: url(/images/newsbanner.jpg) no-repeat;
}



/*content background -------------------------------------------*/



div#content  {
	background: url(/images/container_bgr.gif) repeat-y;
	width: 924px;
	height: auto;
	float: left;
}

body#young_volunteers div#content  {
	background: url(/images/yngcontainer_bgr.gif) repeat-y;
}

body#youth_theatre div#content  {
	background: url(/images/ythcontainer_bgr.gif) repeat-y;
}

body#community div#content  {
	background: url(/images/comcontainer_bgr.gif) repeat-y;
}

body#press_and_partners div#content  {
	background: url(/images/prscontainer_bgr.gif) repeat-y;
}

body#black_box_theatre div#content  {
	background: url(/images/bbcontainer_bgr.gif) repeat-y;
}

body#arts_award div#content  {
	background: url(/images/aacontainer_bgr.gif) repeat-y;
}



/*main div elements ----------------------------------------------*/

div#lftcol  {
	width: 195px;
	height: auto;
	float: left;
	position: relative;
}




div#mdlcol  {
	width: 512px;
	float: left;
	padding: 0 5px 0 1em;
	font-size: 0.9em;
}




div#rightcol  {
	width: 195px;
	height: auto;
	float: right;
}




/*footer background ---------------------------------------------*/



div#footer  {
	background: url(/images/footer_bgr.gif) no-repeat;
	width: 924px;
	height: 24px;
	clear: both;
	color: #000000;
	float:left;
	font-size: 0.7em;
}

body#young_volunteers div#footer  {
	background: url(/images/yngfooter_bgr.gif) no-repeat;
}

body#youth_theatre div#footer  {
	background: url(/images/ythfooter_bgr.gif) no-repeat;
}

body#community div#footer  {
	background: url(/images/comfooter_bgr.gif) no-repeat;
}

body#press_and_partners div#footer  {
	background: url(/images/prsfooter_bgr.gif) no-repeat;
}

body#black_box_theatre div#footer  {
	background: url(/images/bbfooter_bgr.gif) no-repeat;
}

body#arts_award div#footer  {
	background: url(/images/aafooter_bgr.gif) no-repeat;
}


/*top navigation custom elements --------------------------------*/

div#topnav ul  {
	display: inline;
	font-size: 0.7em;
	padding-top: 10px;
}



div#topnav li  {
	display: inline;
	width: 130px;
	float: left;
	text-align: center;
	padding-top: 7px;
}


div#topnav a {
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 20px;
	width: auto;
	padding-top: 8px;
}

/*mdlcol custom elements -----------------------------------------*/

div#flash_images, div#flash_images_show {
	margin: 0;
	width: 400px;
	height: 244px;
}

div#flash_images_show {
	width:500px;
	height:402px;
}

div#mdlcol h1  {
	margin: 20px 0 10px 0px;
	font-size: 1.4em;
	width: auto;
	line-height: 1.4em;
}

div#mdlcol h2  {
	margin: 15px 0 0 0;
	font-size: 1.2em;
}



body#schools div#mdlcol a {
	color: #864da4;
	font-weight: bold;
}

body#young_volunteers div#mdlcol a {
	color: #fab705;
	font-weight: bold;
}

body#youth_theatre div#mdlcol a {
	color: #61b6d6;
	font-weight: bold;
}

body#community div#mdlcol a {
	color: #46ab78;
	font-weight: bold;
}

body#press_and_partners div#mdlcol a {
	color: #d53648;
	font-weight: bold;
}



div#mdlcol h2 a {
	text-decoration: none;
	color: #650393;
}

div#mdlcol h2 a:hover {
	color: #9b04e2;
}

body#shows div#mdlcol h1 {
	margin: 20px 0 20px 0;
}

body#shows div#mdlcol h2 {
	margin: 30px 0 20px 0;
}

body#shows div#mdlcol p {
}


body#feedback div#mdlcol h1 {
	margin: 20px 0 20px 0;

} 



body#feedback div#mdlcol dd.feedname {
	margin: 5px 0 0 350px;
	font-size: 0.7em;
	
} 

body#feedback div#mdlcol dd.date {
	margin: 5px 0 0 350px;
	font-size: 0.7em;
} 






ul.apply {
/*border: 1px red solid;*/
}

ul.apply label {
	font-size: 1.2em;

}
ul.apply li {
/*border: 1px red solid;*/
	margin: 20px 0 0 0;
}

ul.apply input#fullname {
	margin: 0 0 0 30px;
}

ul.apply input#dob {
	margin: 0 0 0 15px;
}

ul.apply input#phone {
	margin: 0 0 0 28px;
}

ul.apply input#email {
	margin: 0 0 0 59px;
}

ul.apply textarea#address {
	margin: 0 0 0 40px;
}

button#confirm {
	margin: 30px 0 0 20px;
}



table#partners {
	margin: 0 0 0 20px;
}




/*lftcol custom elements -------------------------------------------*/

div#lftcol h3 {
	background: url(/images/book_bnr.jpg) no-repeat;
	width: 164px;
	height: 116px;
	margin: 0 0 5px 20px;
	text-indent: -5000px;
}

div#lftcol h3 a {
	width: 162px;
	height: 110px;
}

div#lftcol li.playtitle {
	margin: 0 0 20px 25px;
}


body#young_volunteers div#lftcol h3 {
	background: url(/images/yngbook_bnr.jpg) no-repeat;
}

body#youth_theatre div#lftcol h3 {
	background: url(/images/ythbook_bnr.jpg) no-repeat;
}

body#community div#lftcol h3 {
	background: url(/images/combook_bnr.jpg) no-repeat;
}

body#press_and_partners div#lftcol h3 {
	background: url(/images/prsbook_bnr.jpg) no-repeat;
}

body#black_box_theatre div#lftcol h3 {
	background: url(/images/bbbook_bnr.jpg) no-repeat;
}

body#arts_award div#lftcol h3 {
	background: url(/images/aabook_bnr.jpg) no-repeat;
}



div#lftcol h4  {
	background: url(/images/yth_dwnld.jpg) no-repeat;
	text-indent: -5000px;
	width:166px;
	height:56px;
	margin: 0 0 5px 20px;
}

div#lftcol h4 a {
	width:166px;
	height:56px;
}



/*left navigation elements -----------------------------------------------------------------------------------------------------------*/

div#lftcol ul {
display: block;
	height: auto;
	list-style-type: none;
	margin: 0 0 0 20px;
}

div#lftcol li {
/*border: 1px red solid;*/
	margin:  5px 0 5px 0;
	height: 35px;
}

div#lftcol li a {
	display: block;
}


div#lftcol ul li.shows {
/*border: 1px red solid;*/
	display: block;
	height: auto;
}


div#lftcol ul li ul {
	width: 170px;
	margin: 0 0 5px 0;
	font-size: 0.9em;
	list-style-type: none;
}


div#lftcol ul li#future{
	height: auto;
}



div#lftcol ul li ul li a {
	color:#5c1c7d;
}


div#lftcol ul li ul li ul li a {
	padding-left:20px;
	height: 35px;
	background:transparent url(/images/list.gif) no-repeat 7px 0.5em;
	color:#555;
}

div#lftcol ul#scl li ul li.education {
	height: auto;
}

div#lftcol ul.scldetail {
	height: auto;
}

div#lftcol ul#scl li.education ul.scldetail li a:hover {
	background: url(/images/lftlist_bgr.gif) no-repeat;
}

div#lftcol ul#scl li.education a {
	display: block;
	height: auto;
}

div#lftcol ul#scl li.education a:hover {
	background: url(/images/book_bgr.gif) no-repeat;
}


div#lftcol ul#scl li.noshow {
	/*border: 1px red solid;*/
	height: auto;
}


div#lftcol ul#scl ul.john {
	/*border: 1px red solid;*/
	display: block;
	height: auto;
}


div#lftcol li.previous a:hover {
	background: url(/images/lftlist_bgr.gif) no-repeat;
	list-style-type: none;
}


div#lftcol a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 5px 0 5px 5px;
	
}

div#lftcol li a:hover {
	background: url(/images/lftlist_bgr.gif) no-repeat;
	color: #ffffff;
}


body#young_volunteers div#lftcol li a:hover {
	background: url(/images/ynglftlist_bgr.gif) no-repeat;
}


body#youth_theatre div#lftcol li a:hover {
	background: url(/images/ythlftlist_bgr.gif) no-repeat;
}

body#community div#lftcol li a:hover {
	background: url(/images/comlftlist_bgr.gif) no-repeat;
}

body#press_and_partners div#lftcol li a:hover {
	background: url(/images/prslftlist_bgr.gif) no-repeat;
}

body#black_box_theatre div#lftcol li a:hover {
	background: url(/images/bblftlist_bgr.gif) no-repeat;
}

body#arts_award div#lftcol li a:hover {
	background: url(/images/aalftlist_bgr.gif) no-repeat;
}






div#lftcol ul li.education a, div#lftcol ul li.education, div#lftcol ul li.education a:hover {
	width: 170px;
	height: 25px;
	margin: 0 0 10px 0;
}

body#young_volunteers div#lftcol ul li.education a, div#lftcol ul li.education, div#lftcol ul li.education a:hover {
	width: 170px;
	height: 40px;
	margin: 0 0 10px 0;
}


div#lftcol ul li.education a:hover {
	background: url(/images/lftlist_bgr.gif) no-repeat;
}


body#young_volunteers div#lftcol ul li.education a:hover {
	background: url(/images/yngeducation_bgr.gif) no-repeat;
}

body#youth_theatre div#lftcol ul li.education a:hover {
	background: url(/images/ytheducation_bgr.gif) no-repeat;
}

body#community div#lftcol ul li.education a:hover {
	background: url(/images/comeducation_bgr.gif) no-repeat;
}

body#press_and_partners div#lftcol ul li.education a:hover {
	background: url(/images/prseducation_bgr.gif) no-repeat;
}

body#arts_award div#lftcol ul li.education a:hover {
	background: url(/images/aaeducation_bgr.gif) no-repeat;
}

body#black_box_theatre div#lftcol ul li.education a:hover {
	background: url(/images/bbeducation_bgr.gif) no-repeat;
}

div#lftcol ul li.book a, div#lftcol ul li.book, div#lftcol ul li.book a:hover {
	width: 166px;
	height: 40px;
	margin: 0 0 10px 0;
}


div#lftcol ul li.book a:hover {
	background: url(/images/book_bgr.gif) no-repeat;
}

body#young_volunteers div#lftcol ul li.book a:hover {
	background: url(/images/yngbook_bgr.gif) no-repeat;
}

body#youth_theatre div#lftcol ul li.book a:hover {
	background: url(/images/ythbook_bgr.gif) no-repeat;

}

body#community div#lftcol ul li.book a:hover {
	background: url(/images/combook_bgr.gif) no-repeat;
}


body#press_and_partners div#lftcol ul li.book a:hover {
	background: url(/images/prsbook_bgr.gif) no-repeat;
}









div#lftcol p {
	font-size: 0.6em;
	width: 144px;
	height: 45px;
	padding: 3px 10px 0 12px;
	margin: 35px 0 0 0;
}



         

div#lftcol h3.shop {
	background: url(/images/shop_bgr.jpg) no-repeat;
	width: 164px;
	height: 117px;
	text-indent: -5000px;
/*	position: absolute;
	top: 362px;*/
}

div#lftcol h3.shop a {
	margin-right: 20px;
	width: 158px;
	height: 111px;
	 
}


/*latest news box elements --------------------------------*/



div#newsbox {
	background: url(/images/news_bgr.gif) repeat-y;
	width: 168px;
	font-size: 0.7em;
	margin: 0 0 0 2px;
	padding: 0 10px 0 0;
	line-height:1em;
}



body#young_volunteers div#newsbox {
	background: url(/images/yngnews_bgr.gif) repeat-y;
}

body#youth_theatre div#newsbox {
	background: url(/images/ythnews_bgr.gif) repeat-y;
}

body#community div#newsbox {
	background: url(/images/comnews_bgr.gif) repeat-y;
}

body#press_and_partners div#newsbox {
	background: url(/images/prsnews_bgr.gif) repeat-y;
}

body#black_box_theatre div#newsbox {
	background: url(/images/bbnews_bgr.gif) repeat-y;
}

body#arts_award div#newsbox {
	background: url(/images/aanews_bgr.gif) repeat-y;
}



div#newsbox h2 {
	background: url(/images/news_top.jpg) no-repeat;
	text-indent: -5000px;
	width: 178px;
	height: 27px;
}



body#young_volunteers div#newsbox h2 {
	background: url(/images/yngnews_top.jpg) no-repeat;
}

body#youth_theatre div#newsbox h2 {
	background: url(/images/ythnews_top.jpg) no-repeat;
}

body#community div#newsbox h2 {
	background: url(/images/comnews_top.jpg) no-repeat;
}

body#press_and_partners div#newsbox h2 {
	background: url(/images/prsnews_top.jpg) no-repeat;
}

body#black_box_theatre div#newsbox h2 {
	background: url(/images/bbnews_top.jpg) no-repeat;
}

body#arts_award div#newsbox h2 {
	background: url(/images/aanews_top.jpg) no-repeat;
}



p.end, div#newsbox a.end {
	display:block;
	background: url(/images/news_btm.jpg) no-repeat bottom;
	width: 138px;
	height: 21px;
	padding: 0 0 5px 40px;
	font-weight: bold;
}

body#young_volunteers a.end {
	background: url(/images/yngnews_btm.jpg) no-repeat bottom;
}


body#youth_theatre a.end {
	background: url(/images/ythnews_btm.jpg) no-repeat bottom;
}

body#community a.end {
	background: url(/images/comnews_btm.jpg) no-repeat bottom;
}

body#press_and_partners a.end {
	background: url(/images/prsnews_btm.jpg) no-repeat bottom;
}

body#black_box_theatre a.end {
	background: url(/images/bbnews_btm.jpg) no-repeat bottom;
}

body#arts_award a.end {
	background: url(/images/aanews_btm.jpg) no-repeat bottom;
}

dd {
	clear:both;
	text-indent:0em;
}

dd.date {
	font-weight: bold;
	margin: 0 0 3px 75px;
	line-height: 1em;
	float:right;
}

div#newsbox dt {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 5px 0 4px;
	padding: 0 5px 0 0;
	line-height: 1em;
}




/*feedback on previous elements -----------------------------*/


h3.feedback {
	color: #6a1b94;
	font-size: 1em;
	margin: 5px 0 5px 40px;
	width: 150px;
}



body#young_volunteers h3.feedback {
	color: #e5a707;
}

body#youth_theatre h3.feedback {
	color: #61b6d6;
}

body#community h3.feedback {
	color: #46ab78;
}

body#press_and_partners h3.feedback {
	color: #d53648;
}

body#black_box_theatre h3.feedback {
	color: #000;
}

body#arts_award h3.feedback {
	color: #ff8400;
}




div#rightcol li {
	list-style-type: none;
	font-size: 0.9em;
	width: 140px;
	margin: 0 0 5px 40px;
}



div#rightcol a {
	text-decoration: none;
	color: #000000;	
	
}



div#banner h3 {
	text-indent: -5000px;
}



div#mdlcol p {
	/*font-size: 0.9em;*/
	margin: 1em 0 1em;
	/*line-height: 1.8em;*/
}

div#mdlcol h3 {
	margin: 5px 0 5px 0;
}

div#mdlcol p.para1 {
	color: #242424;
}

div#mdlcol dt {
	margin: 5px 0 0 0;
	font-size: 1em;
}

div#mdlcol dd.date {
	margin: 5px 0 0 350px;
	font-size: 0.9em;
}

div#mdlcol dd {
	margin: 5px 0 0 0;
	font-size: 0.9em;
	line-height: 1.5em;
}

div#mdlcol ul {
	margin: 0 0 0 20px;
	list-style-type: none;
	font-size: 0.9em;
	/*line-height: 15px;*/
}

div#mdlcol h4{
	margin: 0 0 0 0;
}



/*footer custom elements ----------------------------*/



div#footer ul {
	margin-left: 110px;
	padding-top: 4px;
}


div#footer li  {
	display: inline;
	margin-right: 85px;
	margin-top: 5px;
}


div#footer a {
	color: #000000;
	text-decoration: none;
}




/*feedback custom elements ----------------------------*/

form.adfeedback {
	margin: 20px 0 0 20px;
	
}

form.adfeedback input {
	margin: 10px 0 10px 0;
}

form.adfeedback textarea {
	margin: 10px 0 10px 0;
}

form.adfeedback select {
	margin: 10px 0 10px 0;
}

form.adfeedback button {
	float: left;
	margin: 10px 0 0 3px;
}

form#feedback fieldset {
	padding:20px;
	margin: 30px 0;

}

form#feedback legend {
	font-weight:bold;
}


form#feedback input {
	margin: 0 0 0 20px;
}

form#feedback label{
	display:block;
	margin:10px 0 0 0 ;
}

form#feedback textarea{
	width:400px;
	height:150px;
	margin: 0 0 0 20px;
}

form#feedback input.words{
	margin:10px 0 0 20px;
}

form#feedback table {
margin: 0 0 0 20px;
	
}

form#feedback button {
	float:right;
	margin:10px 0 20px 0;
}



/*faq's elements
-----------------------------------------------------------------------*/


/*Youth future productions elements-----------------------------------------------------------------------------------------*/

body#youth_theatre div#mdlcol table {
	margin: 0 0 0 0;
	font-size: 0.9em;
	
}

body#youth_theatre div#mdlcol table th {
	padding: 0 0 10px 0;
	text-align: left;
	/*line-height: 15px;*/
	
}

body#youth_theatre div#mdlcol table td {
	padding: 0 10px 10px 0;
	/*line-height: 15px;*/
	
}

li.empty {
	color:#999;
}


/*news archive elements---------------------------------------------------------------*/






/* Booking ----------------------------------------------------------------------------*/
p.booking_note {
	padding:10px;
	background-color:#c4a6d3;
}

form#booking label {
	display:block;
	margin:1em 0 0 0 ;
}

form#booking input {
	display:block;
}

form#booking select {
	display:block;
}

form#booking button {
	display:block;
	margin:1em 0 0 0 ;
}

form#booking button.next {
	display:block;
	margin-left:300px;
}

span.hilite_box {
	display:block;
	padding:10px;
	background-color:#c4a6d3;
}



/* Google Map ----------------------------------------------------------------------------*/
div#google_map {
	width:500px;
	height:500px;
	margin: 20px 0 20px 20px;
}

/* Photo List ----------------------------------------------------------------------------*/
ul.photo_list {
}

/*ul.photo_list input {
	position:absolute;
	top:5px;
	left:5px;
}*/

ul.photo_list li {
	float:left;
	position:relative;
	margin:10px 10px 0 0;
	width:auto;
	padding:0;
}

ul.photo_list li a {
	
}

ul.photo_list li img {
	display:block;
	margin:0;
	padding:0;
	float:none;
}

div#image_popup {
	width:auto;
	height:auto;
	position:absolute;
	top:50%;
	left:50%;
	margin:-250px 0 0 -250px;
	background:#000;/* url(/images/loading.gif) no-repeat center center;*/	
}

div#image_popup p {
	color:#FFF;
	font-size:0.9em;
	font-weight:normal;
	margin:10px;
}

/*div#image_popup span {
	display:block;
	width:300px;
	height:300px;
}*/

div#image_popup img {
	margin:10px;
	float:none;
}

.shows {


}

li.play {
display: inline;
	padding: 0 0 0 5px;
	text-align:right;
/*	margin: 0 0 0 10px;*/
}

p.alert {
	color:red;
	font-weight:bold;
	border: 1px solid red;
	padding:20px;
}

body#black_box_theatre table{
	font-size: 0.9em;
}

body#black_box_theatre table td, body#black_box_theatre table th {
	border: 1px solid #fff;
	padding: 0 1em 0 1em;
	background-color: #000;
	color: #fff;
}