body {
	background-color: #fff;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	padding-top: 35px;
	}

/* this required for fixed footer*/
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {
	border-top: 2px solid #dddddd;
	margin-top: 90px;
	padding-bottom: 240px;/* must be same height as the footer */
	}  

/*clearfix hack*/
clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*remove border from img links*/
body.plus_general a.img_link, body.plus_makers a.img_link, body.plus_audiences a.img_link, body.plus_youth a.img_link {border:none; padding:0px;}

/*shared styles*/
	
p, dl, label, th, ul, ol {
	font-size: 1.2em;
	line-height: 1.6666667;
	}

blockquote {
	padding: 15px 15px 0px 80px;
	margin: 15px 0;
	min-height: 50px;
	background-color: #fff;
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
	background-position: -800px -1550px;
	background-repeat: repeat-y;
	font-weight: bold;
	font-size: 1.4em;
	}

blockquote * {
	font-weight: bold;
	}

body.plus_audiences blockquote {color: #E34498}
body.plus_makers blockquote {color: #BDEA09}
body.plus_youth blockquote {color: #F6963C}
body.plus_event blockquote {color: #56AED1}

cite {
	display: block;
	
	text-align:right;
	font-style: italic;
	}

ul ul, ol ol {
	font-size: 1.0em /*reset font size for nested lists*/
	}

p 	{padding-bottom: 15px;}

em {font-style:italic;}

strong {
	font-weight: bold;
	color: #458BA7;
	}

sup {
	vertical-align: top;
	font-weight: bold;
	font-size: 0.8em;
	}

ol {
	padding-left: 20px;
	list-style:decimal;
	margin-bottom: 15px;
	}

a, a h1 {
	cursor: pointer;
	cursor: hand;

}

h1{
	border-bottom: 2px solid #A4A5A3;
	margin: 5px 0 20px 0;
	
	font-size: 4.2em;
	line-height:1.25;
	font-weight:bold;
	
	text-transform: uppercase;
	}

h1.title {
	padding-top: 65px;
	margin-bottom: 20px;
	}

h2{font-size: 2.0em; line-height: 1.25; font-weight: bold; text-transform: lowercase; padding-bottom:10px; margin-bottom:10px}
h3{font-size: 2.0em; line-height: 1.25; font-weight: bold; text-transform: lowercase; padding-bottom:10px; margin-bottom:10px}
h4{font-size: 1.4em; line-height: 1.25; font-weight: bold; text-transform: lowercase; padding: 7px 0 10px 0; margin-bottom:10px}
h5{font-size: 1.4em; line-height: 1.25; font-weight: bold; text-transform: lowercase; padding: 15px 0 4px 0; margin-bottom:10px}
h6{ font-size: 1.6em; line-height: 1.25; font-weight:bold; text-transform: lowercase; margin-bottom:10px;}

h2, h4 { background: url(../../images/common/plus/header_bg_blue.png) repeat-x bottom left; background-color: #fff/*seems to be required by ie7?*/}




h2.replace {
	padding-top: 43px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;

	font-size: 3.0em;	
	}


.replace {
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);/*bg-positions set using #*/
	background-repeat: no-repeat;
	}

/*expanding defintion lists*/

div#content_body .expand dt {
  margin: 5px 0px 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #eee;
  font-size: 1.2em;
}

div#content_body .expand dt a {
  font-weight: bold;
  margin-bottom: 0px;
}

div#content_body .expand dt a:active {
  border: none;
} 

div#content_body .expand dd {
  margin-left: 0px;
  border-bottom: 1px dotted #eee;
}

div#content_body .expand ul,
div#content_body .expand p {
  font-size: 1em;
}

div#content_body img {
  max-width: 100%;
}

/*------------------------------------------------------------------------------------------------------------------------------------------
general search results pages styles*/	

h1#search_results_title {background-position: 0 -1820px;}
h1#no_results_title {background-position: 0 -1880px;}

/*------------------------------------------------------------------------------------------------------------------------------------------
content body styles - mostly undoing reset styles*/

div#content_body ul {list-style:inside; margin-bottom: 15px;}
div#content_body dl, div#content_body ol {margin-bottom: 15px;}

div#content_body dt {font-weight: bold; margin-bottom: 5px;}
div#content_body dd, div#content_body li {margin-left: 15px; margin-bottom: 5px;}

