/* ----------------------------------------------*/

/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/

body {
	margin:  0 0 0 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}
	
	a {
	text-decoration: none;
	color: #7ab800;
	
}

a:hover {
	text-decoration: none;
}

h1 {
	font-size: 12px;
	font-weight: bold;
	color: #7ab800;
	}

h1 a {
	font-size: 12px;
	font-weight: bold;
	color: #7ab800;

}

h1 a:hover {
	font-size: 12px;
	font-weight: bold;
	color: #333;
	}

h2 {
	font-size: 24px;
	line-height: 28px; 
	font-weight: bold;
	margin-top: -3px;
	color: #7ab800;
}
h2 a {
	font-size: 24px;
	line-height: 28px; 
	font-weight: bold;
	color: #7ab80;
}
h2 a:hover{
	font-size: 24px;
	line-height: 28px; 
	font-weight: bold;
	color: #333;
}


h3{
	font-size: 12px;
	line-height:18px;
	font-weight: normal;
	margin-top: -14px;
}
h4{
	font-size: 16px;
	line-height:20px;
	margin-top:-18px;
	color: #333;
	font-weight: bold;
	}

h4 a{
	font-size: 16px;
	line-height:0px;
	color: #FFF;
	font-weight: bold;
	}

h4 a:hover{
	font-size: 16px;
	line-height:0px;
	color: #7ab800;
	font-weight: bold;
	decoration:none;

}

h5{
	font-size: 10px;
	line-height:16px;
	color: #666;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
}


h6{
	font-size: 12px;
	line-height:16px;
	color: #FFF;
	font-weight: normal;
	margin: 20px 0px 0px 0px;
}



#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
	}
	
/* Header
/* -------------- */

#header {
	width: 940px;
	margin: 0 auto;
	
	}
	
#topnav {
	width: 460px;
	margin: 0 0 0 0;
	float:right;
	

	}
#bookonline
{
  display: block;
  width: 110px;
  height: 26px;
  background: url("g/bookonline.gif") no-repeat 0 0;
  float: right;
  position: relative;
  top: -31px;
  
}

#bookonline:hover
{ 
  background-position: 0 -26px;
}

#bookonline span
{
  display: none;
}

	
#line {
	width: 940px;
	margin: 0 0 0 0;
	float: left;
  	position: relative;
  	top: -12px;
	}
	
#logo {
	float: left;
	width: 161px;
	margin: 20px 0 0 0;
	}
	
/* Menu
/* -------------- */

#menu {
	width: 711px;
	float: right;
	margin: 0 auto;
	padding: 41px 0px 0px 0px;
	
	}

#home
{
  display: block;
  width: 72px;
  height: 44px;
  background: url("g/home.png") no-repeat 0 0;
  float: left;
   margin: 0 0 0 0;
}

#home:hover
{ 
  background-position: 0 -44px;
}

#home span
{
  display: none;
}

