/*
	New style sheet for new look site 
	October 09
*/

body {
	background: #000000 url(/images/backgrounds/siteBackground.gif) repeat-x top left;
	font-family: Arial;
	text-align: center;
	color: #FFFFFF;
	}
	
/*
.backgroundImage {
    background: url(/images/backgrounds/christmasBackground.jpg) no-repeat bottom center;
    }
*/    

/* Main frame for site */

.frame {
	width: 900px;
	padding: 0;
	text-align: left;
	margin: auto;
	}

.header {
    height: 119px;
    background-image: url(/images/headers/headerBackground.png);
	clear: left;
	display: block;
	} 
	
	.header img.right {
		float: right;
		padding: 2px 10px 0 0;
		}

.headerPhoto {
    float: left;
    margin-top: 1px;
    }

/* JQuery rotating photos for header */

#gallery {
	position:relative;
	}
	
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}    

/* Inner frames */

/* Home page */

.homePageInnerFrame {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	}

.twoColsEqual {
    width: 780px;
    float: left;
    text-align: left;
    }

	.twoColsEqual .left {
		width: 375px;
		height: 245px;
		float: left;
		text-align: left;
		background: url(/images/backgrounds/background375_211.jpg) no-repeat top;
		background-position: 15px 34px;
		padding-left: 15px;
   		position: relative;
   		margin-top: 4px;
		}

		.twoColsEqual .left .tonightLeft {
			float: left;
			width: 225px;
			text-align: left;
			position: relative;
			}

		.twoColsEqual .left .tonightRight {
			float: right;
			width: 150px;
			text-align: right;
			}

		.twoColsEqual .left .tonightRight img{
			 position: absolute;
			 bottom: 1px;
			 right: 1px;
			}

		.twoColsEqual .left .mainAdLeft {
			float: left;
			width: 150px;
			text-align: left;
			}

		.twoColsEqual .left .mainAdRight {
			float: right;
			width: 225px;
			text-align: right;
			}

		.twoColsEqual .left .mainAdLeft img{
			position: absolute;
			bottom: 1px;
			left: 16px;
			}

		.twoColsEqual .left .topAdLeft {
			float: left;
			width: 150px;
			text-align: left;
			}

		.twoColsEqual .left .topAdRight {
			float: right;
			width: 225px;
			text-align: right;
			}

		.twoColsEqual .left .topAdRight img{
			position: absolute;
			bottom: 1px;
			left: 1px;
			}

	.twoColsEqual .right {
		width: 375px;
		height: 245px;
		float: right;
		text-align: right;
		background: url(/images/backgrounds/background375_211.jpg) no-repeat;
		background-position: 15px 34px;
		padding-left: 15px;
		position: relative;
		margin-top: 4px;
		}

		.twoColsEqual .right .homePageFlashAd {
			position: absolute;
			right: 1px;
			bottom: 1px;
			}

	.twoColsEqual .background100left {
		width: 375px;
		height: 140px;
		float: left;
		text-align: left;
		background: url(/images/backgrounds/background375_100.jpg) no-repeat top;
		background-position: 15px 34px;
		padding-left: 15px;
   		position: relative;
		margin-top: 4px;
		}
	    
	.twoColsEqual .background100right {
		width: 375px;
		height: 140px;
		float: right;
		text-align: right;
		background: url(/images/backgrounds/background375_100.jpg) no-repeat top;
		background-position: 15px 34px;
		padding-left: 15px;
   		position: relative;
		margin-top: 4px;
		}
	    
	.twoColsEqual .noBackground100left {
		width: 375px;
		float: left;
		text-align: left;
		padding-left: 15px;
   		position: relative;
		margin-top: 0px;
		padding-bottom: 10px;
		}
	    
	.twoColsEqual .noBackground100right {
		width: 375px;
		height: 140px;
		float: right;
		text-align: right;
		padding-left: 15px;
   		position: relative;
		margin-top: 0px;
		}

.twoColsEqualDivider {
    float: right;
    width: 765px;
    height: 1px;
    background: url(/images/headers/dividerLine.jpg) no-repeat right top;
    margin-top: 8px;
    margin-bottom: 4px;
    }

.twoColsEqualNoBackground .left {
    width: 375px;
    height: 245px;
    float: left;
    text-align: left;
    padding-left: 15px;
   	position: relative;
   	margin-top: 4px;
    }