/*------------------------------------------------------------------------------------------------------------------------------------------
colour / section classes

colour reference:

general highlight - mid-blue - #56AED1
audiences highlight - fuschia - #E34498
makers highlight - lime - #BDEA09
youth highlight - soft orange - #F6963C

tints:

dark tints:
general - dark blue - #458BA7
makers - dark lime - #97BB07
audiences - dark pink - #B6367A
youth - dark orange - #C57830

pale tints:
#78BEDA - pale blue tint
#E969AD - fuschia pale tint
#CAEE3A - lime pale tint
#F8AB63 - orange pale tint


*/

.general {}
.audiences {}
.makers {}
.youth {}

a {padding-bottom: 2px;}

a:link {color: #56AED1; text-decoration: none; border-bottom: 1px dotted #56AED1}
a:visited {color: #999999; text-decoration: none; border-bottom: 1px solid #56AED1}
a:hover {color: #56AED1; text-decoration: none; border-bottom: 1px solid #56AED1}
a:active {color: #56AED1; text-decoration: none; border-bottom: 1px solid #56AED1}

a:link.audiences { color:#E34498; border-bottom-color:#E34498}
a:visited.audiences {border-bottom-color:#E34498}
a:hover.audiences {color:#E34498; border-bottom-color:#E34498}
a:active.audiences {color:#E34498; border-bottom-color:#E34498}

a:link.makers { color:#BDEA09; border-bottom-color:#BDEA09}
a:visited.makers {border-bottom-color:#BDEA09}
a:hover.makers { color:#BDEA09; border-bottom-color:#BDEA09}
a:active.makers { color:#BDEA09; border-bottom-color:#BDEA09}

a:link.youth { color:#F6963C; border-bottom-color:#F6963C}
a:visited.youth {border-bottom-color:#F6963C}
a:hover.youth { color:#F6963C; border-bottom-color:#F6963C}
a:active.youth { color:#F6963C; border-bottom-color:#F6963C}

/*make a link that fills it's entire containing element - parent element needs position:relative*/
a.full_click {
	display: block;
	border: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	
	}	
/*hide descriptive text inside fill_click anchors*/
a.full_click span {
	display: block;
	text-indent: -9999px;
	}

/*main content/large images striped border*/
.bordered {
	padding: 10px;
	margin-bottom: 15px;
	background:url(../../images/common/plus/colour_bg_grey.png) repeat;
	}



/*style feedback messages for the user*/

p.user_message {
	border: 1px solid #FF0000;
	color: #56AED1;
	background-color:#FEFFDF;
	font-weight: bold;
	padding: 15px;
	}

/*style "more" links*/
a.more {
	padding: 6px 5px;
	float: right;
	}
	
/*set min height on excerpts so everything looks nice*/

p.section_excerpt {
	min-height: 120px;
	}
	
/*heading link styles*/
/*set heading links to grey until hover*/
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited,

body.plus_makers h2 a:link, body.plus_makers h2 a:visited, /*needed due to cascade*/
body.plus_makers h3 a:link, body.plus_makers h3 a:visited, /*needed due to cascade*/

body.plus_audiences h2 a:link, body.plus_audiences h2 a:visited, /*needed due to cascade*/
body.plus_audiences h3 a:link, body.plus_audiences h3 a:visited, /*needed due to cascade*/

body.plus_youth h2 a:link, body.plus_youth h2 a:visited, /*needed due to cascade*/
body.plus_youth h3 a:link, body.plus_youth h3 a:visited /*needed due to cascade*/

{
	color: #333;
	border: none;
	font-weight: bold;
	}

h2 a:hover, h2 a:active, h3 a:hover, h3 a:active {color: #56AED1}/*default to blue*/

.makers h2 a:hover, .makers h2 a:active,
.makers h3 a:hover, .makers h3 a:active,
body.plus_makers h2 a:hover, body.plus_makers h2 a:active,
body.plus_makers h3 a:hover, body.plus_makers h3 a:active
{color: #BDEA09}

.audiences h2 a:hover, .audiences h2 a:active,
.audiences h3 a:hover, .audiences h3 a:active,
body.plus_audiences h2 a:hover, body.plus_audiences h2 a:active,
body.plus_audiences h3 a:hover, body.plus_audiences h3 a:active
{color: #E34498}

.youth h2 a:hover, .youth h2 a:active,
.youth h3 a:hover, .youth h3 a:active,
body.plus_youth h2 a:hover, body.plus_youth h2 a:active,
body.plus_youth h3 a:hover, body.plus_youth h3 a:active
{color: #F6963C}



/*primary layout*/

#wrapper {
	width:870px;
	margin: 0px auto 0px;
	padding: 21px 15px 20px 115px;
	position: relative;
	
	background-image: url(../../images/common/plus/body_bg_blue.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#tft_link {
	position: absolute;
	top: -30px;
	right: 10px;
	
	height: 0px;
	width: 200px;
	overflow: hidden;
	border: none;
	
	margin:0px;
	padding: 20px 0 0 0;
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
	background-repeat: no-repeat;
	background-position: 0px -880px;
	}

#tft_link:hover {
	background-position: -200px -880px;
	}

h1#header {
	width: 760px;
	height: 0px;
	padding: 71px 0 0 0;
	margin: 0;
	overflow: hidden;
	float: right;
	margin-bottom: 15px;
	
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	
	}

a#home_link {
	position: absolute;
	width: 990px;
	padding-top: 101px;
	height: 0px;
	overflow: hidden;
	left: 0px;
	top: 0px;
	border: none;
	}

a.plain {border: none; display:block}

/*menu styles*/

h3#menu_title {
	padding-top: 40px;
	margin: 25px 0 23px 0;
	
	border-bottom: 2px solid #A4A5A3;
	background-position: 0px -1025px;
	}

ul.nav li a
{
	display: block;
	margin-bottom: 10px;
	width: 205px;
	height: 19px;
	padding: 0 0 1px 0;
	border: none;
	border: 0px;	
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
	background-repeat: repeat-x;
	background-position: 0px -350px;
	
	font-weight: bold;
	}	

ul.nav li a abbr {
	font-weight: bold;
	}

/*set standard nav links to grey with highlight hover*/
ul.nav li a:link {color: #999999;	}
ul.nav li a:visited {color: #999999;}
ul.nav li a:hover {color: #666666; background-color:#999999;}
ul.nav li a:active {color: #999999;}

/*set extra margin on last link per section*/
ul.nav li a.last {
	margin-bottom: 30px;
	}

/*style colours of menu links on hover inc set colours for bgs on section links*/
ul.nav li span a.general, ul.nav li a.general:link {color:#333;/*grey*/ background-color:#56AED1;}/*mid-blue*/
ul.nav li span a.general:visited {color:#333}/*grey*/
ul.nav li span a.general:hover {color:#56AED1;/*mid-blue*/ background-color:#78BEDA; background-position: 0px -350px;}/*pale blue tint*/
ul.nav li span a.general:active {color:#56AED1}/*mid-blue*/

ul.nav li span a.audiences, ul.nav li a.audiences:link {color:#333;/*grey*/ background-color:#E34498;}/*fuschia*/
ul.nav li span a.audiences:visited {color:#333}/*grey*/
ul.nav li span a.audiences:hover {color:#E34498;/*fuschia*/ background-color:#E969AD; background-position: 0px -350px;}/*fuschia pale tint*/
ul.nav li span a.audiences:active {color:#E34498}/*fuschia*/

ul.nav li span a.makers, ul.nav li a.makers:link {color:#333;/*grey*/ background-color:#BDEA09;}/*lime*/
ul.nav li span a.makers:visited {color:#333}/*grey*/
ul.nav li span a.makers:hover {color:#BDEA09;/*lime*/  background-color:#CAEE3A; background-position: 0px -350px;}/*lime pale tint*/
ul.nav li span a.makers:active {color:#BDEA09}/*lime*/

ul.nav li span a.youth, ul.nav li a.youth:link {color:#333;/*grey*/ background-color:#F6963C;}/*soft orange*/
ul.nav li span a.youth:visited {color:#333}/*grey*/
ul.nav li span a.youth:hover {color:#F6963C;/*soft orange*/ background-color:#F8AB63; background-position: 0px -350px;}/*orange pale tint*/
ul.nav li span a.youth:active {color:#F6963C}/*soft orange*/


/*nav sections*/

ul.nav li span a {
	border-bottom-width:1px;
	border-bottom-style: solid;
	padding-bottom: 10px;
	font-size: 1.17em;
	}

ul.nav li.sub span a.general {border-bottom-color: #ccc;}
ul.nav li.sub span a.audiences {border-bottom-color: #E34498;}
ul.nav li.sub span a.makers {border-bottom-color: #BDEA09;}
ul.nav li.sub span a.youth {border-bottom-color: #F6963C;}

	/*block link back  to main tft site in sub nav - image replaced*/
	a#link_to_main {
		width: 205px;
		height: 0px;
		padding: 40px 0px 0px 0px;
		margin-top: 20px;
		display: block;
		overflow: hidden;
		border: none;
	
		background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
		background-repeat: no-repeat;
		background-position: 0px -300px;
	
		}
		
	a#link_to_main:hover {
		background-position: -205px -300px;
		}

/*main page sections layout */

#primary_content {
	clear: both;
	margin-bottom: 15px;
	}

#footer_wrapper {
	width: 100%;
	position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;
	background-image:url(../../images/common/plus/tft_plus_sprite_map.png);
	background-repeat: repeat-x;
	background-position: 0px -100px;
	}

#footer {
	width:870px;
	margin: 0px auto 0px;
	padding: 20px 15px 0 115px;
	position: relative;
	
	text-align: right;
	}
	
/*homepage styles*/

body.plus_home #main {
	border-top: none;
	}
body.plus_home #primary_content {
	width: 870px;
	height: 400px;
	clear: both;
	margin-bottom: 25px;
	overflow: hidden;
	}


	/*slider styles*/
	
	body.plus_home #primary_content {background: url(../../images/common/plus/tft_plus_sprite_map.jpg) repeat 0 -470px;}
	
	ul.slider h4, ul.slider p {
		padding: 2px 5px 3px 5px;
		
		background: url(../../images/common/plus/slide_content_bg.png) repeat;
		
		}
		
	ul.slider h4{
		margin-bottom: 10px;
	
		font-size: 2.0em;
		font-weight: bold;
		text-transform: none;
		}
	ul.slider h4 * {
		font-weight: bold;
		}
	
	ul.slider h4 sup {vertical-align: super}
	
	ul.slider {
		width: 870px;
		}
	
	ul.slider li{
		float: left;
		display: block;
		height: 400px;
	}
	
	ul.slider li a.panel{	
		display: block;	
		overflow: hidden;
		height: 400px;
		width: 60px;
		cursor: pointer;
		border: none;	
	}
	
	#a1{
		width: 685px;
	}
	
	a.panel {
		overflow: hidden;  display: block; width: 75px; position: relative;
		}
	
	ul.slider li {background-image:url(../../images/common/plus/slider_bg.jpg); background-repeat:repeat-x;}
	
	li#panel_intro {background-position: 0px 0px;}
	li#panel_aud {background-position: 0px -400px;}
	li#panel_maker {background-position: 0px -800px;}
	li#panel_youth {background-position: 0px -1200px;}
	
	div.panel_content {
		padding: 20px 60px;
		width: 350px;
		
		color: #fff;
		}

	div.panel_content strong {	
		color: #fff;
		}

	#panel_intro a div.panel_content {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 535px;
		padding-left: 120px;
		}
	
	#panel_aud a div.panel_content {
		position: absolute;
		left: 20px;
		bottom: -5px;
		width: 250px;
		}

	#panel_maker a div.panel_content {
		position: absolute;
		left: 20px;
		bottom: 60px;
		width: 590px
		}
	
	#panel_youth a div.panel_content {
		position: absolute;
		left: 0;
		bottom: 60px;
		width: 610px;
		}
	
	/*end slider styles

	/*position secondary_content elements*/
	
	body.plus_home #next_events {
		float: left;
		width: 645px;
		margin-right: 15px;
		}
		
	body.plus_home #menu {
		float: right;
		width: 205px;
		}
	/*stlye quick links nav*/
	body.plus_home ul.nav a:link {color:#333;}
	body.plus_home ul.nav a:visited: {color:#333;}
	
	body.plus_home ul.nav a.general:link, body.plus_home ul.nav a.general:visited {background-color:#56AED1; color:#666;}	
	body.plus_home ul.nav a.audiences:link, body.plus_home ul.nav a.audiences:visited {background-color:#E34498; color:#666;}
	body.plus_home ul.nav a.makers:link, body.plus_home ul.nav a.makers:visited  {background-color:#BDEA09; color:#666;}
	body.plus_home ul.nav a.youth:link, body.plus_home ul.nav a.youth:visited {background-color:#F6963C; color:#666;}
	
	body.plus_home ul.nav a.general:hover {color:#56AED1; background-color:#78BEDA;}	
	body.plus_home ul.nav a.audiences:hover {color:#E34498; background-color:#E969AD;}
	body.plus_home ul.nav a.makers:hover  {color:#BDEA09; background-color:#CAEE3A;}
	body.plus_home ul.nav a.youth:hover  {color:#F6963C; background-color:#F8AB63;}

	body.plus_home ul.nav a.general:active {color:#458BA7; background-color:#458BA7;}	
	body.plus_home ul.nav a.audiences:active {color:#97BB07; background-color:#97BB07;}
	body.plus_home ul.nav a.makers:active  {color:#B6367A; background-color:#B6367A;}
	body.plus_home ul.nav a.youth:active  {color:#C57830; background-color:#C57830;}
	
	/*set home events heading bg*/
	body.plus_home h2#next_events_title {
		background-position: 0px -380px;
		}
	
	/*set quick links heading bg*/
	body.plus_home h2#quick_links_title {
		background-position: 0px -420px;
		}

	/*event listing area styles*/
	div.event {
		clear: both;
		margin-top: 15px;
		position: relative;
		}
	
	div.event h3, div.event p {
		max-width: 425px;
		margin-left: 215px;	
		} 
	
	div.event h3 {
		padding-top: 15px;
		margin-bottom: 10px;
		}
	
	div.event .event_thumb_date {
		width: 200px;
		float: left;
		position: relative;
		padding-top: 11px;
		}
	
	div.event .event_thumb_date img {
		float: right;
		}
		
	div.event .event_thumb_date p {
		margin-left: 0px; /*needed to overide inherited styles*/
		font-size: 1.6em;
		text-align: left;
		}
	
	div.more_events {
		padding: 8px; 4px;
		border: 1px solid #ccc;
	}

	div.more_events a:hover {
		border: none;
	}		
	/*set colours for different types of events*/
	div.audiences {border-top: 1px solid #E34498}
	div.audiences div.event_thumb_date {border-top: 4px solid #E34498}
	div.makers {border-top: 1px solid #BDEA09}
	div.makers .event_thumb_date {border-top: 4px solid #BDEA09}
	div.youth {border-top: 1px solid #F6963C}
	div.youth .event_thumb_date {border-top: 4px solid #F6963C}

/*content pages*/
	div#content_body {
		margin-bottom: 30px;
		}
	
	/*sub section modules*/
	div.sub_section {
		width: 205px;
		max-width: 205px;
		min-height: 300px;
		float: left;
		
		margin-right: 15px;
		}
	
	div.row_end, div.col3 {
		margin-right: 0px;
		}
	
	div.row_end {
	  float: right;
	  clear: none;
	}
	
	.col1 {
	  clear: left;
	}
	
	/*add padding to non-heading content of sub section modules*/
	
	div.sub_section img {
		margin-bottom: 0px
		}
	
	div.sub_section div, div.sub_section img {
		padding: 7px;
		}
		
	div.sub_section a.img_link {
		display: block;
		}
	
	/*tweak styles for ul links*/
	
	div.sub_section ul.nav li a:link {background-position: -10px -350px; color: #333; background-color: #BCBCBC;}
	div.sub_section ul.nav li a:visited {background-position: -10px -350px; color: #333; background-color: #BCBCBC;}

/*addtional section nav styles*/

/*make sure titles clear any floated items above*/

div#section_nav h4 {clear: both;}

/*context menu event links*/
div#section_nav span {display: block;}
div#section_nav span.event_date {float:left;}
div#section_nav span.event_name {float: right; font-weight:bold;}
div#section_nav li a:link, div#section_nav li a:visited {color: #999;}
div#section_nav li a:hover, div#section_nav li a:active {color: #666;}



/*----------------------------------------------------------------------------
maker pages - colour specific styles and bg's-*/

	/*set heading bg image to green*/
body.plus_makers #wrapper {background-image: url(../../images/common/plus/body_bg_green.gif);}
	/*set highlight colour for this section*/
body.plus_makers .highlight {color:#BDEA09}
body.plus_makers strong {color: #97BB07;}/*dark tint*/

	/*set section link colours - set on wrapper to exclude footer*/
div.plus_makers a:link { color:#BDEA09; border-bottom-color:#BDEA09}
div.plus_makers a:visited {border-bottom-color:#BDEA09}
div.plus_makers a:hover{ color:#BDEA09; border-bottom-color:#BDEA09}
div.plus_makers a:active { color:#BDEA09; border-bottom-color:#BDEA09}

/*style link for section contaact*/
.plus_makers div#section_nav dd a {color:#BDEA09; border-bottom-color:#BDEA09}

/*section title "for theatre makers"*/
	/*set bgs for titles*/
body.plus_makers h1#primary_section_title {background-position: 0 -900px;}
body.plus_makers h1#events_section_title {background-position: 0 -960px;}

/*section title "production archive"*/
	/*set bgs for titles*/
body.plus_makers h1#production_archive {background-position: 0px -1700px;}

	/*set coloured bg underline on headings*/
body.plus_makers h2, body.plus_makers h4 { background: url(../../images/common/plus/header_bg_green.png) repeat-x bottom left; background-color: #fff/*seems to be required by ie7?*/}


/*style more links for this section*/
body.plus_makers a.more:link, body.plus_makers a.more:visited { 
	color: #999999;
	border: 1px solid #bebebe;
	}

body.plus_makers a.more:hover, body.plus_makers a.more:active { 
	color: #97BB07; /*dark green tint*/
	border: 1px solid #BDEA09;
	}

/*hovers on thumb images*/
body.plus_makers div.sub_section a.img_link:link, body.plus_makers div.sub_section a.img_link:visited {background:url(../../images/common/plus/colour_bg_green.png) repeat;}
body.plus_makers div.sub_section a.img_link:hover, body.plus_makers div.sub_section a.img_link:active {background:url(../../images/common/plus/colour_bg_grey.png) repeat;}

/*hovers on ul links to subsection/content pages*/
body.plus_makers div.sub_section ul.nav li a:hover, body.plus_makers div.sub_section ul.nav li a:active {background-position: -10px -350px; color: #BDEA09; background-color: #CAEE3A; /*lime tint*/}


/*back to section homepage links*/

body.plus_makers a#back_link {display: block; padding-top: 40px; margin: 15px 0; border: none; background-position: 0 -1610px;}
body.plus_makers a#back_link:link, body.plus_event a#back_link:visited {background-position: 0 -1610px;}
body.plus_makers a#back_link:hover, body.plus_event a#back_link:active {background-position: -205px -1610px;}

/*archive tables of people*/

.archive_table {
	font-size: 10px;
}

.archive_table td {
	padding: 2px; 
}

.archive_table tr{
	margin-bottom: 3px;
}

td.role {
	width: 50%;
	text-align: right;
	padding-right: 5px;
}

td.person {
	width: 66%;
	font-weight: bold;
}

/*--------------------------------------------------------------------
audience pages - colour specific styles and bg's-*/

	/*set heading bg image to pink*/
body.plus_audiences #wrapper {background-image: url(../../images/common/plus/body_bg_pink.gif);}

	/*set highlight colour for this section*/
body.plus_audiences .highlight {color:#E34498}
body.plus_audiences strong {color: #B6367A;}/*dark tint*/

	/*set section link colours - set on wrapper to exclude footer*/
div.plus_audiences a:link { color:#E34498; border-bottom-color:#E34498}
div.plus_audiences a:visited {border-bottom-color:#E34498}
div.plus_audiences a:hover{ color:#E34498; border-bottom-color:#E34498}
div.plus_audiences a:active { color:#E34498; border-bottom-color:#E34498}

/*style link for section contaact*/
.plus_audiences div#section_nav dd a {color:#E34498; border-bottom-color:#E34498}

/*section title "for theatre audiences"*/
	/*set bgs for titles*/
body.plus_audiences h1#primary_section_title {background-position: 0 -1060px;}
body.plus_audiences h1#events_section_title {background-position: 0 -1120px;}

	/*set coloured bg underline on headings*/
body.plus_audiences h2, body.plus_audiences h4 { background: url(../../images/common/plus/header_bg_pink.png) repeat-x bottom left; background-color: #fff/*seems to be required by ie7?*/}


/*style more links for this section*/
body.plus_audiences a.more:link, body.plus_audiences a.more:visited { 
	color: #999999;
	border: 1px solid #bebebe;
	}

body.plus_audiences a.more:hover, body.plus_audiences a.more:active { 
	color: #B6367A; /*dark pink tint*/
	border: 1px solid #E34498;
	}

/*hovers on thumb images*/
body.plus_audiences div.sub_section a.img_link:link, body.plus_audiences div.sub_section a.img_link:visited {background:url(../../images/common/plus/colour_bg_pink.png) repeat;}
body.plus_audiences div.sub_section a.img_link:hover, body.plus_audiences div.sub_section a.img_link:active {background:url(../../images/common/plus/colour_bg_grey.png) repeat;}

/*hovers on ul links to subsection/content pages*/
body.plus_audiences div.sub_section ul.nav li a:hover, body.plus_audiences div.sub_section ul.nav li a:active {background-position: -10px -350px; color: #E34498; background-color: #E969AD; /*paler pink tint*/}


/*back to section homepage links*/

body.plus_audiences a#back_link {display: block; padding-top: 40px; margin: 15px 0; border: none; background-position: 0px -1570px;}
body.plus_audiences a#back_link:link, body.plus_audiences a#back_link:visited {background-position: 0px -1570px;}
body.plus_audiences a#back_link:hover, body.plus_audiences a#back_link:active {background-position: -205px -1570px;}

/*--------------------------------------------------------------------
youth pages - colour specific styles and bg's-*/

	/*set heading bg image to orange*/
body.plus_youth #wrapper {background-image: url(../../images/common/plus/body_bg_orange.gif);}

	/*set highlight colour for this section*/
body.plus_youth .highlight {color:#F6963C}
body.plus_youth strong {color: #C57830;}/*dark tint*/

	/*set section link colours - set on wrapper to exclude footer*/
div.plus_youth a:link { color:#F6963C; border-bottom-color:#F6963C}
div.plus_youth a:visited {border-bottom-color:#F6963C}
div.plus_youth a:hover{ color:#F6963C; border-bottom-color:#F6963C}
div.plus_youth a:active { color:#F6963C; border-bottom-color:#F6963C}

/*style link for section contaact*/
.plus_youth div#section_nav dd a {color:#F6963C; border-bottom-color:#F6963C}

/*section title "for younger audiences"*/
	/*set bgs for titles*/
body.plus_youth h1#primary_section_title {background-position: 0 -1180px;}
body.plus_youth h1#events_section_title {background-position: 0 -1240px;}

	/*set coloured bg underline on headings*/
body.plus_youth h2, body.plus_youth h4 { background: url(../../images/common/plus/header_bg_orange.png) repeat-x bottom left; background-color: #fff/*seems to be required by ie7?*/}


/*style more links for this section*/
body.plus_youth a.more:link, body.plus_youth a.more:visited { 
	color: #999999;
	border: 1px solid #bebebe;
	}

body.plus_youth a.more:hover, body.plus_youth a.more:active { 
	color: #C57830; /*dark orange tint*/
	border: 1px solid #F6963C;
	}

/*hovers on thumb images*/
body.plus_youth div.sub_section a.img_link:link, body.plus_youth div.sub_section a.img_link:visited {background:url(../../images/common/plus/colour_bg_orange.png) repeat;}
body.plus_youth div.sub_section a.img_link:hover, body.plus_youth div.sub_section a.img_link:active {background:url(../../images/common/plus/colour_bg_grey.png) repeat;}

/*hovers on ul links to subsection/content pages*/
body.plus_youth div.sub_section ul.nav li a:hover, body.plus_youth div.sub_section ul.nav li a:active {background-position: -10px -350px; color: #F6963C; background-color: #F8AB63; /*pale orange tint*/}

body.plus_youth a#back_link {display: block; padding-top: 40px; margin: 15px 0; border: none; background-position: 0 -1650px;}
body.plus_youth a#back_link:link, body.plus_youth a#back_link:visited {background-position: 0 -1650px;}
body.plus_youth a#back_link:hover, body.plus_youth a#back_link:active {background-position: -205px -1650px;}

/*--------------------------------------------------------------------
events pages - colour specific styles and bg's-*/


/*section title "plus events"*/
	/*set bgs for listing titles*/
body.plus_event h1#primary_section_title {background-position: 0 -1300px;}
	/*set bgs for index title*/
body.plus_event h1#event_section_title {background-position: 0 -1430px;}
	/*set bgs for search results title*/
body.plus_event h1#event_section_results_title {background-position: 0 -1760px;}

/*ticket booking link*/
body.plus_event a#book_link {display: block; padding-top: 40px; margin: 15px 0; border: none;}
body.plus_event a#book_link:link, body.plus_event a#book_link:visited {background-position: 0 -1380px;}
body.plus_event a#book_link:hover, body.plus_event a#book_link:active {background-position: -205px -1380px;}

/*pagination links*/

.pagination {
	float: right;
	margin: 5px 0px 10px;
	font-size:0.8em;
	clear: both;
	}


.pagination a:link, a:visited {
	color: #666;
	border:none;
	}

.pagination a:hover, a:active {
	color: #56AED1;
	border-bottom:1px dotted #56AED1;
	}

/*event search controls*/

body.plus_event #listings, form#search_controls {
	clear:both;/*to clear pagnination links*/
	padding-bottom: 10px;
	
	border-bottom: 1px solid #bcbcbc;
	}

form#category_search, form#keyword_search {
	margin-bottom: 15px;
}

form#category_search {
		width: 320px;
		float: right;
}

form#keyword_search {
		width: 320px;
		float:left;
}

p#no_results {
	margin: 25px 0;
	padding: 15px;
	border:1px dotted #FF0000;
	font-weight: bold;
	clear: both;
	}	


/*--------------------------------------------------------------------
notice pages - colour specific styles and bg's- uses event section class names and primary styles*/
	/*set bgs for index title*/
body.plus_event h1#notice_section_title {background-position: 0 -1490px;}

	/*set notice descr to full width as no images*/
body.plus_event div.notice h3, div.notice p {
		max-width: 640px;
		margin-left: 0px;	
		} 
	/*add border top top of notice summaries*/
body.plus_event div.notice {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #56AED1;
	}

body.plus_event #entryform label, body.plus_event #entryform input, body.plus_event #entryform h5, body.plus_event #entryform p {
	clear: left;
	}

body.plus_event #entryform input {
	float: left;
	}

body.plus_event #entryform textarea {
	min-height: 300px;
	}

body.plus_event #entryform label {
	font-size: 1.4em; line-height: 1.25; font-weight: bold; text-transform: lowercase; padding: 15px 0 4px 0; margin-bottom:10px
	}
	
body.plus_event #entryform #submit, body.plus_event #entryform #preview  {margin-top: 15px; float: left;}
body.plus_event #entryform #preview {clear: none; margin-left: 15px;} 

body.notice #section_nav {
	text-transform: none;
	}

/*dhtml calendar styles for notices*/

#entryform .cal {
	width: 200px;
	float: left;
	}

#calentry_date, #calexpiration_date	{
	width: 180px;
	float: left;
	margin: 15px 15px 15px 0px;
	}
	
	
.calendar {
	background-color: transparent;
}

.calheading {
	background-color: #458BA7;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.calnavleft {
	background-color: #458BA7;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}

.calnavright {
	background-color: #458BA7;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align:  right;
	padding: 4px;
	cursor: pointer;
}

.caldayheading {
	background-color: #000;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 6px 2px 6px 2px;
}

.caldaycells{
	color: #000;
	background-color: #78BEDA;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #E0E5F1 solid;
	cursor: pointer;
}

.caldaycellhover{
	color: #fff;
	background-color: #B3BCD4;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #B3BCD4 solid;
	cursor: pointer;
}

.caldayselected{
	background-color: #458BA7;
	color:	#fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px #566188 solid;
	padding: 3px;
	cursor: pointer;
}

.calblanktop {
	background-color: #fff;
	padding: 4px;
}
.calblankbot {
	background-color: #fff;
	padding: 4px;
}


/*--------------------------------------------------------------------
shared section nav styles*/


/*further info dls*/

#section_nav {text-transform: lowercase;}

#section_nav dl a {border:none; padding-bottom: 0px;}

#section_nav dl a:link {color:#666;}
#section_nav dl a:link {color:#999;}


body.plus_event #section_nav dl a:hover {color:#56AED1;}
body.plus_event #section_nav dl a:active {color:#56AED1;}
body.plus_audiences #section_nav dl a:hover {color:#E34498;}
body.plus_audiences #section_nav dl a:active {color:#E34498;}
body.plus_makers #section_nav dl a:hover {color:#BDEA09;}
body.plus_makers #section_nav dl a:active {color:#BDEA09;}
body.plus_youth #section_nav dl a:hover {color:#F6963C;}
body.plus_youth #section_nav dl a:active {color:#F6963C;}

/*separate them out a bit*/
#section_nav dt, #section_nav dd {margin-bottom: 5px;}

/*make the links fill the space*/
#section_nav dt a {margin-top:-1px;}
#section_nav dt a, #section_nav dd a {display:block;}
/*limit the width of links in dd's to stop them breaking the layout*/
#section_nav dd {max-width: 125px;}
div#section_nav dt { font-weight: bold;}
div#section_nav dd {text-align:right; margin-top: -25px; margin-left: 80px;}


/*
body classes:
By site section:
	general: plus_general
	makers: plus_makers
	audience: plus_audiences
	youth: plus_youth

By page type:
	homepage: plus_home
	1st level section pages: plus_section
	2nd level section pages: plus_sub_section
	content pages: plus_sub_section
	event pages: plus_event
*/

/*nav is in same place on all page except home - 2 col wide - 1st in content, floated right*/

body.plus_section div#nav, body.plus_sub_section div#nav, body.plus_content div#nav   {
	width: 205px;
	float: right;
	margin-bottom: 15px;
	}

/*1st level section pages*/

body.plus_section div#primary_content, body.plus_section div#secondary_content  {
	width: 645px;
	float: left;
	clear:none;
	}

body.plus_section div#primary_content {
	border-bottom: 1px solid #bcbcbc;
	}

/*2nd level section pages*/

/*6 col wide, floated left*/
body.plus_sub_section div#primary_content {
	width: 645px;
	float: left;
	clear:none;
	}

/*within primary content, 4 col wide, float left*/
body.plus_sub_section div#content_body {
	width: 425px;
	float: left;
	margin-right: 15px;
	}

/*2col wide, within content body, repeating element*/
body.plus_sub_section div#section_nav {
	width: 205px;
	float: left;
	
	}
/*separate out sub section navs*/
body.plus_sub_section div#section_nav ul {
	margin-bottom: 20px;
	}