/*********************************************** 
				Browser reset
***********************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

q:before, q:after { content:''; }

abbr, acronym { border:0; }
/*********************************************** 
				Tags
***********************************************/

body {
	font-size: 62.5%;
	font-family: Arial, sans-serif;
	background: #000;
	color: #998F79;
	background: #000;
	}

a, a.ImmColours_Gray { text-decoration: none; color: #E7B30F; }
a:hover { color: #000; }

ul { font-size: 1.3em; margin-bottom: 1.5em; }
	ul li { 
		margin-bottom: 0.4em;  
		background: url(../../images/bullet.gif) no-repeat 0 0.4em;
		padding-left: 13px;
	}

h1, h2, h3, #header #main-nav li a, #banner, .feature .btn, .continue-block, #main .whatson .description .continue, #main .whatson .book a { font-family: Helvetica, arial, sans-serif; }

#home h2, h1 { 
	font-size: 5em; 
	color: #E7B30F; 
	text-transform: lowercase; 
	letter-spacing: -2px;
	margin: -13px 0 0.4em;
	font-weight: normal;
	}
	#home h2 { margin: 0.2em 0px 0.1em; }

h2 {
	font-size: 1.6em;
	color: #000;
	font-weight: bold;
	margin: 0 0 0.8em;
}

p { line-height: 1.5em; margin-bottom: 0.85em; font-size: 1.3em; }

hr { 
	height: 1px !important;
	border: none;
	border-bottom: 1px solid #EBE9E4; 
	color:#EBE9E4; 
	padding: 0.5em 0;
	margin: 0 0 1em 0;
	}

/*********************************************** 
				Structure
***********************************************/

#wrapper { width: 940px; margin: 0 auto; height: 217px; }
	#home #wrapper { height: auto; }
	
#header { 
	height: 217px;
	position: relative; 
	}
	#home #header { height: 440px; }
	
	#home #header #home-logo {
		position: absolute;
		width: 202px;
		height: 55px;
		top: 31px;
		left: 0;
		margin: 0;
		}
		#header #home-logo span { display: none; }
	
	#header #main-nav {
		position: absolute;
		height: 20px;
		right: 0px;
		top: 68px;
		font-size: 1.8em;
		z-index: 150;
		margin: 0;
		}
		#header #main-nav li { float: left; background: none; padding: 0; }
		#header #main-nav li a { 
			float: left; 
			color: #fff; 
			text-transform: lowercase;
			margin-left: 20px;
			font-weight: bold;
			letter-spacing: -1px;
			position: relative;
		}
		#header #main-nav li a:hover { border-bottom: 4px solid #E7B30F; }
		#header #main-nav li.active a,
		#header #main-nav li.active a:hover { color: #E7B30F; }

		
	#header #toolbar-nav {
		position: absolute;
		height: 14px;
		right: 100px;
		top: 12px;
		z-index: 150;
		}
		#header #toolbar-nav li { 
			float: left; 
			margin-left: 10px; 
			background: none; 
			padding: 0;
		}
		#header #toolbar-nav li a { 
			color: #CCC7BC; 
			float: left; 
			text-transform: lowercase;
			}
			#header #toolbar-nav li a:hover { color: #fff; }
		
	#header #eastleigh {
		position: absolute;
		width: 89px;
		height: 27px;
		top: 6px;
		right: 0px;
		display: block;
		z-index: 150;
		}
		#header #eastleigh span { display: none; }
	
	#header-image { 
		height: 217px;
		width: 940px;
		margin: 0 auto;
		position: relative;
		background-repeat:no-repeat;
		background-position:bottom center;
	}
	
	#header #header-content {
		background: url(../../images/logo-trans.png) no-repeat 50% bottom;
		z-index: 110;
		position: absolute;
		height: 92px;
		width: 100%;
		left: 0px;
		}
		#header #header-content a.logo { 
			display: block; 
			width: 205px;
			height: 58px;
			position: absolute;
			top: 30px;
			left: 50%;
			margin-left: -470px;
			text-indent: -10000px; 
			font-size: 0;
			line-height: 0;
			color: #000;
			z-index: 99;
		}
	
	#header #section-title {
		color: #fff;
		font-weight: bold;
		font-size: 9em;
		text-transform: lowercase;
		height: 91px;
		position: absolute;
		bottom: 5px;
		left: 0px;
		line-height: 1.2em;
		letter-spacing: -1px;
	}
		
