/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
body {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:0.75em;
	color:#000000;
	margin: 0 auto;
	width: 1002px;
}
/* Generic Links */
a, ul, li {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:000000;
	text-decoration:none;
}
a img {
	border: none;
}
/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
#conbiner {
	position: absolute;
	width: 1000px;
	z-index: 10;
}
#flash_content {
	height:520px;
	margin: -270px 0 0 -407px;
	padding:0 0 0 0px;
	position:absolute;
	width:814 px;
	z-index:1;
	top: 50%;
	left: 50%;
	float: left;
}
#flash_window {
	height:520px;
	margin: -270px 0 0 -407px;
	position:absolute;
	width:567px;
	z-index:1;
	top: 50%;
	left: 50%;
	float: left;
	padding-left: 247px;
}
#video_clip {
	float: left;
	height: 390px;
	width: 500px;
}
#section_clip {
	height:475px;
	margin: -220px 0 0 -295px;
	padding-left: 162px;
	position:absolute;
	width:520px;
	z-index:1;
	top: 50%;
	left: 50%;
	float: left;
	padding-top: 0px;
}
#wrapper {
	width:816px;
	height:572px;
	margin: -286px 0 0 -408px;
	position:absolute;
	top: 50%;
	left: 50%;
	float: left;
	padding-top: 0px;
	z-index: 10;
}
#outline {
	float: left;
	padding: 44px 0 0;
	height: 500px;
}

/* left */
#left_col {
	width:290px;
	height:474px;
	float:left;
	position:relative;
	padding-top: 26px;
}
#logo {
	width:227px;
	height:20px;
	margin:0;
	/*padding-left: 27px;*/
}
#nav_panel {
	width:227px;
}
#left_panel {
	width:270px;
	position:absolute;
	bottom:42px;
}
#left_panel a {
	background: #aabbcc;
	color: #fff;
	padding: 4px;
	display: inline-block;
}
/* main */
#main_panel {
	width:520px;
	height:500px;
	padding:0;
	float:left;
	xbackground:url(../images/img_footer.gif) no-repeat bottom;
}

#top_bar {
	/* width:500px;*/
	height:18px;
	line-height: 16px;
	margin:26px 0 10px 0;
	/* border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	text-align: left;
	padding: 4px;
	color: #fff;
	font-weight: bold;
}
#top_bar p {
	color: #fff;
}
#top_bar a {
	color: #fff;
	background: #aabbcc;
	padding: 4px;
}
#base {	
	width:814px;
	height:30px;
	float:left;
	background:url(../images/img_footer.gif) no-repeat right;
}

.green {
	background:#94C945;
}

.pink {
	background:#F494BE;
}

.yellow {
	background:#F1BC3D;
}

.orange {
	background:#F99f1c;
}

.blue {
	background:#78bedf;
}

.cyan {
	background:#7ACBBB;
}

.purple {
	background:purple;
}


	
table#events td {
	border:3px solid #ffffff;
	background:#E6E6E6;
	width:200px;
	padding:5px;
	color:#666666;
	vertical-align:top;
}

table th {
	color:#999999;
	text-align:left;
	vertical-align:top;
	padding:0px 0 3px 0;
	font-size:0.92em;
}
table td {
	color:#666666;
	text-align:left;
	vertical-align:top;
	padding:0px 0 3px 0;
	font-size:0.92em;
}
hr {
 border: none;
 background-color:#ccc;
 height:1px;
}
hr.event {
	width:650px;
	height:1px;
	background:#ffffff;
	border:dashed #7ACBBB;
	border-width:1px 0 0 0;
	padding:0;
	margin:10px 0 10px 0;
	text-align:left;
}

#event_nav_left {
	width:216px;
	height:20px;
	border:solid #7ACBBB;
	border-width:0 0 1px 0;
	text-align:left;
	float:left;
	color:#666666;
}
#event_nav_middle {
	width:216px;
	height:20px;
	border:solid #7ACBBB;
	border-width:0 0 1px 0;
	text-align:center;
	font-weight:bold;
	float:left;
	color:#666666;
}
#event_nav_right {
	width:216px;
	height:20px;
	border:solid #7ACBBB;
	border-width:0 0 1px 0;
	text-align:right;
	float:left;
	color:#666666;
}

.article_txt .tabulated {
	padding-bottom: 5px;
}

.article_txt h3 {
	padding-bottom: 0px;
	font-size: 0.92em;
	font-weight: bold;
	color: #999;
}

.article_txt .tabulated p label {
	margin-left: -110px;
	width: 110px;
	float: left;
	color:#999999;
	font-weight:bold;
}

.article_txt .tabulated p {
	clear: left;
	padding: 0px 0px 0px 110px;
	margin: 0px;
}

.article {
	border-bottom: 1px solid #F494BE;
	margin-bottom: 10px;
	float: left;
	width: 482px;
}

.article_links {
 padding-bottom: 10px;
}

.synopsis {
 clear:both;
 width: 480px;
}


#calendar .play {
 background: none !important;
}
#calendar .event a {
	color: #7ACBBB;
}
#calendar .film a {
	color: #F99f1c;
}

#calendar .play a {
	color: #94c945;
}

.result.film a {
	color: #fff;
	background: #F99f1c;
	padding: 4px;
}
.result.play a {
	color: #fff;
	background: #94c945;
	padding: 4px;
	display: inline-block;
}
.result.event a {
	color: #fff;
	background: #7ACBBB;
	padding: 4px;
}
.result.News a {
	color: #fff;
	background: #F494BE;
	padding: 4px;
}
.result.people a {
	color: #fff;
	background: #78bedf;
	padding: 4px;
}

#top_bar {
/*	color: #ccc;*/
}

