/* Importing Fonts */

	@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* Default Styling */

	body, html													{ margin: 0%; padding: 0%; width: 100%; height: 100%; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, li, span					{ margin: 0%; padding: 0%; }
	input, select, textarea										{ margin: 0%; padding: 0%; resize: none; }
	table, tr, th, td											{ margin: 0%; padding: 0%; border-spacing: 0; border-collapse: collapse; vertical-align: top; }
	a, img														{ border: none; outline: 0; color: inherit; text-decoration: none; }
	img															{ display: block; }

/* Page Setup Styling */

	html														{ background-color: #F7F8F8; }
	div.page													{ margin: 0%; padding: 0%; background-color: #F7F8F8; }
	div.page *													{ font-family: 'Open Sans', sans-serif; font-size: 100%; }
	div.offset													{ margin: 0% auto; padding: 0%; width: auto; max-width: 1024px; background-color: transparent; clear: both; z-index: 1000; }

/* Text Styling */

	div.page h1													{ margin: 0.063em 0% 0.775em 0%; padding: 0%; font-size: 1.875em; line-height: 1em; color: #1D3662; font-weight: 400; }
	div.page h2													{ margin: 1.625em 0%; padding: 0%; font-size: 1.25em; line-height: 1.5em; color: #AD7D2C; font-weight: 400; }
	div.page h3													{ margin: 2.25em 0% 0.5em 0%; padding: 0%; font-size: 1.25em; line-height: 1em; color: #5171A5; font-weight: 600; }
	div.page h4													{ margin: 0.75em 0%; padding: 0%; font-size: 1.125em; line-height: 1em; color: #AD7D2C; font-weight: 600; }
	div.page h5													{ margin: 0.75em 0%; padding: 0%; font-size: 1.125em; line-height: 1em; color: #1D3662; font-weight: 600; }
	div.page h6													{ margin: 0.5em 0%; padding: 0%; font-size: 1em; line-height: 1em; color: #AD7D2C; font-weight: 600; }
	div.page p													{ margin: 0% 0% 1.5em 0%; padding: 0%; font-size: 1em; line-height: 1.5em; color: #484848; font-weight: 400; }
	div.page a													{ font-size: 1em; line-height: 1em; color: #AD7D2C; text-decoration: none; }
	div.page ul													{ margin: 0% 0% 2.125em 0%; }
	div.page li													{ margin: 0% 0% 1.5em 1.25em; padding: 0%; font-size: 1em; line-height: 1.5em; color: #484848; font-weight: 400; }
	div.page img												{ max-width: 100%; }

/* Custom Offset Styling */

	div.offset.slideshow										{ margin: 0% auto; padding: 0%; max-width: 100%; }

/* Custom Text Styling */

	div.page a.button											{ margin: 0%; padding: 1em 0.5em; display: inline-block; text-transform: uppercase; background-color: #CD9580; color: #FFFFFF; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	div.page a.button:hover										{ background-color: #D4A593; }

/* Header & Navigation Styling */

	header.main													{ margin: 0%; padding: 0%; width: 100%; background-color: #F7F8F8; clear: both; }
	header.main div.offset										{ padding: 0% 1em; }
	header.main	div.wrapper										{ margin: 0%; padding: 0%; width: 100%; background-color: #F7F8F8; }
	header.main div.logo										{ margin: 0%; padding: 0.5em 0% 0.313em 0%; width: 60%; max-width: 298px; float: left; z-index: 100; }
	header.main div.logo img									{ width: 100%; }
	header.main div.right										{ margin: 0%; padding: 0% 0.125em 0% 0%; width: 50%; float: right; text-align: right; }
	header.main div.right p										{ margin: 0%; font-size: 0.938em; line-height: 1em; font-weight: 600; display: inline-block; color: #1B3763; }
	header.main div.right div.email								{ margin: 0%; padding: 1em 0% 0% 0%; text-align: right; }
	header.main div.right div.email img							{ margin: 0% 0.75em 0% 0%; padding: 0%; max-width: 24px; vertical-align: -0.313em; display: inline-block; }
	header.main div.right div.phone								{ margin: 0%; padding: 0.828em 0% 0% 0%; text-align: right; }
	header.main div.right div.phone p							{ margin: 0% 0% 0% 1.25em; font-size: 1.25em; }
	header.main div.right div.phone img							{ margin: 0% 0.125em 0% 0%; padding: 0%; max-height: 25px; vertical-align: -0.15em; display: inline-block; }
	header.main div.right div.phone img.ph-img					{ margin: 0% 0.325em 0% 0%; max-height: 24px; }

	nav.main													{ margin: 0%; padding: 0%; width: 100%; background-color: #142848; border-bottom: 1px solid #11213A; z-index: 5000; }
	nav.main div.offset											{ padding: 0%; }
	nav.main ul													{ margin: 0%; padding: 0%; list-style-type: none; float: none; text-align: center; position: relative; }
	nav.main ul li												{ margin: 0%; padding: 0.438em 0.125em 0.568em 0%; width: auto; font-size: 1em; line-height: 1em; text-align: center; display: inline-block; position: relative; background-image: url('../images/nav-bg.png'); background-position: right 58%; background-repeat: no-repeat; transition: 0.3s; -webkit-transition: 0.3s; }
	nav.main ul li:last-of-type									{ padding: 0.438em 0% 0.5em 0%; background-image: none; }
	nav.main ul li a											{ margin: 0%; padding: 0% 1.25em; font-size: 1em; font-weight: 400; line-height: 1em; color: #FFFFFF; display: block; transition: 0.3s; -webkit-transition: 0.3s; }
	nav.main ul li:hover a										{ opacity: 0.8; }
	nav.main ul li.current a									{ color: #FFFFFF; }
	nav.main ul li ul.drop										{ margin: 0.625em 0% 0% 0%; padding: 1.325em 2em 1.25em 2em; width: auto; min-width: 233px; display: block; left: 50%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); visibility: hidden; opacity: 0; list-style-type: none; float: none; position: absolute; background-color: #11213A; z-index: 5000; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	nav.main ul li:hover ul.drop								{ border: 0; opacity: 1; visibility: visible; }
	nav.main ul li ul.drop li									{ margin: 0%; padding: 0%; width: 100%; border-top: 0; display: list-item; text-align: left; background-image: none; }
	nav.main ul li ul.drop li:hover								{ background-color: transparent; }
	nav.main ul li ul.drop li a									{ margin: 0%; padding: 0.375em 0%; font-size: 1em; line-height: 1.125em; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; border-top: 0; }
	nav.main ul li ul.drop li:hover a							{ text-decoration: underline; }
	#mobile-nav													{ display: none; }

/* Footer Styling */

	footer.main													{ margin: 0% 0% 0.313em 0%; padding: 0%; width: 100%; background-color: #142848; clear: both; }
	footer.main ul												{ margin: 0%; padding: 0%; text-align: center; list-style: none; }
	footer.main ul li											{ margin: 1.375em 0%; padding: 0%; font-size: 0.813em; line-height: 1em; color: #FFFFFF; }
	footer.main ul li a											{ padding: 0% 1.035em; color: #FFFFFF; }
	footer.main div.offset										{ padding: 1.813em 1.5em 2.313em 1.5em; }
	footer.main div.navigation									{ margin: 0%; padding: 0%; width: 100%; }
	footer.main div.navigation ul li							{ margin: 0% 0% 1em 0%; display: inline-block; }
	footer.main div.navigation ul li a:hover					{ text-decoration: underline; }
	footer.main div.navigation ul li:last-of-type				{ display: none; }
	footer.main div.policies									{ margin: 0%; padding: 0% 0% 0.375em 0%; width: 100%; }
	footer.main div.policies ul li								{ display: inline-block; }
	footer.main div.policies ul li a:hover						{ text-decoration: underline; }
	footer.main div.copyright									{ margin: 0%; padding: 0%; width: 100%; }
	footer.main div.copyright ul li a							{ padding: 0%; }

/* Homepage Styling */

	div.slideshow-container										{ margin: 0% auto; padding: 0%; width: auto; background-color: rgba(255,255,255,0.9); position: relative; }
	div.slider													{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; height: 0; background-color: #FFFFFF; float: none; overflow: hidden; position: relative; z-index: 3; }
	div.slider div.offset										{ background-color: transparent; box-shadow: none; position: relative; }
	div.slider .slide											{ width: 100%; height: 100%; top: 0; position: absolute; z-index: 1; transition: margin 0.2s ease 0s; }
	div.slider .slide.current									{ z-index: 2; }
	div.slider .slide div.slide-image							{ top: 0; bottom: 0; left: 0; right: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 1; transition: transform 9s ease 0s; }
	div.slider div.slide-thumb									{ display: none; }
	div.slider div.pips											{ margin: 0%; padding: 0% 31px; width: 100%; bottom: 20px; right: 0; left: 0; text-align: right; position: absolute; z-index: 13; display: none; }
	div.slider div.pips a.pip									{ margin: 0% 0% 0% 14px; padding: 0%; width: 12px; height: 12px; border-radius: 50%; font-size: 0.5em; line-height: 0.5625em; font-weight: normal; text-transform: none; color: transparent; background-color: #FFFFFF; text-align: center; display: inline-block; }
	div.slider div.pips a.pip.current							{ background-color: #6B4982; }
	div.slider div.slide-arrow									{ width: 10%; top: 0; bottom: 0; position: absolute; opacity: 0.7; z-index: 10; background-repeat: no-repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	div.slider div.slide-arrow.arrow-left						{ left: 0; background-image: none; }
	div.slider div.slide-arrow.arrow-right						{ right: 0; background-image: none; }
	div.slider div.slide-arrow.arrow-left:hover					{ opacity: 0.825; cursor: pointer; }
	div.slider div.slide-arrow.arrow-right:hover				{ opacity: 0.825; cursor: pointer; }
	div.slider.vertical-align .slide							{ margin: 0; }
	div.slider.vertical-align .slide div.offset					{ height: 100%; }
	div.slider.vertical-align .slide div.slide-content			{ width: 100%; height: 100%; top: 0; left: 0; white-space: nowrap; position: absolute; background-color: transparent; z-index: 5000; }
	div.slider.vertical-align .slide div.slide-content:before	{ margin-left: -0.25em; width: 0; height: 100%; content: ""; vertical-align: middle; display: inline-block; }
	div.slider.vertical-align .slide div.content				{ padding: 3em 1em; width: 100%; max-width: 562px; height: 100%; max-height: 205px; right: 13.625%; bottom: 0; text-transform: uppercase; background-color: rgba(53,31,69,0.6); opacity: 0; text-align: left; vertical-align: middle; white-space: normal; position: absolute; display: inline-block; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
	div.slider.vertical-align .slide.current div.content		{ bottom: 3.313em; opacity: 1; }
	div.slider.vertical-align .slide div.content h2				{ margin: 0% 0% 0.7em 0%; font-size: 1.875em; font-weight: 600; line-height: 1em; text-transform: uppercase; color: #FFFFFF; }
	div.slider.vertical-align .slide div.content p				{ margin: 0%; font-size: 1.5em; font-weight: 300; line-height: 1.5em; text-transform: none; color: #FFFFFF; }

	section.home div.offset										{ margin: 0% auto; padding: 2em 1.5em; position: relative; background-color: #FFFFFF; }

	section.main div.content.events div.column-right div.newsletter			{ margin: 0%; padding: 0%; width: 100%; }
	section.main div.content.events div.column-right div.newsletter h3		{ margin: 33px 0% 0% 0%; padding: 0% 0% 9px 0%; font-size: 1.125em; letter-spacing: 0.05em; border-bottom: 1px solid #5A5A5A; }
	section.main div.content.events div.column-right div.newsletter p		{ margin: 1em 0% 0.625em 0%; padding: 0% 0% 0% 1px; font-size: 1.125em; letter-spacing: 0.05em; }

/* Standard Styling */

	section.main div.offset										{ margin: 0% auto; padding: 2em 1.5em; position: relative; background-color: #FFFFFF; }
	section.main div.offset.submenu								{ margin: 0% auto; padding: 2em 1.5em 2em 0%; position: relative; background-color: #FFFFFF; }
	section.main div.page-content								{ margin: 0%; padding: 0%; width: 100%; }
	section.main div.page-content.left							{ margin: 0%; padding: 0%; width: 100%; max-width: 240px; top: 3.125em; position: absolute; z-index: 9999; }
	section.main div.page-content.right							{ margin: 0%; padding: 0% 0% 0% 16.5em; width: 100%; position: relative; }
	section.main div.page-content nav.sub						{ margin: 0%; padding: 0%; width: 100%; position: relative; }
	section.main div.page-content nav.sub h2					{ margin: 0%; padding: 0.55em 1.125em 0.35em 1.125em; font-size: 1.125em; line-height: 1.325em; background-color: #1D3662; }
	section.main div.page-content nav.sub h2 a					{ text-transform: uppercase; color: #FFFFFF; }
	section.main div.page-content nav.sub ul					{ margin: 0% 0% 4.55em 0%; padding: 0%; width: 100%; position: relative; list-style: none; }
	section.main div.page-content nav.sub ul li					{ margin: 0%; padding: 0%; width: 100%; display: block; border-bottom: 1px solid #484848; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
	section.main div.page-content nav.sub ul li:hover			{ background-color: #FAFAFA; }
	section.main div.page-content nav.sub ul li a				{ padding: 1.125em 1em 0.5em 1.125em; display: block; font-size: 1.125em; color: #373E4C; }
	section.main div.page-content nav.sub ul li.current a		{ font-weight: 600; }
	section.main div.page-content ul.sitemap li					{ margin: 1em 0% 1em 1.25em; }
	section.main div.page-content ul.sitemap li a				{ color: #484848; }
	section.main div.page-content ul.sitemap li ul.children		{ margin: 0%; }
	section.main div.page-content img.councillors				{ padding:9px; background-color: #FFFFFF; border: 1px solid #FFFFFF; box-shadow: 0px 0px 6px #dddddd; }

/* Contact Styling */

	section.main div.contact-content							{ margin: 0%; padding: 0%; width: 100%; }

/* Class Styling */

	br.clear													{ height: 0%; overflow: hidden; }
	.clear														{ clear: both; height: 0px; }
	.error														{ border: 1px solid #AC0000 !important; }
	.mobile-element												{ display: none; }
	.no-margin													{ margin: 0% !important; }

	div.popup-panel.operation-london-bridge					{ max-width: 700px; background-color: #000000; }

/* Resolution-Specific Behaviour */

	@media only screen and (min-width: 0px) and (max-width: 1040px) {

	/* Header & Navigation Styling */

		nav.main ul li a										{ padding: 0% 0.5em; font-size: 0.875em; line-height: 1.143em; }

	/* Footer Styling */

		footer.main div.navigation ul li a						{ padding: 0% 0.438em; }

	}

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Header & Navigation Mobile Styling */

		header.main												{ border-bottom: 4px solid #1D3662; }
		header.main	div.wrapper div.offset						{ position: relative; }
		header.main div.logo									{ margin: 0%; padding: 0.5em 0% 0.25em 0%; width: 60%; float: left; position: absolute; top: 50%; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); }
		header.main div.logo img								{ max-width: 134px; }
		header.main div.right									{ display: none; }
		header.main div.mobile-menu								{ margin: 0%; padding: 1.25em 0% 1.25em 1.25em; width: 25%; max-width: 46px; float: right; }
		header.main div.mobile-menu div.menu-button							{ margin: 0%; max-width: 26px; max-height: 20px; cursor: pointer; }
		header.main div.mobile-menu div.menu-button div.icons.menu			{ width: 1.625em; height: 1.125em; position: relative; margin: -0.5em 0% 0% 0%; display: inline-block; vertical-align: middle; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
		header.main div.mobile-menu div.menu-button div.icons.menu span		{ display: block; position: absolute; height: 0.125em; width: 100%; background: #1D3662; border-radius: 0.125em; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(1) { top: 0em; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(2), header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(3) { top: 0.5em; }
		header.main div.mobile-menu div.menu-button div.icons.menu span:nth-child(4) { top: 1em; }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(1) { top: 0.688em; width: 0%; left: 50%; }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
		header.main div.mobile-menu div.menu-button div.icons.menu.open span:nth-child(4) { top: 0.688em; width: 0%; left: 50%; }
		nav.main												{ display: none; }
		#mobile-nav												{ left: 0; right: 0; display: block; position: absolute; z-index: 9000; }

	/* Footer Mobile Styling */

		footer.main												{ margin: 0%; }
		footer.main ul li										{ margin: 1.25em 0% 0% 0%; }
		footer.main div.offset									{ padding: 1.5em 1em; }
		footer.main div.navigation								{ display: none; }
		footer.main div.policies								{ padding: 0% 0% 1em 0%; }
		footer.main div.policies ul li							{ margin: 0% 0% 1.25em 0%; display: block; }
		footer.main div.policies ul li:nth-of-type(2n+2)		{ display: none; }

	/* Home Mobile Styling */

		div.slider div.slide-large								{ display: none; }
		div.slider div.slide-thumb								{ display: block; }
		div.slider div.pips										{ display: none; }
		div.slider div.slide-arrow								{ width: 50%; }
		div.slider div.slide-arrow.arrow-left					{ background-image: none; }
		div.slider div.slide-arrow.arrow-right					{ background-image: none; }
		div.slider.vertical-align .slide div.content			{ padding: 1em 0.75em; left: 2em; top: 50%; bottom: auto; width: auto; height: auto; max-width: none; max-height: none; transform: translate(0%,-50%); }
		div.slider.vertical-align .slide.current div.content	{ bottom: auto; }
		div.slider.vertical-align .slide div.content p.slide-title { margin: 0% 0% 0.25em 0%; font-size: 1.375em; }
		div.slider.vertical-align .slide div.content p			{ margin: 0%; font-size: 1.125em; }

		section.home div.offset									{ margin: 0% auto; padding: 1.5em 1em; }

	/* Standard Mobile Styling */

		section.main div.offset									{ margin: 0% auto; padding: 1.5em 1em; }
		section.main div.page-content							{ margin: 0%; padding: 0%; width: 100%; float: none; }
		section.main div.page-content.left						{ display: none; }
		section.main div.page-content.right						{ padding: 0%; }

	/* Class Mobile Styling */

		.mobile-element											{ display: block; }
		.desktop-element										{ display: none; }

	}