/* Reset.css
------------------------------------------------------------------------------------ */
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input[type="text"], textarea {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: 'Roboto', sans-serif;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
	input[type=text] {-webkit-appearance: none; -webkit-border-radius: 0;}


/* Main
------------------------------------------------------------------------------------ */
	body{
		/*font-family:arial,helvetica;*/
		font-size:13.5px;
		background:#e9e9e9;
		color:#252525;
	}

	h1{
		font-size:2.15em;
		font-weight:bold;
		margin:0 0 0.4em 0;
	}

	h1.title {
		text-transform: uppercase;
		text-align: center;
		border-bottom: 2px dotted #464646;
		padding-bottom: 2px;
	}

	h2{
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 1em 0;
	}

	h3{
		font-size:1em;
		font-weight:bold;
		margin:0 0 1em 0;
	}

	p{
		margin:0 0 1em 0;
		line-height:1.5em;
	}

		p em{
			/*font-size:1.2em;*/
			font-style: italic;
		}

	a,
	a:visited{
		color:#404040;
	}

	img.max-width {
		max-width: 100%;
	}

	.privacy-policy ul {
		margin: 0 0 1em 0;
	}

	.privacy-policy ul li {
		margin-left: 18px;
	}

	.privacy-policy ol li {
		margin-left: 20px;
	}

/* Layout
------------------------------------------------------------------------------------ */
.wrapper
{
	width:698px;
	margin:0 auto;
	max-width: 100%;
}

header{
	background:#bf1e2e;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 150;
}

	nav#nav-top{
		height:53px;
		line-height:53px;
		position: relative;
	}
		nav#nav-top form#form-search{
			margin-left:10px;
			float:left;
		}
			nav#nav-top form#form-search label{
				width:27px;
				height:53px;
				margin-right:10px;
				display:block;
				background:url('../img/icons/sprite-top.png') no-repeat 0 50%;
				float:left;
			}
			nav#nav-top a#search-pull{
				width:53px;
				height:53px;
				display:none;
				background-image: url('../img/icons/search-icon.png');
				background-repeat: no-repeat;
				background-position: 14px 14px;
				top: 0;
				left: 0;
			}
			
			nav#nav-top #submit-search{
				width:27px;
				height:27px;
				display:inline-block;
				zoom: 1;
				*display: inline;
				background:url('../img/icons/sprite-top.png') no-repeat 0 0;
				border:0;
				padding:0;
				margin:0 0 0 5px;
				vertical-align:middle;
			}
				nav#nav-top #submit-search:hover{
					cursor:pointer;
				}
			nav#nav-top form#form-search input#keyword{
				padding:0 5px;
			}

		nav#nav-top a#hash-anchor {
			float: left;
			background-image: url('../img/icons/change-language.png');
			background-repeat: no-repeat;
			background-position: 8px 24px;
			padding-left:25px;
			
			margin-right: 10px;
			margin-left: 10px;
			text-decoration: none;
			padding-right:10px;
			color: #ffffff;
		}

		nav#nav-top form#hash-form{
			display: none;
			position: absolute;
			top: 53px;
			left: 0;
			width: 100%;
			background: rgba(32,81,116,0.95);
			padding: 2px;
			z-index: 100;
			text-align: center;
		}

			nav#nav-top form#hash-form input#hash-submit-shortcode{
				width:27px;
				height:27px;
				display:inline-block;
				zoom: 1;
				*display: inline;
				background:url('../img/icons/sprite-top.png') no-repeat 0 0;
				border:0;
				padding:0;
				margin:0 0 0 5px;
				vertical-align:middle;
			}
			nav#nav-top form#hash-form p.error{
				color: #ffffff;
				margin: 4px 0 0 0;
			}
				nav#nav-top form#hash-form input#hash-submit-shortcode:hover{
					cursor:pointer;
				}

		nav#nav-top p#font-size {
			float: left;
		    height: 53px;
		    margin: 0;
		    margin-right: 10px;
		    line-height: 53px;
		    color: #fff;
		    font-size: 14px;
		}
			nav#nav-top p#font-size a.l-size {
				font-size: 16.5px;
			}
			nav#nav-top p#font-size a.xl-size {
				font-size: 19.5px;
			}

		nav#nav-top a.font-size {
			display: inline-block;
			color: #ffffff;
			text-align: center;
			width: 18px;
		}

		nav#nav-top a#nav-location{
			width:21px;
			height:53px;
			display:block;
			background:url('../img/icons/sprite-top.png') no-repeat -28px 50%;
			float:left;
			margin-right:15px;
		}
		nav#nav-top a#nav-menu {
			width: 53px;
			height: 53px;
			display: block;
			background-image: url('../img/icons/lined-menu.png');
			background-repeat: no-repeat;
			background-position: 14px 16px;
			float: left;
		}
			.onClick {
				background-color: #ad1120;
			}


		nav#nav-top ul {
			background-color: #be1e2d;
			position: absolute;
			top: 53px;
			right: 0;
			width: 320px;
			list-style: none;
			max-width: 100%;
			background-color: rgba(190, 30, 45, 0.95);
			display: none;
			z-index: 100;
		}
			nav#nav-top ul li,
			nav#nav-top ul a {
				/*height: 27px;*/
				line-height: 2em;
				text-decoration: none;
				text-transform:uppercase;
				color: #ffffff;
			}
			nav#nav-top ul a {
				display: block;
				padding-left: 35px;
				border-top: 1px solid rgba(255, 255, 255, 0.1);
				border-bottom: 1px solid #ad1120;
			}


		nav#nav-top a#current-language {
			width: 33px;
			height: 53px;
			display: block;
			margin-top:6px;
			padding-right:10px;
			float: left;
			display:block;
			position:relative;
		}

			nav#nav-top ul#language-pulldown li{
				height:auto;
				line-height:auto;
			}
				nav#nav-top ul#language-pulldown li a{
					padding-top:8px;
				}
					nav#nav-top ul#language-pulldown li a span{
						position:relative;
						top:-5px;
						left:5px;
					}

	div.main-logo {
		border-bottom: 2px dotted #464646;
		font-size: 0; /* Removes unwanted spacing on the logo because of being inline */
		margin-bottom: 18px;
		padding: 18px 0;
	}

	header #logo{
		margin:10px 0;
	}

