html,body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 100%;
}

#container {
	min-height:100%;
	position:relative;
	text-align: left;
	margin: 0 auto;
	width: 897px;
	background: white; 
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
#header {
/*	background-color:yellow;*/
	height: 90px;
}

#body {
	padding:10px;
	padding-bottom:22px;	/* Height of the footer */
}

#footer {
	position:absolute;
	bottom:0;
	width:100%;
	height:22px;			/* Height of the footer */
	background:white;
	vertical-align:bottom;
	border-top:solid #cccccc 1px;
	padding-top:0px;
	padding-bottom:0px;
}
/* other non-essential CSS */

#footer p {
	margin:0;
	padding:2px 10px 0px 10px;
	font-size:8pt;
}
/**
* Menubar
**/
#menu{  
    width: 899px;  
    height: 30px;  
	list-style: none;  
    margin: 0 0 0 0;
	top: 60px; /* Header-Height - MenuHeight*/   
	padding:0 0 0 0;
}

#logo{  
/*    width: 898px;  */
    height:60px;
	background:url(images/header-900.png) no-repeat 0px 0px;
}

ul#menu li{  
    display: inline;  
}

ul#menu li a{
	height: 30px;
	float: left;
	text-indent: -9999px;
}

ul#menu li#home a{  
    width: 73px;
    background: url(images/navbar-sprite-900.png) no-repeat 0px 0px;  
}  

ul#menu li#home a:hover{  
    background-position: 0 -30px;  
}


ul#menu li#season a{  
    width: 144px;
    background: url(images/navbar-sprite-900.png) no-repeat -73px 0px;  
}

ul#menu li#season a:hover{  
    background-position: -73px -30px;  
}

ul#menu li#productions a{  
    width: 150px;
    background: url(images/navbar-sprite-900.png) no-repeat -219px 0px;  
}

ul#menu li#productions a:hover{  
    background-position: -219px -30px;  
}

ul#menu li#gallery a{  
    width: 78px;
    background: url(images/navbar-sprite-900.png) no-repeat -369px 0px;  
}

ul#menu li#gallery a:hover{  
    background-position: -369px -30px;  
}

ul#menu li#about a{  
    width: 97px;
    background: url(images/navbar-sprite-900.png) no-repeat -447px 0px;  
}

ul#menu li#about a:hover{  
    background-position: -447px -30px;  
}

ul#menu li#rest a{  
    width: 356px;
    background: url(images/navbar-sprite-900.png) no-repeat -545px 0px;  
}


h1 {
	padding-top:18pt;
	color: #030000;
	font-size:13pt;
}

body {
	background: #BBE1FA;
	color: #525252;
	text-align: center;
	font-size: 11pt;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	line-height:130%;
}

input {
	margin-top:8pt;
	line-height:130%;
}

a {
	color: #4d86af;		
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


a.decade-selection, a.decade-selection:hover {
	width:150px;
	height:150px;
	border:solid #cccccc 1px;
	float:left;
	margin:10px;	
	vertical-align: middle;
	text-align:center;
	line-height:150px;
	color:white;
	background:  url(images/decade-selection-sprite.png) 0px 0px no-repeat;		
}

a.decade-selection:hover {
	background-position: 0px -150px;
	text-decoration:none;
}

.production-image {
	width:200px;
	height:283px;
	position:relative;
	float:right;
	background:white;
	padding:4px;
	margin:10px 0px 4px 4px;
	border:solid #cccccc 1px;
}
.past-productions-decades {
	margin-left:auto;
	margin-right:auto;
	width:530px;
	height:530px;
	margin-top:50px;
	margin-bottom:50px
}

a.past-productions-previous, a.past-productions-next,
a.gallery-image-previous, a.gallery-image-next {
	position:relative;
}
a.past-productions-previous, a.gallery-image-previous {float:left;}
a.past-productions-next, a.gallery-image-next {float:right;}

.past-productions {
	margin-top:18pt;
}
.past-productions * td {
	padding-left:6px;
}
.past-productions * th {
	height:25px;
	font-size:13pt;
	color: #030000;
}

.past-productions * th {
	height:25px;
}
.past-productions * .year-header{
	padding-top:8pt;
	color:#525252;
	font-size:13pt;
	font-weight:bold;
	border-bottom:solid 1px #525252;	
}
.past-productions * tr {
	height:24px;	
}
.production-details-table {
	margin-top : 30px;
}

a.photos-link {
	display:block;
	height:24px;
	width:24px;
	background:url(images/photo.png) top left no-repeat;
}

a.programme-link {
	display:block;	
	width:24px;
	height:24px;
	background: url(images/document.png) top left no-repeat ;
}

.production-details-table * .label {
	font-weight: bold;
	vertical-align: top;
	padding-right:6px;
}

#gallery-index, #gallery-image {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:800px;
}

#gallery-index * img {
	padding:4px;
	border:solid #cccccc 1px;
}

#gallery-index * .title {
	font-size:8pt;
	line-height:100%;
}

.gallery-image-item {
	padding:10px;
	border:solid #cccccc 2px;
}