#top_bar.play {
	color: #94c945 !important;
}
#top_bar.event {
	color: #7ACBBB;
}
#top_bar.News {
	color: #F1BC3D;
}
#top_bar.people {
	color: #78bedf;
}

.article.film {
	border-bottom: 1px solid #F99F1C;
/*	background: transparent url(../images/film_icon.gif) no-repeat bottom right;*/
}

.article.play {
	border-bottom: 1px solid #94c945;
/*	background: transparent url(../images/theatre_icon.gif) no-repeat bottom right;*/
}

.article.News {
	border-bottom: 1px solid #F494BE;
}

.article.event {
	border-bottom: 1px solid #7ACBBB;
/*	background: transparent url(../images/event_icon.gif) no-repeat bottom right;*/
}

.article.people {
	border-bottom: 1px solid #78bedf;
	//background: transparent url(../images/our_people.gif) no-repeat bottom right;
}

.article h1 a {
	color: #666;
}

.article h1 {
	padding-bottom: 10px;
}

.article_pink {
	width:482px;
	height:180px;
	border:solid #F494BE;
	border-width:0 0 1px 0;
	margin:0 0 20px 0;
}
.article_yellow {
	width:482px;
	height:180px;
	border:solid #F1BC3D;
	border-width:0 0 1px 0;
	margin:0 0 20px 0;
}
.article_blue{
	border-bottom: 1px solid #78bedf;
	margin-bottom: 10px;
	padding-bottom: 10px;
	float: left;
}
.article_ind {
	width:482px;
}

.article_img {
	float:left;
	padding: 0 10px 10px 0;
}

.article_img img {
	float:left;
	padding: 0;
}

.article_txt {
	float:left;
	width: 270px;
	padding-bottom: 10px;
}

.result .article_txt {
/*	width: 340px !important; */
}

.article_txt th{
	width:100px;
}

.article_txt img {
	margin:0 40px 20px 0;
}

.result .quote {
	width: 130px !important;
}

.quote {
	float: left;
	width: 190px;
	padding: 5px 5px 0px 0px;
	font-style: italic;
}

.quote p {
	padding: 0px;
	margin: 0px;
	font-size: 1.2em;
}

.external_links {
	padding-bottom: 10px;
}

.external_links ul {
	padding:0 0 10px;
	list-style: none;
}

.external_links a {
	/* text-decoration: underline; */
}

.external_links a:hover {
	text-decoration: none;
}

.narrow {
	width: 480px;
	padding: 0px;
	text-align: justify;
}

/***** Signpost *****/

#history_pane {
 float: left;
}

#lamppost_top {
	float: left;
	width: 657px;
	height: 225px;
	background: #fff url(../images/lamp-post-top.gif) no-repeat 0 0;
}