#banner { 
	margin-top: -6px; 
	overflow: hidden; 
	font-weight: bold; 
	position: relative; 
	width: 940px;
	height: 350px;
	padding: 90px 0 0 0;
	margin: 0 auto;
	}
	#banner #navigation {
		position: absolute;
		height: 15px;
		bottom: 13px;
		right: 0;
		z-index: 100;
		}
		#banner #navigation li { float: left; background: none; padding: 0; }	
		#banner #navigation li a { 
			float: left; 
			display: block;
			height: 15px;
			width: 15px;
			background: #fff;
			font-size: 0;
			line-height: 0;
			text-indent: -10000px;
			color: #fff;
			margin-right: 5px;
			-moz-box-shadow: 0px 2px 2px #000;
			-webkit-box-shadow: 0px 2px 2px #000;
			box-shadow: 0px 2px 2px #000;
			}	
			#banner #navigation li.active a { background: #E7B30F; color: #E7B30F;  }	
	
	#banner #slide-wrapper { width: 940px; overflow: hidden;position: relative }			
	#banner #slides { width: 4700px; margin: 0; display: block; }
	#banner #slides li { 
		width: 940px; 
		height: 350px; 
		background: none;  
		padding: 0;
		margin-bottom: 0;
		float: left;
		display: block;
	}
	#banner ul li .banner-copy {
		padding: 50px 0 0;
		width: 450px;
		}
	#banner ul li .banner-date { 
		font-size: 2.7em; 
		color: #E7B30F;
		letter-spacing: -2px;
		margin-bottom: 7px;
		}
		#banner ul li .banner-date span,
		#banner ul li .banner-title span  { margin-bottom: -10px; }
	#banner ul li .banner-title {
		font-size: 5.3em;
		color: #fff;
		line-height: 0.85em;
		letter-spacing: -4px;
		margin-bottom: 30px;
	}
	#banner ul li .banner-desc { color: #FFF; }

#container-wrapper { background: #fff; }	

#container { 
	width: 940px; 
	margin: 0 auto; 
	overflow: hidden; 
	padding-bottom: 20px;
}

#horizontal-nav {
	background: url(../../images/horizontal-nav.png) no-repeat 0 bottom;
	width: 977px;
	padding: 20px 42px 0;
	margin: 0 auto;
	font-size: 1.7em;
	height: 42px;
	}
	#horizontal-nav li { float: left; padding-left: 30px; margin-right: -20px; background: none; }
		#horizontal-nav li.active { background: url(../../images/horizontal-nav-active.png) no-repeat 0 bottom; }
	#horizontal-nav li a { 
		float: left; 
		text-transform: lowercase;
		color: #998F79;
		display: block;
		padding: 0 33px 0 0px;
		line-height: 42px;
		}
		#horizontal-nav li a:hover { color: #000}
		#horizontal-nav li.active a,
		#horizontal-nav li.active a:hover { 
			background: url(../../images/horizontal-nav-active.png) no-repeat right bottom; 
			color: #E7B30F;
		}

#content { float: left; width: 700px;}

#tab-nav { 
	width: 120px; 
	float: left; 
	background: url(../../images/main-shadow-left.png) no-repeat right bottom;
	padding-bottom: 80px;
	}
	#whatson #tab-nav { margin-top: 16px; }
	#tab-nav ul { 
		font-size: 1.9em; 
		background: url(../../images/main-shadow-left.png) no-repeat right 0; 
		padding-top: 18px;
		position: relative;
		margin-bottom: 0;
	}
	#tab-nav ul li { padding: 32px 0 0; margin-bottom: -43px; background: none; }
	#tab-nav ul li.active {
		background: url(../../images/side-nav-active.png) no-repeat right 0;
		}
		#tab-nav ul li a {
			color: #B8B1A1;
			text-transform: lowercase;
			letter-spacing: -1px;
			display: block;
			padding: 0px 12px 33px 0;
			text-align: right;
		}
		#tab-nav ul li a:hover { color: #000 }
		#tab-nav ul li.active a,
		#tab-nav ul li.active a:hover {
			background: url(../../images/side-nav-active.png) no-repeat right bottom;
			color: #E7B30F;
		}
	