.twoColsEqualNoBackground .right {
    width: 375px;
    height: 245px;
    float: right;
    text-align: right;
    padding-left: 15px;
    position: relative;
    margin-top: 4px;
    }


/* All other pages */

.oneColInnerFrame {
    width: 630px;
    float: left;
    margin: 0px;
    padding-top: 3px;
    }

.twoColsInnerFrame {
	width: 780px; 
	float: left; 
	margin: 0px;
	padding-top: 5px;
	}

	.twoColsInnerFrame .left {
		width: 630px; 
		float: left; 
		margin-left: 15px;
		}

	.twoColsInnerFrame .right { 
		width: 120px; 
		float: right;
		text-align: right;
		position: relative;
		margin-right: 0px;
		}

.twoColsInnerFrameDivider {
    float: right;
    width: 630px;
    height: 1px;
    background: url(/images/headers/dividerLine630.jpg) no-repeat right top;
    margin-top: 8px;
    margin-bottom: 8px;
    }

.twoColsInnerFrameDividerChristmas {
    float: right;
    width: 630px;
    height: 1px;
    background: url(/images/headers/dividerLine630Christmas.jpg) no-repeat right top;
    margin-top: 8px;
    margin-bottom: 8px;
    }


/* Headers */
	

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: bold;
	color: #999999;
	}

h2, h3, h4, h5, h6 {
	}
	
h1 {
	font-size: large;
	text-align: right;
	padding: 10px 10px 4px 10px;
	
	}

	h1.logoBackgroundRight {
   		background: url(/images/headers/logoBackgroundRight.png) no-repeat bottom right; 
   		/* background: url(/images/headers/garlandBackgroundRightChristmas.jpg) no-repeat bottom right; */
		}

h2 {
	font-size: medium;
	margin: 0;
	padding: 4px;
	}
	
	h2.solidBackground {
   		background: url(/images/headers/solidBackground.png) no-repeat bottom;
		}

	h2.logoBackgroundLeft {
   		background: url(/images/headers/logoBackgroundLeft.png) no-repeat top left;
		width: 375px;
		}
	    
	h2.logoBackgroundLeftChristmas {
		background: url(/images/headers/logoBackgroundLeftChristmas.png) no-repeat top left;
		width: 375px;
		}

	h2.logoBackgroundRight {
   		background: url(/images/headers/logoBackgroundRight.png) no-repeat top right;
		}

	h2.logoBackgroundRightChristmas {
   		background: url(/images/headers/logoBackgroundRightChristmas.png) no-repeat top right;
		}

	h2.voucher {
		color: White	
		}
		
h3 {
	font-size: medium;
	}

	h3.homePage {
		padding-left: 9px;
		padding-top: 12px;
		}

	h3.homePageMainAd {
		text-align: center;
		padding-top: 10px;
		color: Red;
		}

h4 {
	font-size: medium;
	text-align: left;
	padding: 4px;
	}

	h4.logoBackgroundLeft {
   		background: url(/images/headers/logoBackgroundLeft.png) no-repeat top left;
		}

	h4.logoBackgroundLeftChristmas {
   		background: url(/images/headers/logoBackgroundLeftChristmas.png) no-repeat top left;
   		color: Yellow;
		}

	h4.logoBackgroundRight {
   		background: url(/images/headers/logoBackgroundRight.png) no-repeat top right;
		}

	h4.logoBackgroundLeft200 {
   		background: url(/images/headers/logoBackgroundLeft200.png) no-repeat top left;
		}
	
h5 {
    font-size: small;
    font-weight: bold;
 	padding-left: 3px;
   }
    
	h5.whatson {
		padding-top: 13px;
		}
	
	h5.whatsonChristmas {
		padding-top: 13px;
		color: Yellow;
		}
	
h6 {
	}
	
	
/* Element styles */
		
.content {
	float: left;
	width: 780px;
	margin: 0;
	padding: 0;
	}

p {
	font-size: small;
	line-height: 1.2;
	padding-left: 5px;
	}
	
	p.justify {
		text-align: justify;
		}

	p.dailyInfo {
		padding-left: 10px;
		text-align: justify;
		}
		
	p.homePageMainAd {
		text-align: center;
		padding-right: 20px;
		}
			
	p.whatson {
		text-align: justify;
		margin: 13px 0;
		padding-right: 5px;
		}

ul {
	padding: 6px 10px;
	font-size: small;
	line-height: 1.2;
	list-style: square;
	}
	
ul li {
	list-style-position: inside;
	text-align: justify;
	}
		