#lamppost_body {
	float: left;
	width: 482px;
	background: #fff url(../images/lamp-post-middle.gif) repeat-y 0 0;
}

#lamppost_bottom {
	float: left;
	width: 657px;
	height: 117px;
	background: #fff url(../images/lamp-post-base.gif) no-repeat 0 0;
}

#lamppost_body .entry {
	width: 234px;
}

#lamppost_body .left {
	float: left;
}

#lamppost_body .right {
	float: right;
}

#lamppost_body h2 {
	display: block;
	height: 26px;
	width: 132px;
	color: #73c0ec;
	font-size: 1.5em;
	font-weight: normal;
}

#lamppost_body .black_flag h2{
	background: #fff url(../images/signpost_black.jpg) top right;
}


#lamppost_body .left h2{
	background-position: 0px -30px;
	padding: 4px 18px 0 0px;
	text-align: right;
	margin-left:84px;
}

#lamppost_body .right h2{
	background-position: 0px 0px;
	padding: 4px 0px 0 18px;
	text-align: left;
}

#lamppost_body .left p {
	padding: 10px 18px 10px 20px;
	text-align: right;
}

#lamppost_body .right p {
	padding: 10px 20px 10px 18px;
}

#left_panel_summary .tabulated p label {
	margin-left: -80px;
	width: 80px;
	float: left;
}

#left_panel_summary .tabulated p {
	padding-left: 80px;
	clear: left;
	color: #666;
}

#left_panel_summary .tabulated {
	padding-bottom: 10px;
}

#left_panel_summary {
	width: 230px;
	float: left;
}


#left_panel_summary .summary_txt {
	width: 230px;
	float: left;
}

#left_panel_summary .summary_txt h1 {
	padding-bottom: 10px;
}


/* Footer */
#footer {
	width:816px;
	padding:10px 0;
	float:left;
	position:relative;
	font-size:0.92em;
	color:#999;
}


#footer a:link, #footer a:active, #footer a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#999;
}

#footer span a {
	margin:0 5px;
}

#footer span a.first {
	margin:0 5px 0 0;
}

#footer form {
	float: right;
/*	width: 250px;*/
}

#footer .tools {
 float: left;
 width: 100px;
 padding-left: 5px;
 cursor:pointer;
}

.tools .black {
 width: 16px;
 height: 16px;
 background: url(/system/modules/com.navyblue.opencms.tws.site/resources/images/blackscheme.gif);
 border: none;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
 cursor:pointer;
 }

.tools .white {
 width: 16px;
 height: 16px;
 background: url(/system/modules/com.navyblue.opencms.tws.site/resources/images/whitescheme.gif);
 border: none;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity:0.5;
 cursor:pointer;
 }

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */

#nav_panel ul {
	margin:0;
	padding:0;
	list-style:none;
}

#nav_panel ul li {
	margin:0;
	padding:0;
	list-style:none;
}

#nav_panel li a:link, #nav_panel li a:active, #nav_panel li a:visited {
	height:17px;
	display:block;
	width:150px;
}

ul#menu li.selected a#home, ul#menu li.selected a#about, ul#menu li.selected a#theatre, ul#menu li.selected a#film, ul#menu li.selected a#in-development, ul#menu li.selected a#news, ul#menu li.selected a#events {
	background-position:0 -17px;
}

ul#menu li a#home {
	background:url(../images/btn_home.gif) no-repeat;
}
ul#menu li a#about {
	background:url(../images/btn_about.gif) no-repeat;
}
ul#menu li a#theatre {
	background:url(../images/btn_theatre.gif) no-repeat;
}
ul#menu li a#film {
	background:url(../images/btn_film.gif) no-repeat;
}
ul#menu li a#in-development {
	background:url(../images/btn_development.gif) no-repeat;
}
ul#menu li a#news {
	background:url(../images/btn_news.gif) no-repeat;
}
ul#menu li a#events{
	background:url(../images/btn_events.gif) no-repeat;
}

ul#menu li a span {
	display:block;
	height:100%;
	width:100%;
	z-index:100;
}
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		display:block;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	