#side-nav {	
	width: 140px; 
	float: left; 
	margin: 30px 20px 0 0;
	}
	#side-nav ul { font-size: 1.5em;  }
	#side-nav li { 
		border-bottom: 1px solid #EBE9E4; 
		background: none;  
		padding: 0; 
		margin: 0;
		}
		#side-nav li.last { border: none; }
	#side-nav li.active a,
	#side-nav li.active a:hover { color: #E7B30F; }
	#side-nav li a { 
		display: block; 
		padding: 10px 0;
		color: #B8B1A1; 
		text-transform: lowercase;
	}
	#side-nav li a:hover { 
		color: #000; 
	}
	#side-nav ul ul { 
		font-size: 0.8em; 
		padding: 5px 0 0 15px; 
		margin-bottom: 7px; 
		border-top: 1px solid #EBE9E4;
	}
		#side-nav ul ul li { 
			border: none; 
			
		}
		#side-nav ul li.active ul li a { color: #998F79; padding: 5px 0; }
		#side-nav ul li.active ul li a:hover { color: #000; }
		#side-nav ul li.active ul li.active a,
		#side-nav ul li.active ul li.active a:hover { color: #E7B30F; }
		

#main {
	float: left;
	width: 520px;
	padding: 30px 20px 20px 0;
	}
	#home #main,
	#whatson #main { 
		background: url(../../images/main-shadow-top.png) no-repeat 0 0; 
		width: 540px; 
		padding-left: 20px;
		}
	#whatson #main { margin-top: 16px;  }
	
	.whatson_article #main { padding: 40px 20px 20px 30px; width: 510px !important; }
	#wide #main { width: 650px; padding-left: 0; }

	#main .blog { float: left; width: 166px; margin-right: 20px;}
		#main .blog .imgContainer { 
			display:block; 
			width: 166px; 
			height: 108px;
			overflow: hidden;
			}
			#main .blog .imgContainer img { display:block; }
		
		#main .blog h4 { 
			font-size: 1.7em; 
			font-weight: bold; 
			color: #000; 
			letter-spacing: -1px; 
			margin: 0.6em 0;
		}
		#main .blog p { margin-bottom: 1.5em; }
		
	#main .last { margin-right: 0; }
	#main .leading { 
		width: 545px; 
		float: none; 
		margin-bottom: 20px; 
		overflow: hidden; 
		}
		#main .leading .imgContainer { 
			float: left; 
			margin-right: 20px; 
			width: 260px;
			height: 170px;
			}
		#main .leading .blog-copy { float: left; width: 260px; }
		#main .leading .blog-copy h3 { 
			font-size: 2.5em; 
			color: #000; 
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 1.2em; 
			margin: 0.2em 0 0.3em;	
		}
		#main .leading .blog-copy p { font-size: 1.4em; margin-bottom: 1.2em; }
	
	#main .whatson { 
		width: 546px; 
		margin: 0 0 1em 0; 
		border-bottom: 1px solid #EBE9E4;
		padding: 0 0 1em 0;
		}
		#main .whatson .imgContainer { 
			float: left; 
			margin-right: 20px; 
			display:block; 
			width: 166px; 
			height: 150px;
			overflow: hidden;
			}
		#main .whatson img { display:block; }
		#main .whatson .description { float: left; width: 281px; margin-right: 4px; }
			#main .whatson .description h2 { font-size: 1.7em; margin-bottom: 0.4em;}
				#main .whatson .description h2 a { color: #000; }
			#main .whatson .description p { font-size: 1.2em;  }
			#main .whatson .description .continue { 
				background: #E7B30F; 
				color: #fff; 
				display: inline-block;
				border-left: 5px solid #000;
				font-size: 1.4em;
				line-height: 1.2em;
				padding: 1px 4px 2px;
				font-weight: bold;
				margin-top: 6px;
				}
				#main .whatson .description .continue:hover { color: #000; }
		#main .whatson .book { float: left; width: 75px; position: relative; }
			#main .whatson .book .date {
				display: block;
				height: 86px;
				width: 61px;
				padding:  0 7px;
				font-size: 6em;
				color: #000;
				line-height: 1.2em;
				font-weight: bold;
				letter-spacing: -5px;
				background: #E7B30F url(../../images/date-bg.png) no-repeat right 0;
				margin-bottom: 4px;
				}
				#main .whatson .book .date .month { 
					font-size: 0.5em; 
					margin-top: -38px; 
					display: block; 
					padding: 0;
					text-transform: uppercase;
					letter-spacing: -2px;
					text-align: center;
				}
				#main .whatson .book .moredates { 
					display: block;
					background: url(../../images/more-dates.png) no-repeat;
					width: 49px;
					height: 49px;
					text-indent: -9999em;
					font-size: 0;
					line-height: 0;
					position: absolute;
					top:-22px;
					right: -22px;
				}
				
			#main .whatson .book a {
				display: block;
				background: #000;
				color: #fff;
				text-transform: lowercase;
				font-weight: bold;
				font-size: 1.4em;
				padding: 2px 0 1px 3px;
				}
				#main .whatson .book a:hover { color: #E7B30F; }
				
			#main #datesTable h2 { 
				background: #EBE9E4; 
				padding: 5px; 
				margin: 0; 
				}
			#main #datesTable h2 a { color: #998F79; }
			#main #datesTable ul li { padding: 0.5em 0; background: none; border-bottom: 1px solid #EBE9E4 }
			#main #datesTable ul li .date,
			#main #datesTable ul li .link { float: left; padding: 0 5px; }
			#main #datesTable ul li .date { width: 370px; margin-right: 20px;}
			#main #datesTable ul li .link { font-weight: bold; width: 100px; text-align: right}