#whatson
{
  display: block;
  width: 111px;
  height: 44px;
  background: url("g/whatsonnav.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#whatson:hover
{ 
  background-position: 0 -44px;
}

#whatson span
{
  display: none;
}

#book
{
  display: block;
  width: 114px;
  height: 44px;
  background: url("g/book.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#book:hover
{ 
  background-position: 0 -44px;
}

#book span
{
  display: none;
}

#visit
{
  display: block;
  width: 100px;
  height: 44px;
  background: url("g/visit.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#visit:hover
{ 
  background-position: 0 -44px;
}

#visit span
{
  display: none;
}
#involved
{
  display: block;
  width: 136px;
  height: 44px;
  background: url("g/involved.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#involved:hover
{ 
  background-position: 0 -44px;
}

#involved span
{
  display: none;
}
#visit span
{
  display: none;
}
#news
{
  display: block;
  width: 65px;
  height: 44px;
  background: url("g/news.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#news:hover
{ 
  background-position: 0 -44px;
}

#news span
{
  display: none;
}

#about
{
  display: block;
  width: 101px;
  height: 44px;
  background: url("g/about.png") no-repeat 0 0;
  float: left;
  margin: 0 0 0 2px;
}

#about:hover
{ 
  background-position: 0 -44px;
}

#about span
{
  display: none;
}
/* Homepage content
/* -------------- */

#subbox {
	float: left;
	width: 220px;
	padding: 20px 20px 12px 0px;
	
	}

#subbox2 {
	float: left;
	width: 220px;
	padding: 20px 20px 12px 0px;

}
#subbox3 {
	float: left;
	width: 220px;
	padding: 20px 20px 12px 0px;
	}
	
#subbox4 {
	float: left;
	width: 219px;
	height: 200px;
	padding: 20px 0px 0px 0px;
	}
	
#subbox5 {
	float: left;
	width: 220px;
	padding: 40px 20px 0 0px;
	}
	
#subbox6 {
	float: left;
	width: 220px;
	padding: 40px 20px 0 0px;
	}

#subbox7 {
	float: left;
	width: 460px;
	padding: 40px 0px 0 0px;
	}

#subbox8 {
	float: left;
	width: 220px;
	padding: 40px 0px 0 20px;
	}

#viewall
{
  display: block;
  width: 93px;
  height: 26px;
  background: url("g/viewall.gif") no-repeat 0 0;
  float: left;
   margin: 0 0 0 0;
}

#viewall:hover
{ 
  background-position: 0 -26px;
}

#viewall span
{
  display: none;
}

#booknow
{
  display: block;
  width: 93px;
  height: 26px;
  background: url("g/booknow.gif") no-repeat 0 0;
  float: left;
   margin: 0 0 0 0;
}

#booknow:hover
{ 
  background-position: 0 -26px;
}

#booknow span
{
  display: none;
}
#moreinfo
{
  display: block;
  width: 93px;
  height: 26px;
  background: url("g/moreinfo.gif") no-repeat 0 0;
  float: left;
   margin: 0 0 0 0;
}

#moreinfo:hover
{ 
  background-position: 0 -26px;
}

#moreinfo span
{
  display: none;
}

#line2 {
	height: 1px;
	margin: 0 0 0 0;
	
	}
.playscontainer {width: 220px;top:100px;}
	
.plays a {color: #7ab800;
background-color: ;
padding: 6px;
padding-left: 4px;
display: block;
border-bottom: 1px solid #CCC ;
font: 12px Arial, sans-serif;
font-weight: normal;
text-decoration: none;
text-align: left;}

.plays a:hover {
	background-color: #cccccc;
	color: ;
	text-decoration: none;
	color: #333;
	}
	
.calendar  {
color: #fff;
background-color: #7ab800;
display: block;
padding:0px 0 px 0 0px;
font: 14px Arial, sans-serif;
font-weight: bold;;
text-decoration: none;
text-align: center;

}

.calendar a {
color: #333333;
background-color: #cccccc;
padding: 7px 7px 7px 7px;
display: block;
border-bottom: 1px solid #F0F0F0;
border-right: 1px solid #F0F0F0;
border-left: 1px solid #F0F0F0;
border-top: 1px solid #F0F0F0;
font: 14px Arial, sans-serif;
font-weight: bold;;
text-decoration: none;
text-align: center;
}
.calendarcontainer {
	width: 2.6em;
	text-align:center;

}
.calendar a:hover {
background-color: #333;
color:#FFF; 
text-decoration: none;
}

#caldate {
	color: #fff;
	float: left;
	background:#333;
	width: 216px;
	height:22px;
	font-weight: bold;
	text-align: center;
	padding: 6px 0px 0 0px;

}

#caltitle {
	color: #333;
	font-size:16px;
	float: left;
	background:#;
	width: 216px;
	height:22px;
	font-weight: bold;
	text-align: left;
	padding: 6px 0px 0 0px;

}

#calmonth {
	color: #666;
	float: left;
	background:#;
	width: 216px;
	height:22px;
	font-weight: bold;
	position: relative;
	text-align: left;
	top: 10px;
	padding: 6px 0px 0 0px;
	
}


/* Footer
/* -------------- */


	
	#footer {
	float: left;
	background:#333;
	width: 100%;
	height:330px;
	padding: 0px 0px 20px 0px;
	margin: 10px 0 0 0;
	}

#container {
	margin: 0 auto;
	padding: 0 0 0 0;
	
	}

#findus {
	float: left;
	background:#;
	width: 220px;
	
	
	
	margin: 45px 0 0 0;
	padding: 0px 0px 0 0px;
	
	}

#footermap {
	float: left;
	background:#;
	left: -194px;
	width: 220px;
	

	padding: 53px 0px 0 0px;
	}

#footernews {
	float: left;
	background:#;
	width: 220px;
	
	
	padding: 45px 0px 0px 20px;
	}
	
#morenews
{
  display: block;
  width: 101px;
  height: 26px;
  background: url("g/morenews.png") no-repeat 0 0;
  float: left;
   margin: 18px 0 0 0;
}

#morenews:hover
{ 
  background-position: 0 -26px;
}

#morenews span
{
  display: none;
}

#tweets{
	float: left;
	background:#;
	width: 220px;
	padding: 45px 0px 0 19px;
	}

#twitter
{
  display: block;
  width: 167px;
  height: 26px;
  background: url("g/twitter.png") no-repeat 0 0;
  float: left;
   margin: 18px 0 0 0;
}

#twitter:hover
{ 
  background-position: 0 -26px;
}

#twitter span
{
  display: none;
}