div#pagecontent{
	margin-bottom:20px;
	margin-top: 53px;
}

div#cookiemessage-container{
	text-align:center;
	padding:10px 10px;
	background:#ffffff;
}
	div#cookiemessage-container p{
		margin:0;
		font-size:0.9em;
		line-height:1.2em;
	}
	div#cookiemessage-container a.cookie-close{
		display:block;
		width:20px;
		float:right;
		height:20px;
		background:url('../img/icons/delete.png') no-repeat #ffffff 0 0;
	}

div.breadcrumb{
	margin: 15px auto;
	
	font-size: 1em;
	line-height: 1.5;
}

	div.breadcrumb span{
		white-space: nowrap;
	}

		div.breadcrumb span.sep{
			margin: 0 10px;
		}

footer{
	background:#252525;
	height:70px;
}
	footer p.copyright{
		padding-top:28px;
		margin-right:10px;
		color:#ffffff;
		font-size:0.9em;
		float:right;
		line-height: 1em;
		vertical-align: middle;

	}
	footer p.copyright span.large-text {
		font-size:1.8em;
		line-height: 1.8em;
		vertical-align: middle;
	}
	footer nav#nav-bottom{
		margin-top:17px;
		float:left;
	}
		footer nav#nav-bottom a#nav-facebook{
			width:32px;
			height:32px;
			display:block;
			background:url('../img/icons/facebook.png') no-repeat 0 0;
			float:left;
			margin-right:15px;
		}
		footer nav#nav-bottom a#nav-twitter{
			width:32px;
			height:32px;
			display:block;
			background:url('../img/icons/twitter.png') no-repeat 0 0;
			float:left;
			margin-right:14px;
		}
		footer nav#nav-bottom a#nav-ci{
			width:132px;
			height:36px;
			display:block;
			background:url('../img/icons/powered-by.png') no-repeat 0;
			float:left;
			margin-left: 10px;
		}

/* These styles enable the video on pages to be full width and responsive */
/*
.video-js .vjs-tech {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
}
*/


/* Buttons
------------------------------------------------------------------------------------ */
	.button-set-container {
		display: table-row;
	}

	.button-set-list {
		display: table-cell;
		margin: 0 72px;
		vertical-align: middle;
		width: 100%;
	}

	nav.button-set{
		background:#be1e2d;
		padding:3px;
	}

		nav.button-set a.btn,
		nav.button-set a.btn:visited{
			background:#ffffff;
			color:#be1d2d;
			display:block;
			line-height:1.7em;
			margin-bottom:3px;
			padding: 4px 0;
			text-align:center;
			text-decoration:none;
			text-transform: uppercase;
		}
		nav.button-set a.btn:last-child{
			margin-bottom:0;
		}

		.prev-next {
			display: table-cell;
			vertical-align: middle;
			width: 68px;
		}

		.previous, .next {
			display: block;
			height: 68px;
			width: 68px;
		}

		.previous {
			background: #bf1e2e url('../img/icons/previous-arrow.png') no-repeat center center;
		}

		.next {
			background: #bf1e2e url('../img/icons/next-arrow.png') no-repeat center center;
		}

		/* Div is used instead of an anchor so will be greyed out */
		div.next,
		div.previous {
			background-color: #959595;
		}


