@charset "utf-8";

/* CSS Document */

	/* Reset */
	
	html, body, h1, h2, h3, h4, h5, h6, p, span, a, ul, ol, li, div, 
	img, form, fieldset, input, textarea, select, label, table, tr, td, th { 
		margin:0; 
		padding:0;
		}
	
	img, fieldset { border:0; }
	
	body {
		background-color:#000000;
		color:#313131;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:62.5%;
		}

	/* Global Styles */
	
		/* Headings H1-H6 */
	
		h1 { font-size:1.3em; margin:0 0 0.5em 0; font-weight:strong; color:#FFFFFF;}
		h2 { font-size:1.2em; margin:0px -15px 10px -15px; background-color:#f9c318; padding:10px 15px; }
		h3 { font-size:1.3em; margin:1em 0; }
		h4 { font-size:1em; margin:1em 0; }
		h5 { font-size:1em; margin:1em 0; }
		h6 { font-size:1em; margin:1em 0; }
		
		/* Paragraph and Link Styles */
		
		p, ul, ol {
			font-size:1.1em;
			line-height:1.4em;
			margin:15px 0 1.25em 0;
			}
		 
		ul, ol {
			margin:0 0 1.25em 1.6em;
			}
			li{margin:0px;}
			
		a,
		a:link,
		a:visited {
			color:#000000;
			}
		a:hover {
			color:#000000;
			text-decoration:none;
			}
	
		/* Forms */
		
		form {
			display:inline;
			margin:0 0 1.25em 0;
			color:#313131;
			}
		 
		input, select, textarea {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1.1em;
			margin:0 0 .5em 0;
			color:#313131;
			}
		 
		textarea {
			line-height:1.25;
			width:100%;
			}
		 
		label {
			cursor:pointer;
			}
		
		/* Tables */
		
		table {
			border:0;
			margin:0 0 1.25em 0;
			font-size:1.1em;
			line-height:1.4em;
			}
			 
		table tr td {
			padding:2px;
			}
		
	/* Global Classes */
 
 	.hidden { display:none; }
	
	.clear { clear:both; height:0; line-height:0; }
	.clear-20 { clear:both; height:20px; line-height:0; }
	
	*+html .clear-20 { clear:both; height:10px; line-height:0; }
	
	.float-left { float:left; }
	.float-right { float:right; }
	 
	.text-left { text-align:left; }
	.text-right { text-align:right; }
	.text-center { text-align:center; }
	.text-justify { text-align:justify; }
	
	.bold { font-weight:bold; }
	.italic { font-style:italic; }
	.underline { border-bottom:1px solid; }
	.highlight { background:#ffc; }
	
	/* Page Styles */
		
	#page-container {
		width:920px;
		padding:20px 0 0px 20px;
		}
	#page-container-large {
		width:2000px;
		padding:20px 0 0px 20px;
		}
		
		/* Header Styles */
		#header { height:132px; }
		#header img{
			float:left;
			margin:0 100px 0 0;
			}
		
		#header-banner {
			float:left;
			width:460px;
			height:80px;
			margin:0 0 -100px 190px;
			clear:left;
			}
		/* Content Area Styles */
			
			#left-column {
				width:180px;
				margin: 20px 0 0 10px;
				float:left;
				}
		
				ul#primary-navigation {
					list-style:none;
					font-size:1.2em;
					margin:12px 0 12px 0px;
					}
					ul#primary-navigation li {
						display:block;
						text-align:left;
						width:160px;
						margin:0 0 12px 0;
						border-bottom:1px solid #98999d;
						}
												
							
						ul#primary-navigation li.selected {
							color:#88c132;
							border-bottom:1px solid #88c132;
							}
							ul#primary-navigation li.selected a {
								color:#88c132;
								}
						ul#primary-navigation li a {
							color:#FFFFFF;
							text-decoration:none;
							}
							ul#primary-navigation li a:hover {
								color:#88c132;
								text-decoration:none;
								margin:0px;
								padding:0px;
								}
						
						ul#primary-navigation li.sub{
							padding: 0 0 5px 20px;
								border-bottom: none;
							margin:0px;
							}
							
							ul#primary-navigation li.sub_selected a{
								padding: 0 0 5px 20px;
								border-bottom: none;
								margin:0px;
								color:#88c132;
								}
							ul#primary-navigation li.sub_selected a:hover{
								padding: 0 0 5px 20px;
								margin: 0px;
								color:#88c132;
								}

							
			#center-column {
				width:460px;
				float:left;
				margin:0px 20px 0px 0;
				min-height:520px;
				background-color:#ffffff;
				}
				.header-image {
					margin: 0 0 -2px -15px;
					border-bottom:15px solid #000000;
					}
				* html .header-image {
					margin-top:0;
					}
				*+html .header-image  {
					margin-top:0;
					}
				#center-column h1{
					margin:0;
					background:#88c132 url(/_media/images/global/header.jpg) no-repeat;
					padding:10px 0 10px 15px;
					}
								
				#center-column-content {
					margin:0;
					background-color:#ffffff;
					padding: 0px 15px 15px 15px;
					}
					#flash-flip {
						float:left;
						}
					
			/* News */
					
					#center-column-news h1{
						margin:0px 0 5px 0;
						background-color:#f9c318;
						padding:10px 0 5px 15px;
						}
						
					#center-column-news p{
						margin-bottom:0px;
						}
						
					#center-column-news h6 {
						background-color:#f9c318;
						padding:5px 0 5px 15px;
						}				
					
					#center-column-news-summary {
						padding:0 15px 0 15px;
						}
					
			/* Programme */	
					.artists{
						background:#c7c8ca;
						margin:4px 0 0 0;
						}
						
					.artists img{
						float:left;
						width:130px;
						}
						
					.artists a{
						color:#000000;
						font-weight:bold;
						}
						
					.artists p{
						float:right; 
						padding:5px 0 5px 10px;
						width:320px;
						}				
						
					.artists h2{
						float:right;				
						width:320px;
						background-color:#88c132;
						padding: 5px 0 5px 10px;
						margin:0;
						}								
				
		#center-advertising {
			background-color:#ffffff;
			margin: 0px 0 0 0px;
			}
						
			#right-column {
				overflow:hidden;
				background:#FFFFFF url(/_media/banners/bj-banner-portrait-2.jpg) left top no-repeat;
				height:570px;
				float:left;				
				width:160px;
				}
				#right-column img{
					border-top:#000000 solid 1px;
					margin:445px 0;
					}
				/*#right-column .advert {
					height:600px;
					width:160px;
					}
				#right-column .transparency {
					position:absolute;
					background-color:#FFFFFF;
					filter:alpha(opacity=60);
					opacity: 0.6;
					-moz-opacity:0.6;
					width:160px;
					height:460px;
					margin-top:140px;
					z-index:1;
					}
				#right-column .text-over-trans {
					position:absolute;
					color:#000000;
					width:150px;
					height:100px;
					float:left;
					margin-top:135px;
					z-index:100;
					padding:0 5px;
					}*/
			.bannerBox {
				background-color:#f9c318;
				padding : 10px;
			}
			#right-column-ad1 {
				width:120px;
				height:240px;
				background-color:#ffffff;
				margin:0 0 20px 0;
				}
				
			#right-column-ad2 {
				width:120px;
				height:240px;
				background-color:#ffffff;
				}

		/* Form Styles */
		
			
		#contact-form .text {
			padding:1px;
			width:210px;
			border:1px solid #CCCCCC;
			font-size:1.1em;
			}
		#contact-form .textbox {
			padding:1px;
			width:210px;
			height:110px;
			border:1px solid #CCCCCC;
			font-size:1.1em;
			}
		#contact-form .button {
			padding:1px;
			margin:0 10px 0 0;
			font-size:1.0em;
			}
		#contact-form label {
			display:block;
			width:95px;
			text-align:right;
			float:left;
			margin-right:10px;
			font-size:1.1em;
			}
			#contact-form span {
				margin:0 56px 0 0;
				}
			
		/* Additional styles */
		
		.featureBox1 {
			background-color:#f9c318;
			margin:0px -15px;
			padding: 1px 15px;
			}
			.featureBox2 {
				background-color:#FBDD9C;
				margin:0px -15px;
				padding: 1px 15px;
				}
			.featureBox3 {
				background-color:#FAEACB;
				margin:0px -15px;
				padding: 1px 15px;
				}
			
			.head{
				margin:0px -10px 10px -15px;
				padding:10px 15px;
				background-color:#f9c318;
				width:100%;
				display:block;
				}

		#bottom-border {	
			border-bottom:20px solid #E8DACC;
			width:700px;
			margin:35px 0 0 30px;
			}
			
		/* Gallery */
				
		ul#past-programmes {
			margin:0;
			padding:0;
			}
			ul#past-programmes li {
				display:block;
				float:left;
				height:210px;
				width:141px;
				border:1px solid #FFFFFF;
				margin-bottom:15px;
				}
				
				ul#past-programmes li img {
					
					}
				ul#past-programmes li a {
					text-decoration:none;
					font-weight:bold;
					}
					
					.stroller-table tr,
					.stroller-table tr td { margin:0; padding:0; text-align:left; }
			 .stroller-table tr td {
			 	padding:0 0 10px 0;	
			 	text-align:left;	
				}
			 .stroller-table tr th {
			 	text-align:left;	
				padding:0 0 15px 0;
				}
		/* Gallery Form */
		
		form#gallery-search input {
			width:200px;
			font-size:1.1em;
			padding:1px;	
			}
		
		form#gallery-search select {
			width:300px;
			font-size:1.1em;
			padding:1px;	
			}
		
		/* Footer Styles */
		
		#footer {
			color:#FFFFFF;
			padding: 10px 0 10px 20px;
			}
			#footer a{
				color:#FFFFFF;
				text-decoration:none;
				}
				
				