#flickr{
	float: left;
	background:#;
	width: 220px;
	height:238px;
	padding: 45px 0px 0 19px;
	}
	
	#flickrthumb1{
	float: left;
	background:#;
	left: 500px;
	width: 100px;
	padding: 0px 0px 0 0px;
	}
	
#flickrthumb2{
	float: left;
	background:#;
	left: 500px;
	width: 100px;
	padding: 0px 0px 0 20px;
	}
	
#flickrthumb3{
	float: left;
	background:#;
	left: 500px;
	width: 100px;
	padding: 20px 0px 0 0px;
	}

#flickrthumb4{
	float: left;
	background:#;
	left: 500px;
	width: 100px;
	padding: 20px 0px 0 20px;
	}
	

#moreimages
{
  display: block;
  width: 167px;
  height: 26px;
  background: url("g/moreimages.png") no-repeat 0 0;
  float: left;
   
   margin: 32px 0 0 0;
}

#moreimages:hover
{ 
  background-position: 0 -26px;
}

#moreimages span
{
  display: none;
}

#bottomfooter {
	float: left;
	background:#000;
	width: 100%;
	height:120px;
	padding: 0px 0px 0 0px;
	border-top: 1px solid #CCC ;

	}

#welovetheatre {
	float: left;
	width: 159px;
	height:16px;
	padding: 30px 0px 0 0px;
	
	}

#bottomfootercontent1 {
	float: left;
	left: 320px;
	width: 220px;
	height:60px;
	padding: 6px 0px 0 320px;
	
	}

#bottomfootercontent2 {
	float: left;
	width: 200px;
	height:60px;
	padding: 6px 0px 0px 20px;
	
	}
	
	/* Whatson content
/* -------------- */

#leftcol{
	float: left;
	width: 220px;
	}

#midcol{
	float: left;
	width: 720px;
	padding: 2px 0 0px 0;
	}

#subnav{
	float: left;
	width: 220px;
	padding: 40px 0 0 0;
	}
	

.button {
width: 204px;
height: 16px;
padding: 0px;
font-size:12px;
font-weight: bold;
text-align: left;
margin-top: 2px;
margin-left: 0px;
border-bottom: 4px solid #fff ;
}

.button a {
width: 204px;
height: 14px;
padding: 8px;
font-size:12px;
text-decoration: none;
display: block;
color: #fff;
background-color: #7ab800;
border-bottom: 2px solid #fff ;
}

.button a:hover {
width: 204px;
height: 14px;
padding: 8px;
font-size:12px;
text-decoration: none;
background-color: #333;
border-bottom: 2px solid #fff ;
}


#pagetitle{
	float: left;
	width: 400px;
	margin: 0px 0px 6px 20px;
	}

#nextimage{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 20px;
	}

#nextplay1{
	float: left;
	width: 280px;
	margin: 0px 0px 0px 20px;

	}
	
#nextplay2{
	float: left;
	width: 280px;
	margin: 0px 0px 0px 20px;
	}
	
#nextplaycontent{
	float: left;
	width: 280px;
	margin: 0px 0px 0px 0px;
	}
		
	
	#bookonline2
{
  display: block;
  width: 110px;
  height: 26px;
  background: url("g/bookonline.gif") no-repeat 0 0;
  float: left;

  }
  #bookonline2:hover
{ 
  background-position: 0 -26px;
}

#bookonline2 span
{
  display: none;
}

#moreinfo2
{
  display: block;
  width: 102px;
  height: 26px;
  margin: 0px 0px 0px 0px;
  background: url("g/moreinfo.gif") no-repeat 0 0;
  float: left;

}

#moreinfo2:hover
{ 
  background-position: 0 -26px;
}