/* Common
------------------------------------------------------------------------------------ */
	*:focus  
	{  
			outline: none;
	}  

	.clearfix:after { content: ""; display: block; clear: both; } 
	.clearfix { *zoom: 1; }
	.text-error{
		color:#ff0000;
	}
	.image-align-left{float:left;margin:5px 10px 10px 0;}
	.image-align-right{float:right;margin:5px 0 10px 10px;}
	.text-align-right{text-align:right;}
	.align-right{float:right;}

	.hidden{
		display:none;
	}
	
	.clicktoclose{
		cursor:pointer;
	}

	.ltext {
		font-size: 16.5px;
	}

	.xltext {
		font-size: 19.5px;
	}

	div.success,
	div.error,
	div.notice{
		margin:1em 0;
		border:1px solid #f6f2f1;
		background:#f9f9fb;
		font-size:1em;
		padding:10px;
		margin-bottom:20px;
		font-weight:bold;
	}

	div.error{
		background-color:#f7f0f4 no-repeat 10px 10px;
		background:#ddbdc8;
		border:1px solid #970001;
		border:0;
		color:#970001;
	}
	div.notice{
		background-color:#f5f5f5 no-repeat 10px 10px;
		border:1px solid #000000;
		border:0;
		color:#000000;
	}
	div.success{
		background-color:#f0f2f4 no-repeat 10px 10px;
		background:#d9e3da;
		border:1px solid #077126;
		border:0;
		color:#077126;
	}
	div.content-box {
		background: #ffffff;
		border-top: 8px solid #be1e2d;
		margin-bottom: 20px;
		/*overflow: hidden;*/
		padding: 16px;
		position: relative;
	}
		div.whats-on {
			border-top: 8px solid #464646 !important;
			background: #ffffff url('../img/icons/whats-on-icon.gif') no-repeat 10px 15px;
			padding: 10px 10px 10px 58px;
		}

		.drop-shadow,
		div#audio {
			position: relative;
		}

		.drop-shadow:before, 
		.drop-shadow:after,
		div#audio:before,
		div#audio:after
		{
			z-index: -1;
			position: absolute;
			content: "";
			left: 10px;
			width: 50%;
			bottom: 16px;
			height: 19px;
			max-width:300px;
			-webkit-box-shadow: 0 12px 12px #bbbbbb;
			-moz-box-shadow: 0 12px 12px #bbbbbb;
			box-shadow: 0 12px 12px #bbbbbb;
			-webkit-transform: rotate(-5deg);
			-moz-transform: rotate(-5deg);
			-o-transform: rotate(-5deg);
			-ms-transform: rotate(-5deg);
			transform: rotate(-5deg);
		}
		.drop-shadow:after,
		div#audio:after
		{
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg);
			right: 10px;
			left: auto;

			clear: both;
			display: block;
		}

		div.content-box div.content-left-col,
		div.content-box div.content-right-col {
			float: left;
			width: 48%;
		}
		div.content-box div.content-right-col {
			float: right;
		}
		div.content-box h2 {
			font-size: 14px;
			color: #be1e2d;
		}
		div.content-box h3.event-title {
			color: #be1e2d;
			font-size: 0.9em;
			margin-bottom: 0;
		}
		div.content-box p {
			font-size: 0.9em;
		}
			div.content-box p.event-description {
				color: #be1e2d;
			}

		a#event-content-anchor {
			padding-top: 2px;
			text-decoration: none;
			line-height: 2em;
			padding-left: 25px;
			background-repeat: no-repeat;
			background-position: 0px center;
		}

		h2.whats-on {
			margin-bottom: 0;
		}
		.maximise-icon {
			background-image: url('../img/icons/maximise.png');
		}
		.minimise-icon {
			background-image: url('../img/icons/minimise.png');
		}

	a.take-me-here{
		display:block;
		padding: 2px 12px 2px 28px;
		color:#ffffff;
		text-decoration:none;
		/*background:#bf1e2e;*/
		margin: 0 auto 20px auto;
		background: #bf1e2e url('../img/icons/take-me-arrow.png') no-repeat left 8px center;
		position: relative;
		z-index: 5;
	}

	ul.categories{
		margin-top: 20px;
		list-style: none;
	}

		ul.categories li{
			margin-bottom: 20px;
		}

			ul.categories li a.thumbnail{
				float: left;
				display: block;
				width: 185px;
				background-size: cover;
				height: 100px;
				background-position: 50%;
			}

			ul.categories li div.description{
				float: left;
				width: 470px;
				margin-left: 20px;
				margin-right: 20px;
			}

				ul.categories li div.description h2,
				ul.categories li div.description p{
					color: #ffffff;
				}

				ul.categories li div.description h2{
					margin: 15px 0 5px 0;
				}

					ul.categories li div.description h2 a{
						color: #ffffff;
						text-decoration: none;
					}

				ul.categories li div.description p{
					margin: 0 0 15px 0;
					line-height: 1.45;
					font-size: 0.9em;
				}

					ul.categories li div.description p a{
						color: #ffffff;
					}