a:link,  a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	}
	
a:hover {
	text-decoration: underline;
	color: #DB0404;
	}	
	
p img.foh {
	float: left;
	margin: 0;
	padding: 2px 10px 2px 0;
	border: 0;
	}
	
p img.fohalt {
	float: right;
	padding: 2px 0 2px 10px;
	}

iframe {
    border-style: solid;
    border-color: Silver;
    border-width: 1px;
    }

img.links {
    margin: 0;
	border: 0;
	}

.facebookFeed {	
	height: 600px;
	}

/* Column definitions */

.twoCols3070 {
	float: left;
	width: 630px;
	margin: 0px;
	}

	.twoCols3070 .left {
		float: left;
		width: 200px;
		margin: 0px;
		position: relative;
		}

	.twoCols3070 .right {
		float: right;
		width: 400px;
		margin: 0px;
		padding-left: 30px;
		text-align: left;
		position: relative;
		}

		.twoCols3070 .right .newsletter {
			padding-top: 10px;
			}

		.twoCols3070 .right .whatsonMain {
			height: 165px;
			background: url(/images/backgrounds/background400_200.png) no-repeat top left;
			padding-top: 18px;
			padding-bottom: 22px;
			margin-top: 15px;
			}

.whatsonMainThreeColsEqual {
	float: right;
	width: 400px;
	margin: 15px 0 0 0;
	text-align: center;
	position: relative;
	padding: 12px 0 22px 0;
	height: 167px;
	background: url(/images/backgrounds/background400_200.png) no-repeat top left;
	}

	.whatsonMainThreeColsEqual .left {
		float: left;
		width: 132px;
		margin: 0px;
		}
	
	.whatsonMainThreeColsEqual .fullRight {
		float: right;
		width: 266px;
		margin: 0;
		}
	
		.whatsonMainThreeColsEqual .fullRight .left {
			float: left;
			width: 133px;
			}
		
		.whatsonMainThreeColsEqual .fullRight .right {
			float: right;
			width: 133px;
			padding: 0;
			text-align: center;
			}
	
.whatsonMainThreeColsEqualEvent {
	float: right;
	width: 400px;
	margin: 15px 0 0 0;
	text-align: center;
	position: relative;
	padding: 12px 0 22px 0;
	height: 167px;
	background: url(/images/backgrounds/background400_200Christmas.png) no-repeat top left;
	}

	.whatsonMainThreeColsEqualEvent .left {
		float: left;
		width: 132px;
		margin: 0px;
		}
	
	.whatsonMainThreeColsEqualEvent .fullRight {
		float: right;
		width: 266px;
		margin: 0;
		}
	
		.whatsonMainThreeColsEqualEvent .fullRight .left {
			float: left;
			width: 133px;
			}
		
		.whatsonMainThreeColsEqualEvent .fullRight .right {
			float: right;
			width: 133px;
			padding: 0;
			text-align: center;
			}

.whatson4060 {
	float: left;
	width: 630px;
	margin: 0px;
	position: relative;
	}

	.whatson4060 .left {
		float: left;
		width: 270px;
		margin: 0px;
		border-style: solid;
		border-color: #777777;
		border-width: 1px;
		position: absolute;
		top: 10px;
		left: 0px;
		background: url(/images/backgrounds/whatsonBackground60.jpg) no-repeat top left;
		}

	.whatson4060 .right {
		float: right;
		width: 350px;
		margin: 0px;
		text-align: left;
		border-style: solid;
		border-color: #777777;
		border-width: 1px;
		position: absolute;
		top: 10px;
		left: 280px;
		background: url(/images/backgrounds/whatsonBackground60.jpg) no-repeat top left;
		}

	.whatson4060 .leftChristmas {
		float: left;
		width: 270px;
		margin: 0px;
		border-style: solid;
		border-color: Yellow;
		border-width: 1px;
		position: absolute;
		top: 10px;
		left: 0px;
		background: url(/images/backgrounds/whatsonBackground60Christmas.png) no-repeat top left;
		}

	.whatson4060 .rightChristmas {
		float: right;
		width: 350px;
		margin: 0px;
		text-align: left;
		border-style: solid;
		border-color: yellow;
		border-width: 1px;
		position: absolute;
		top: 10px;
		left: 280px;
		background: url(/images/backgrounds/whatsonBackground60Christmas.png) no-repeat top left;
		}