ul#menu li a#home span{
	background:url(../images/btn_home.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#about span{
	background:url(../images/btn_about.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#theatre span{
	background:url(../images/btn_theatre.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#film span{
	background:url(../images/btn_film.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#in-development span{
	background:url(../images/btn_development.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#news span{
	background:url(../images/btn_news.gif) no-repeat;
	background-position:0 -17px;
}
ul#menu li a#events span{
	background:url(../images/btn_events.gif) no-repeat;
	background-position:0 -17px;
}


/* Subnav  */
ul#menu ul {
	margin:0 0 0 33px;
	padding: 3px 0 5px;
	list-style:none;
}


ul#menu ul li a:link, ul#menu ul li a:active, ul#menu ul li a:visited {
	line-height:13px;
	height: 13px;
	display:block;
	width:100px;
	padding:0 0 0 10px;
}

.news_nav li a:hover, .news_nav li.over {
	background:url(../images/nav_bg_pink.gif) repeat-y;
}

.home_nav li a:hover, .home_nav li.over {
	background:url(../images/nav_bg_orange.gif) repeat-y;
}
.about_nav li a:hover, .about_nav li.over {
	background:url(../images/nav_bg_blue.gif) repeat-y;
}
.theatre_nav li a:hover, .theatre_nav li.over {
	background:url(../images/nav_bg_green.gif) repeat-y;
}
.productions_nav li a:hover, .productions_nav li.over {
	background:url(../images/nav_bg_pink.gif) repeat-y;
}
.events_nav li a:hover, .events_nav li.over {
	background:url(../images/nav_bg_cyan.gif) repeat-y;
}
.film_nav li a:hover, .film_nav li.over {
	background:url(../images/nav_bg_orange.gif) repeat-y;
}
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-size:1.33em;
	margin:0;
	padding:0;
	color:#666666;
}
h2 {
	font-size:1em;
	margin:0;
	padding:0;
	color:#999999;
}

h1.fl, h2.fl {
	font-weight:normal;
	font-size:1.5em;
	margin:0;
	padding:0;
}
h1.lrg {
	font-weight:normal;
	font-size:4em;
}

/* For when DE input wraps headings in p tags */

h1 p, h2 p, h3 p {
	padding: 0 !important;
	margin: 0px !important;
}

/* Type */
p {
	margin:0;
	padding:0 0 12px 0;
	color:#666666;
	font-size:0.92em;
	line-height:16px;
}

#main_panel p {
	font-size: 1.0em;
}

#main_panel .narrow p {
	font-size: 1.1em;
}

#main_panel .narrow h3 {
	padding-bottom: 10px;
}

#left_panel h3{
	padding: 0px;
	font-weight: normal;
	color: #000;
}

#left_panel p {
	padding: 0px;
	font-size: 1.0em;
	font-weight: normal;
	color: #666;
}

#left_panel h3 p{
	font-weight: normal !important;
	color: #000;
	font-size: 1.0em;
}

#left_panel form h2 {
	padding: 14px 0;
	width: 130px;
}

.article h2 {
	font-size: 1.3em;
	color: #666;
	padding-bottom: 10px;
}


.article.film h1 {
	color: #F99f1c;
}
.article.play h1 {
	color: #94c945;
}
.article.event h1 {
	color: #7ACBBB;
}
.article.News h1 {
	color: #F494BE;
}
.article.people h1 {
	color: #78bedf;
}
.article.film h2 {
	color: #F99f1c;
}
.article.play h2 {
	color: #94c945;
}
.article.event h2 {
	color: #7ACBBB;
}
h2.event {
	color: #7ACBBB;
}
.article.News h2 {
	color: #F494BE;
}
.article.people h2 {
	color: #78bedf;
}

.text_content ul {
 padding: 0 0 10px 20px;
}

.text_content li p {
 padding: 0px;
}

#search_form input, #refine input, #refine select {
	background: transparent;
	border: 0;
	padding: 2px;
	margin: 2px;
}

#pagination {
	margin-top: 10px;
}
#pagination a {
	font-weight: bold;
	background: #aabbcc;
	padding: 4px;
	color: #fff;
}
.addthis_toolbox {
	width:54px;
	padding-right: 4px;
	float: left;
}