/* Forms
------------------------------------------------------------------------------------ */
	form {
		margin:0;
		padding:0;
	}
		form fieldset {
			margin-top: 1em;
			margin-bottom: 1em;
			border:1px solid #99c071;
			border:1px solid #c0c0c0;
			width:96%;
			background:#ffffff;
			padding:5px 2%;
		}
		form legend {
			font-weight: bold;
			margin-bottom: 1em;
			margin-left:15px;
			font-size: 1em;
		}
		form input[type="text"],
		form input[type="password"] {
			padding: 5px 4px;
			border: 1px solid #dcdcdc;
			background: #ffffff;
		}
		form textarea {
			border: 1px solid #dcdcdc;
			background: #ffffff;
		}
		form label {
			display: block;
			font-weight: bold;
		}

		form div.form-subsection{
			background:#f5f5f5;
			border:1px solid #e5e5e5;
			padding:10px 14px;
			margin:10px 0 20px 0;
		}
			form div.form-subsection h3{
				font-weight:bold;
				margin:0 0 1em 0;
			}

		form.horizontal fieldset div.row {
			margin-bottom: 1em;
		}
			form.horizontal fieldset div.row label {
				float: left;
				text-align: right;
				margin-right: 2%;
				width: 22%;
				line-height: 1.9em;
			}
			form.horizontal fieldset div.row input[type="text"] {
				width: 70%;
			}
			form.horizontal fieldset div.row textarea {
				width: 70%;
			}
			form.horizontal fieldset div.row input[type="submit"] {
				margin-left: 24%;
			}
			form.horizontal fieldset div.row p {
				margin-left: 24%;
			}
			form.horizontal fieldset div.row div.text-error {
				margin-left: 24%;
				padding-bottom:5px;
			}
			form.horizontal fieldset div.row-submit a.btn,
			form.horizontal fieldset div.row-submit input.btn{
				margin-left:24%;
				text-decoration:none;
				display:block;
				text-align:center;
			}
			form.horizontal fieldset div.row-tinymce div.textarea {
				margin-left:24%;
			}	


/* Responsive
------------------------------------------------------------------------------------ */

@media screen and (max-width: 735px) {

	h1{
		font-size:1.8em;
	}

	nav#nav-top a#search-pull {
		display: block;
		position:absolute;
	}

	nav#nav-top form#form-search {
		display: none;

		/*width: 94%;*/
		width: 100%;
		float: none;
		position: absolute;
		top: 53px;
		background-color: rgba(160,7,22,0.95);
		margin-left: 0;
		/*padding: 0 3%;*/
		padding: 2px;
		line-height: 38px;
	}
		nav#nav-top form#form-search input#keyword {
			padding: 0 2%;
			padding: 5px 4px;
			width: 74%;
			margin: 10px 2% 10px 0;
			display: inline-block;
			float: none;
			border: none;
			margin-left: 3%;
			vertical-align: middle;
		}


	div.main-logo {
		margin-bottom: 10px;
	}

	.wrapper {
		width: 94%;
		padding: 0 3%;
	}
		#nav-top.wrapper {
			width: 100%;
			padding: 0;
		}

	footer {
		height: auto;
		padding: 8px 0 14px;
	}

	footer p.copyright {
		padding-top: 0;
		margin: 0;
		width: 100%;
		float: none;
		text-align: center;
		margin-bottom: 8px;
	}
	footer nav#nav-bottom {
		margin-top: 0;
		width: 100%;
		float: none;
		text-align: center;
	}
		footer nav#nav-bottom a#nav-facebook,
		footer nav#nav-bottom a#nav-twitter,
		footer nav#nav-bottom a#nav-ci {
			display: inline-block;
			float: none;
		}
		
	ul.categories li a.thumbnail{
		width: 24%;
	}

	ul.categories li div.description{
		width: 64%;
		margin-left: 2%;
	}

}

@media screen and (max-width: 480px) {

	nav#nav-top p#font-size span{
		display: none;
	}

	ul.categories li a.thumbnail{
		width: 100%;
		float: none;
	}

	ul.categories li div.description{
		width: 94%;
		float: none;
		margin-left: 0;
		padding: 0 3% 3% 3%;
	}

	nav#nav-top a#hash-anchor {
		margin-right: 5px;
		margin-left: 0;
	}

	nav#nav-top a#nav-location{
		margin-right:5px;
	}

}