.whatsonSubLeft {
	float: left;
	width: 270px;
	}

	.whatsonSubLeft .col1left {
		float: left;
		width: 60px;
		text-align: left;
		}

	.whatsonSubLeft .col1right {
		float: right;
		width: 210px;
		}	

.whatsonSubRight {
	float: left;
	width: 350px;
	}

	.whatsonSubRight .col2left {
		float: left;
		width: 60px;
		text-align: left;
		}

	.whatsonSubRight .col2right {
		float: right;
		width: 290px;
		}	

.links5050 {
	float: left;
	width: 630px;
	margin: 0px;
	padding-top: 15px;
	}

	.links5050 .left {
		float: left;
		width: 300px;
		margin: 0px;
		position: relative;
		}

	.links5050 .right {
		float: right;
		width: 300px;
		margin: 0px;
		padding-left: 30px;
		text-align: left;
		position: relative;
		}
	
	
/* WhatsOn */


a.eventImageLinkTitle {
	width: 105px;
	font-size: small;
	font-weight: bold;
	border: 0;
	text-align: center;
	color: #999999;
	}

a.eventImageLinkTitleEvent {
	width: 105px;
	font-size: small;
	font-weight: bold;
	color: Yellow;
	border: 0;
	text-align: center;
	}

a:hover.eventImageLinkTitleEvent {
	color: #fff;
	text-decoration: none;
	}
	
img.whatsonSub {
	border: 0;
	margin: 8px;
	}

img.whatsonImageLink {
    width: 105px;
    height: 149px;
    border: 0;
    text-align: center;
	padding-bottom: 5px;
    }


/* Flash Content */

.flashHomePageVideo {
    position: absolute;
    right: 1px;
    bottom: 1px;
    }

.flashSideAds {
    background: url(/images/backgrounds/sideAdBackground.png) no-repeat top;
    height: 175px;
    margin: 4px 0 4px 0;
    position: relative;
    } 
    
.flashAdImg {
    text-align: right;
    position: absolute;
    right: 7px;
    bottom: 15px;
    }

.map {
    padding: 15px 0 15px 0;
    }

	
/* Forms */

.formNews {
    font-size: small;
    width: 630px;
    float: left;
    }
    
.formFieldTitle {
    font-size: small;
    text-align: left;
    }

.formSendButton {
    width: 160px;
    }
  
.formSendButtonLabel {
    text-align: center;
    color: black;    
    }
 
.formTextBox {
	width: 220px;
	margin-bottom: 4px;
	text-align: left;
    background-color: silver;
    border-style: none;
    }
    
.formDropDownList {
	width: 223px;    
	margin-bottom: 4px;
    background-color: silver;
    border-style: none;
	}
 

/* Navigation */

.nav {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	clear: left;
	}
	
	.nav ul {
		list-style: none;
		margin: 0;
		padding: 3px 0 3px 0;
		}

	.nav ul li {
		background: url(/images/navigation/navButtonOff.png) no-repeat bottom;
		}
		
	.nav ul li.firstitem {
		border-top: 0;
		}
		
	.nav ul li a:link, .nav ul li a:visited {
		clear: left;
		text-align: left;
		display: block;
		padding: 4px;
		color: #CCCCCC;
		font-size: 10pt;
		line-height: 1.5;
		font-weight: bold;
		text-decoration: none;
		}
		
	.nav ul li a:hover {
		background: url(/images/navigation/navButtonOn.png) no-repeat bottom;
		color: #FFFFFF;
		}

/* Gallery */

p.gallery {
	clear: both;
	text-align: center;
	}

p.display {
	padding-left: 17px;
	}	

p.gallery img.thumb {
	height: 80px;
	width: 80px;
	margin: 5px 6px;
	border: 3px;
	border-style: solid;
	border-color: #333333;
	-moz-border-radius: 5px;
	}

/* Footer */

.footer {
	height: 30px;
	width: 900px;
	margin: 0;
	padding: 0;
	font-size: small;
	background: url(/images/footer.png) no-repeat;
	margin: auto;
	clear: both;
	text-align: center;
	}
	

	.footer a:link, .footer a:visited {
		text-decoration: none;
		color: #999999;
		font-weight: bold;
		}
		
	.footer a:hover {
		text-decoration: none;
		color: #CCCCCC;
		}	
		
	.footer ul {
		margin: 0;
		padding: 4px 0;
		list-style: none;
		}
		
	.footer ul li {
		display: inline;
		padding: 0 6px;
		text-decoration: none;
		color: #999999;
		font-weight: bold;
		}