#feature { 
	margin-left: 20px;
	float: left;
	width: 220px;
	padding-top: 26px;
}
	
	.feature { padding: 12px; margin-bottom: 20px; }
		.feature h4 {
			text-transform: lowercase;
			letter-spacing: -1px;
			font-size: 3.5em;
			margin-bottom: 0.4em;
			line-height: 1em;
		}
		.feature select { width: 196px; margin-bottom: 8px; }
		
	.feature ul#upcomingEvents li { padding: 0; background: none; }
	.feature ul#upcomingEvents li h5 { font-weight: bold; }
	.feature ul#upcomingEvents li h5 a { color: #000 }
	.feature ul#upcomingEvents li p { font-size: 1em; }
				
	.orange { background: #E7B30F; }
		.orange h4 { color: #fff; }
		.orange .btn {
			background: #000;
			color: #fff;
			border-left: 5px solid #fff;
		}
	
	.grey { background: #EBE9E4; }
		.grey h4 { color: #998F79; }
		.grey .btn, input[type=submit] {
			background: #E7B30F;
			color: #fff;
			border: none;
			border-left: 5px solid #000;
		}
		
		.greyfollowus { background: #EBE9E4; height:120px; }
		.greyfollowus h4 { color: #998F79; }
		.greyfollowus .btn, input[type=submit] {
			background: #E7B30F;
			color: #fff;
			border: none;
			border-left: 5px solid #000;
		}
	#feature #twitter-icon {
		width: 60px;
		height: 60px;
		background: url(../../images/Twitter1.png) no-repeat;
		display: block;
		font-size: 0;
		line-height: 0;
		left: 20px;
		bottom: 0px;
		position: relative;
						}
		#feature #twitter-icon:hover { background: url(../../images/Twitter1d.png) no-repeat; }
		
	#feature #facebook-icon {
		width: 60px;
		height: 60px;
		background: url(../../images/facebook-symbol.png) no-repeat;
		display: block;
		font-size: 0;
		line-height: 0;
		line-height: 0;
		text-indent: -10000px;
		position: relative;
		left: 110px;
		bottom: 62px;
		}
		#feature #facebook-icon:hover { background: url(../../images/facebook-symbold.png) no-repeat; }
		
#footer-wrapper { background: #000 url(../../images/footer-bg.png) repeat-x 0 bottom; }

#footer { 
	width: 940px; 
	margin: 0 auto; 
	padding: 18px 0 120px; 
	position: relative;
	}
	#footer h5 {
		color: #E7B30F;
		font-size: 3.5em;
		letter-spacing: -1px;
		text-transform: lowercase;
		margin-bottom: 0.4em;
		}
		#twitter h5 { background: url(../../images/twiiter.png) no-repeat;	padding: 3px 0 0 60px; }
	
	#footer #twitter { position: relative; float: left; width: 640px; }	
		#footer #twitter .twitter-selector {
			position: absolute;
			width: 106px;
			height: 23px;
			top: 17px;
			left: 240px;
			border: 1px solid #998F79;
			}
			#footer #twitter .twitter-selector dt { 
				font-size: 1.3em; 
				color: #998F79; 
				padding: 4px 5px; 
				background: url(../../images/twitter-selector.png) no-repeat 89px 9px;
				}
				
			#footer #twitter .twitter-selector ul {
				position: absolute;
				width: 106px;
				left: -999em;
				top: 23px; 
				border-left: 1px solid #998F79;
				border-right: 1px solid #998F79;
				border-bottom: 1px solid #998F79;
				background: #000; 
				}	
				#footer #twitter .twitter-selector:hover ul { left: -1px; }
			#footer #twitter .twitter-selector ul li { 
				margin: 0 -1px;	
				padding: 0;
				width: 106px;
				background: none;
				}
				#footer #twitter .twitter-selector ul li:hover a { color: #E7B30F; }
			#footer #twitter .twitter-selector ul li a { padding: 4px 5px; display: block; color: #998F79; width: 96px; height: 15px; }
		#footer #twitter .twitter-feed {  }
		#footer #twitter .twitter-feed li {
			float: left;
			width: 190px;
			margin-right: 22px;
			background: none;
			padding: 0;
			}
			#footer #twitter .twitter-feed li.last { margin: 0; }
			#footer #twitter .twitter-feed li p { color: #fff; font-size: 1em; }
			#footer #twitter .twitter-feed li p.twitter-time { font-size: 1em; color: #998F79; }		
	
	#footer #newsletter { float: left; width: 300px;}
		#footer #newsletter .textfield {
			width: 290px;
			background: url(../../images/newsletter-input.png) no-repeat;
			border: 1px solid #E7B30F;
			font-size: 2em;
			padding: 9px 5px 8px;
			margin: 6px 0;
			outline: none;
		}
		#footer #newsletter .btn { 
			background: #fff; 
			color: #000; 
			border: none;
			border-left: 5px solid #E7B30F;
			padding: 7px 10px 6px; 
			float: right;
		}
		#footer #newsletter iframe { background: #FFF; width: 300px!important;}
		#footer #recaptcha_widget { margin:6px 0 0}
		#footer #recaptcha_widget ul { margin:0 0 1em}
		#footer #recaptcha_widget ul li {  background:none; padding:0; }
	    #footer #recaptcha_widget ul li a:hover {  color:#FFF }
	    
	    #footer #recaptcha_widget p { margin:0.5em 0; color: #FFF}
	        .recaptcha_audio_cant_hear_link { font-size:1.2em;}
	    
	#footer #footer-nav {
		position: absolute;
		height: 14px;
		left: 0;
		bottom: 40px;
		margin: 0;
		}
		#footer #footer-nav li { 
			float: left; 
			margin-right: 10px; 
			background: none; 
			padding: 0; 
			text-transform: lowercase;
		}
		#footer #footer-nav li a { float: left; color: #998F79; }
			#footer #footer-nav li a:hover { color: #fff; }
		
	
		
	#footer #eastleigh-footer {
		position: absolute;
		width: 170px;
		height: 47px;
		right: -14px;
		bottom: 40px;
		background: url(../../images/logo-ebc-footer.png) no-repeat;
		font-size: 0;
		line-height: 0;
		display: block;
		color: #000;
	}
	
	#footer #twitter-icon {
		width: 86px;
		height: 17px;
		background: url(../../images/logo-icons.png) no-repeat 0 -24px;
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -10000px;
		position: absolute;
		left: 0;
		bottom: 73px;
		}
		#footer #twitter-icon:hover { background-position: 0 -2px }
	
	#footer #facebook-icon {
		width: 92px;
		height: 18px;
		background: url(../../images/logo-icons.png) no-repeat -102px -23px;
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -10000px;
		position: absolute;
		left: 110px;
		bottom: 73px;
		}
		#footer #facebook-icon:hover { background-position: -102px -1px }
	