#moreinfo2 span
{
  display: none;}
  
  #prodsline{
	float: right;
	height: 1px;
	width: 700px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 1px;
	top:-245px;
	}

  /* Production block
/* -------------- */
  
  #prodsline2{
	float: right;
	height: 1px;
	width: 700px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 1px;
	top: 0px;
	}
		
  


  #playblurb1{
	float: left;
	height: 40px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 0px;
	top: 0px;
	}
	
	  #playblurb2{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 0px;
	top: 0px;
	}		
  
    #playblurb3{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 0px;
	top: 0px;
	}		
  /* -------------- */
  
    #prodsline3{
	float: right;
	height: 1px;
	width: 700px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 1px;
	top: -395px;
	}
		
  
  #playimage2{
	float: left;
	height: 140px;
	width: 220px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 240px;
	top: -288px;
	}

  #playblurb4{
	float: left;
	height: 40px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -298px;
	}
	
	  #playblurb5{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -322px;
	}		
  
    #playblurb6{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 460px;
	top: -355px;
	}		
	
  /* -------------- */
  
    #prodsline4{
	float: right;
	height: 1px;
	width: 700px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 1px;
	top: -470px;
	}
		
  
  #playimage3{
	float: left;
	height: 140px;
	width: 220px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 240px;
	top: -363px;
	}

  #playblurb7{
	float: left;
	height: 40px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -373px;
	}
	
	  #playblurb8{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -397px;
	}		
  
    #playblurb9{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 460px;
	top: -430px;
	}		
	
	  /* -------------- */
  
    #prodsline5{
	float: right;
	height: 1px;
	width: 700px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 1px;
	top: -545px;
	}
		
  
  #playimage4{
	float: left;
	height: 140px;
	width: 220px;
	margin: 16px 0px 0px 0px;
	position: relative;
	left: 240px;
	top: -438px;
	}

  #playblurb10{
	float: left;
	height: 40px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -448px;
	}
	
	  #playblurb11{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 240px;
	top: -472px;
	}		
  
    #playblurb12{
	float: left;
	height: 100px;
	width: 460px;
	margin: 0px 0px 0px 20px;
	position: relative;
	left: 460px;
	top: -505px;
	}		

    #playlisting{
	float: left;
	width: 700px;
	margin: 20px 0px 0px 20px;
	border-bottom: 1px solid #CCC ;
	border-top: 1px solid #CCC ;

	}

    #playlisting1{
	float: left;
	width: 700px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px solid #CCC ;

	}	
	
	#nextplaytitle{
	float: left;
	width: 2px;
	margin: 0px 0px 0px 0px;
	}		

  #playimage{
	float: left;
	width: 220px;
	margin: 20px 0px 18px 0px;
	}

    #playcontent{
	float: left;
	width: 460px;
	margin: 20px 0px 0px 20px;

	}	

    #next{
	float: left;
	width: 30px;
	margin: 0px 0px 20px 0px;
}	


    #calholder{
	float: left;
	width: 220px;
	margin: 20px 0px 20px 0px;
}	

    #indextitle{
	float: left;
	width: 200px;
	margin: 5px 0px 0px 0px;
}	

#signup
{
  display: block;
  width: 93px;
  height: 26px;
  background: url("g/signup.png") no-repeat 0 0;
  float: left;
   
   margin: 0px 0 0 0;
}

#signup:hover
{ 
  background-position: 0 -26px;
}

#signup span
{
  display: none;
}

#playbio{
	float: left;
	width: 460px;
	margin: 0px 0px 20px 20px;
	}
#playimagelarge{
	float: left;
	width: 700px;
	margin: 0px 0px 0px 20px;
	}

#perdatecontainger{
	float: left;
	width: 460px;
	height:26px;
	margin: 0px 0px 0px 20px;
	}

.perdate {
	float: left;

width: 350px;
height: 16px;
padding: 0px;
font-size:12px;
font-weight: bold;
text-align: left;
margin-top: 2px;
margin-left: 0px;
border-bottom: 4px solid #fff ;
}

.perdate a {
width: 350px;
height: 14px;
padding: 8px;
font-size:12px;
text-decoration: none;
display: block;
color: #666;
background-color: #f4f4f4;
border-bottom: 2px solid #fff ;
}

.perdate a:hover {
width: 350px;
height: 14px;
padding: 8px;
font-size:12px;
text-decoration: none;
color: #fff;
background-color: #333;
border-bottom: 2px solid #fff ;
}

#perdatebut{
	float: left;
	width: 60px;
	margin: 2px 0px 0px 50px;
	}
#bookonlineprod
{
  display: block;
  width: 110px;
  height: 30px;
  background: url("g/bookonlineprod.png") no-repeat 0 0;
  float: right;
  position: relative;
  
}

#bookonlineprod:hover
{ 
  background-position: 0 -30px;
}

#bookonlineprod span
{
  display: none;
}

#subcopy{
	float: left;
	width: 180px;
	margin: 0px 20px 0px 0px;
	}

#subcopy2{
	float: left;
	width: 220px;
	margin: 0px 0px 0px 0px;
	}

#rightcol{
	float: left;
	width: 190px;
	margin: 24px 0px 0px 7px;
	background-color: #;
padding: 14px;
	}

#rightcol2{
	float: left;
	width: 190px;
	margin: 24px 0px 0px 20px;
	background-color: #f4f4f4;
	padding: 14px;
	}
	
.tickets {
	float: left;

width: 204px;
height: 16px;
font-size:12px;
font-weight: bold;
text-align: left;
margin-top: -9px;
margin-left: 0px;
background-color: #f4f4f4;
padding: 8px;
color: #666;

}


#mailinglist{
	float: left;
	width: 940px;
	margin: 0px 0px 0px 0px;
	}
#mailinglistline {
	width: 940px;
	margin: 0 0 0 0;
	float: left;
  	position: relative;
  	top: -11px;
	}