.imageHolder {
	margin: 5px 5px 15px 0px;
	width:100px;
	height:210px;
	float:left;
	display:block;
	}
	.imageHolder img {}
	
	
.imageTitle{
	width:100px;
	display:block;
	float:left;
}
.imageVenue {
	padding:0px;
	margin:0px;
	color:#0066CC;
}
.smallHolderFloat {
	float:left;
	}

#center-column .imageHolder .imageLink {
	text-align: center;
	padding: 2px;
	border-top: thin dotted #000000;
	border-bottom: thin dotted #000000;
	margin:180px 0 0 0;
	height:15px;
	}
	* html #center-column .imageHolder .imageLink {
		margin:20px 0 0 0;
		}
	*+html #center-column .imageHolder .imageLink {
		margin:60px 0 0 0;
		}
	#center-column .imageLink a{
	color:#EC1C25;
	text-decoration: none;
	display:block;
	}

.thumbContainer {
	background-color:#EAEBED;
	width:130px;
	height:130px;
	padding:3px;
	margin:3px 10px 3px 3px;
	float:left;
	}

#imageStack {
	width:150px;
	padding:0;
	margin:0;
	}
	#imageStack p {
		text-indent:3px;
		padding:0;
		margin:0;
		}
	#imageStack img {
		padding:0;
		margin:0;
		}