/*********************************************** 
			Common classes
***********************************************/

.wrapper { width: 940px; margin: 0 auto; height: 92px; position: relative;}

.find {
	background: url(../../images/buttons/find-out-more.png) no-repeat;
	font-size: 0;
	text-indent: -10000px;
	line-height: 0;
	display: block;
	width: 117px;
	height: 26px;
	}

.continue-block { overflow: hidden; width: 100%; }

	.continue-block .continue { 
		float: left; 
		background: #E7B30F;
		padding: 1px 5px 2px;
		color: #fff;
		font-weight: bold;
		font-size: 1.4em;
		text-transform: lowercase;
		letter-spacing: -1px;
		line-height: 1.2em;
		margin-right: 2px;
		border-left: 5px solid #000;
		}
		.continue-block .continue:hover { color: #000; }
		
	.continue-block .comment { 
		width: 27px; 
		float: left; 
		font-size: 1.5em;
		color: #fff;
		font-weight: bold;
		background: url(../../images/buttons/continue.png) no-repeat -369px 0;
		width: 22px;
		height: 26px;
		padding: 1px 0 0 5px;
		}
		.continue-block .continue span { margin-top: -2px; }

.btn, input[type=submit] {
	font-size: 1.6em;
	text-transform: lowercase;
	font-weight: bold;
	padding: 3px 7px;
	display: inline-block;
	margin-top: 5px;
}

.clearFix { height: 1%; }

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.error { font-size:1.2em;  }
.success { font-size:1.4em; display:block; border: 5px solid #E7B30F; padding:1em; color:#FFF }

.PageCounter img,
.PageCounter input { margin: 0 2px; vertical-align: text-bottom; }
.PageCounter .PageCounterTxtBox { width: 20px;  }


/* Blogging Plugin  Styles */

.CommentItem {
	position: relative;
	}
	.CommentItem .Title {
		font-size: 1.4em;
		color: #fff;
		background: #E7B30F;
		font-weight: bold;
		padding: 3px;
		margin-bottom: 0.6em;
	}
	.CommentItem .MetaData {
		background: #000;
		font-size: 1.2em;
		color: #fff;
		padding: 5px;
		position: absolute;
		top: 0;
		right: 0;
		height: 12px;
	}
	.CommentItem .Content {
		font-size: 1.2em;
		margin-bottom: 0.8em;
		line-height: 1.5em;
		padding: 0 5px;
	}

.BlogEntryNewCommentForm { padding: 0 5px; }
.BlogEntryNewCommentForm fieldset { padding: 15px 0 0; margin-top: 15px; }
	.BlogEntryNewCommentForm legend {
		font-size: 1.4em;
		color: #000;
		display: block;
	}
	.BlogEntryNewCommentForm li {
		padding-left: 0;
		background: none;
		clear: left;
		margin-bottom: 10px;
		width: 100%;
		overflow: hidden;
	}
	.BlogEntryNewCommentForm li label {
		display: block;
		float: left;
		width: 80px;
		line-height: 1.8em;
	}
	.BlogEntryNewCommentForm li .formcontrols {	float: left; }
	.BlogEntryNewCommentForm li .formcontrols input,
	.BlogEntryNewCommentForm li .formcontrols textarea {
		border: 1px solid #ccc;
		padding: 5px;
		width: 200px;
		outline: none;
	}
	.BlogEntryNewCommentForm li .formcontrols textarea {
		width: 548px;
		height: 100px;
	}
	
.blogComments input[type=submit] { margin-left: 85px; }

/* End blogging styles */