/* screen.css */

/* mac hide\*/
html, body {height:100%}
/* end hide */

body.theatrepage a { color:#DB1E44; text-decoration:none; }
body.theatrepage a:hover { text-decoration:underline; }
body.festivalpage a { color:#0099DC; text-decoration:none; }
body.festivalpage a:hover { text-decoration:underline; }
h1
	{
	font-weight: bold;
	font-size:1.4em;
	margin:0 0 0.6em 0;
	}
body.theatrepage h1	{ color:#DB1E44; }
body.festivalpage h1 { color:#0099DC; }

h2
	{
	font-weight: bold;
	color:#808080;
	font-size:1.4em;
	margin:0;
	padding:22px 10px 0 10px;
	width:215px;
	height:36px;
	}
body.theatrepage h2 { background:url(../images/bg_h2.gif) no-repeat; }
body.festivalpage h2 { background:url(../images/bg_h2_festival.gif) no-repeat; }

p
	{
	margin:0 0 10px 0;
	}
html,body 
	{
	padding:0;
	margin:0;
	}
body
	{	
	text-align:center;
	min-width:950px;
	background:#fff;
	color:#000;
	}
#outer
	{
	height:99.9%;
	min-height:100%;
	width:950px;
	text-align:left;
	margin:auto;
	position:relative;
	background:url(images/bg_outer.gif) repeat-y center center;
	font-family:Arial, Helvetica, Sans-serif;
	font-size:0.75em;
	line-height:1.6em;
	}
html>body #outer{height:auto;}
#header
	{
	position:absolute;
	top:0;
	width:950px;
	height:163px;
	overflow:hidden;
	z-index:100;
	background:url(../images/bg_header.gif) no-repeat;
	}
#right 
	{
	position:relative;
	width:235px;
	float:right;
	padding:163px 0 0 0;
	}
#footer 
	{
	width:950px;
	clear:both;
	height:200px;
	left:0;
	bottom:0;
	position: absolute;
	color:#808080;
	background:url(../images/bg_footer.gif) no-repeat;
	}
#footer p { padding:60px 0 0 0; margin:0; }
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer 
	{/*only ie gets this style*/
	\height:202px;/* for ie5 */
	he\ight:200px;/* for ie6 */
	}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent 
	{
	width:710px;
	float:left;
	padding:163px 0 0 0;
	}
#clearfooter {width:100%;height:202px;clear:both}
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-202px;} /*safari wrapper */


div#calltoactions
	{
	clear:both;
	}
div#calltoactions img
	{
	margin:10px 10px 0 0;
	border:0;
	padding:0;
	}
div#calltoactionsright img
	{
	margin:7px 0 3px 0;
	border:0;
	padding:0;
	float:right;
	}

div#calltoactions img.last
	{
	margin:10px 0 0 0;
	}
div.contentboxright
	{
	border:1px solid #E1E1E1;
	width:213px;
	padding:15px 10px 5px 10px;
	margin:0 0 10px 0;
	background:url(../images/bg_contentboxright.gif) repeat-x bottom center #fff;
	overflow:hidden;
	}
div.contentboxright div.listing
	{
	clear:both;
	padding:0 0 16px 0;
	overflow:hidden;
	}
div.contentboxright p.date
	{
	width:37px;
	height:45px;
	float:left;
	text-align:center;
	background:url(../images/bg_date.png) no-repeat;
	padding:4px 8px 0 0;
	margin:0;
	line-height:16px;
	color:#808080;
	}
div.contentboxright p.date span
	{
	font-size:19px;
	font-weight:bold;
	margin:0;
	}
div.contentboxright p.snippet
	{
	width:160px;
	float:right;
	margin:0;
	}
div#searchbox
	{
	width:200px;
	padding:15px 15px 0 15px;
	float:right;
	background:#E1E1E1;
	}
div#searchbox select
	{
	width:160px;
	}
div#searchbox p
	{
	margin:0 0 15px 0;
	padding:0 0 0 35px;
	}
div#searchbox p#stage01	{ background:url(../images/1.gif) no-repeat 0 1px; }
div#searchbox p#stage02	{ background:url(../images/2.gif) no-repeat 0 1px; }
div#searchbox p#stage03	{ background:url(../images/3.gif) no-repeat 0 1px; }
div#searchbox p#stage04	{ background:url(../images/4.gif) no-repeat 0 1px; }

div#slideshow
	{
	margin:0 0 15px 0;
	}
div.textarea
	{
	background:url(../images/bg_textarea.gif) repeat-y;
	padding:15px 15px 5px 15px;
	width:440px;
	float:left;
	}
h3 {
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DB1E44;
	margin-bottom: 10px;
	margin-top: 20px;
	background-color: #F0F0F0;
	padding: 5px;
}

	
div.textarealarge
	{

	padding:15px 15px 5px 15px;
	width:678px;
	float:left;
	}	


p#topnav
	{
	color:#808080;

	}
p#topnav a
	{
	color:#808080;
	text-decoration:none;
	}
p#topnav a:hover
	{
	color:#DB1E44;
	}
body.festivalpage p#topnav a:hover
	{
	color:#0099DC;
	}
ul#mainnav
	{
	width:950px;
	clear:both;
	}
ul#mainnav li
	{
	float:left;
	width:116px;
	height:47px;
	margin:0 3px 0 0;
	display:block;
	}
ul#mainnav li.last
	{
	margin:0;
	}
ul#mainnav li a
	{
	width:116px;
	height:47px;
	display:block;
	text-indent:-9009px;
	}
body.theatrepage ul#mainnav li a { background:transparent url(../images/bg_mainnav.gif) no-repeat; }
body.festivalpage ul#mainnav li a { background:transparent url(../images/bg_mainnav_festival.gif) no-repeat; }
body.museumpage ul#mainnav li a { background:transparent url(../images/bg_mainnav_museum.gif) no-repeat; }

ul#mainnav li#link01 a { background-position: 0 0; }
ul#mainnav li#link01 a:hover { background-position: 0 -47px; }
ul#mainnav li#link02 a { background-position: -119px 0; }
ul#mainnav li#link02 a:hover { background-position: -119px -47px; }
ul#mainnav li#link03 a { background-position: -238px 0; }
ul#mainnav li#link03 a:hover { background-position: -238px -47px; }
ul#mainnav li#link04 a { background-position: -357px 0; }
ul#mainnav li#link04 a:hover { background-position: -357px -47px; }
ul#mainnav li#link05 a { background-position: -476px 0; }
ul#mainnav li#link05 a:hover { background-position: -476px -47px; }
ul#mainnav li#link06 a { background-position: -595px 0; }
ul#mainnav li#link06 a:hover { background-position: -595px -47px; }
ul#mainnav li#link07 a { background-position: -714px 0; }
ul#mainnav li#link07 a:hover { background-position: -714px -47px; }
ul#mainnav li#link08 a { background-position: -833px 0; }
ul#mainnav li#link08 a:hover { background-position: -833px -47px; }

ul#sitenav
	{
	width:235px;
	}
ul#sitenav li
	{
	width:235px;
	height:29px;
	margin:0 0 3px 0;
	display:block;
	}
ul#sitenav li a
	{
	width:235px;
	height:29px;
	display:block;
	text-indent:-9009px;
	}
ul#sitenav li#link01 { background:transparent url(../images/bg_sitenav.gif) no-repeat 0 0; }
ul#sitenav li#link02 { background:transparent url(../images/bg_sitenav.gif) no-repeat 0 -32px; }
ul#sitenav li#link03 { background:transparent url(../images/bg_sitenav.gif) no-repeat 0 -64px; }
ul#sitenav li#link04 { background:transparent url(../images/bg_sitenav.gif) no-repeat 0 -96px; }
#padtable td {
	padding: 3px;
}
.left2 .thumbheight2 p {
	color: #999999;
	margin-top: 10px;
}

#newslistnews li a
	{
	padding:5px 20px 5px 15px;
	margin-left:0px;
	border-bottom:1px dotted #bac059;
	text-decoration:none;
	color:#686868;
	display:block;
	background:url(Images/bg_newslist.gif) no-repeat #f7f7f7;
	width:665px;
	}
#newslistnews li a:hover
	{
	background:url(Images/bg_newslist_over.gif) no-repeat #ebecd7;
	}	
	
#showimg {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;	
}
.listing1 {
	background-color: #E1E1E1;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #C9252B;
	margin-right:20px;
}
div.thumbheight
	{
	#top: 50%;
	display:table-cell; 
	vertical-align: middle;
	text-align:center;
	}
div.left 
	{
	display: table; 
	height: 75px;  
	#position: relative; 
	overflow: hidden; 
	float:left; 
	padding:20px; 
	background:#fff; 
	border:1px solid #ccc;
	width:100px;
	margin:0px -8px 20px 0px;
	}
div.left img 
	{
	#top: -50%;
	}
div.events {
	float:left;
	margin:5px;
	width:650px;
	border:#999 1px solid;
	padding:5px;
	}

#blt li {
	list-style-type: square;
	margin-left:20px;
}
.festivalpage #outer #centrecontent .textarealarge #rightbox {
	float: right;
	width: 150px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
	#arttrek {
	background-color: #F0F0F0;
	padding: 10px;
	margin-top: 5px;
}


.bullet ul {
	margin-bottom: 20px;
}
#bullets ul {
	margin-left: 20px;
	margin-bottom:20px;
}
#bullets li {
	padding-left: 10px;
	list-style-type: disc;
}
.bullets {
	margin-left: 40px;
	list-style-type: disc;
}
#imgbrdr {
	border: 1px solid #666666;
}
#imgright {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#greybox {
	background-color: #efefef;
	padding: 20px;
}


.topmid{
position:absolute;
top:75px;
left: 75px;
float:left;
z-index:500;
}

.boxo{
position:absolute;
top:5px;
right: 0px;
}

.bannerad{
position:absolute;
right:0px;
top: 30px;;}

div.banner { float: right; width: 120px; height: 600px; position:absolute; top:29px; left:970px; }
div.banner2 { float: left; width: 120px; height: 600px; position:absolute; top:29px; right:970px; }#imgleft {
	padding: 5px;
	float: left;
}