/* overides for corev4.css ------------------------------------------------*/ 


body #s4-bodyContainer {
min-width: 200px;
}


	.lcc-loaderContainer {

    max-width: 100%;
	width:90%;
}

/* overides for structure ------------------------------------------------*/

.innerMediaContainer {
	width:50%;
}

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


.header .searchControl{
	margin-right:10px !important;
}



.mainContent .inner
{
	padding:1%;
    width:98%;
}


.telephone p, .address p
{
	display:none;
}  
.mainContainerHome
{
	width:100%; 
	background: url(/_layouts/images/standard/mainContentHomeBack.gif) repeat-y 0 0px;
    border-bottom:1px solid #D3DBDC;
}
.mainContainer
{
	max-width:100%; 
}
.freeContentArea
{
   max-width:100%;
   padding:0 0 20px; 
}

.header ul.primaryNavigation 
{
  margin:0;
  padding:0 0 0 0px;
  position:relative;
}
.header ul.primaryNavigation li:first-child 
{
  margin-left:5px;
}
.promo 
{
	width:100%;
	position:relative;
	float:left;
	margin-bottom:20px;
}

.promo.single
{
	width:31.5%;
	margin:0.9%;
}

.promo.double
{
	width:64.8%;
	margin:0.9%;
}

.promo.full
{
	width:98%;
	margin:0.9%;
}

.promo img
{
	max-width:100%;
	width:100%;
}
.promo span
{
	/*width:96%;*/
	width:89%;
	position:absolute;
	/*bottom:10px;*/
	bottom:17px;
	left:0px;
	background:#004f77 url(/_layouts/images/standard/promoSpanBack.png) repeat  0 0;
	padding:4% 2%;
	color:#fff;
	border-radius: 0 3px 3px 0;
	/*border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	border-right:solid 1px #666;*/

}
.promo:hover span, .promo:focus span
{
	background:#00121B  url(/_layouts/images/standard/promoSpanBack.png) repeat 0 0;
}
.promo a
{
	padding:0px;
	margin:0px;
	background:none;
}

.promo a:focus span
{
	background:#00121B  url(/_layouts/images/standard/promoSpanBack.png) repeat 0 0;
}

.promo a:hover img, .promo a:focus img
{
	opacity: 0.8; 
    filter: alpha(opacity=80);

}

 .two-thirds .one-third.column .promo
{
	width:100%
}

.footer  .footerNavigation ul
{
	width:98%;	
  	margin:1%;
}
.footer  .footerNavigation ul li
{
  	float:left;
  	margin:0.5%;
	width:18.7%;
	/*display:table;*/
	background:#fff url(/_layouts/images/standard/tasklistLiABack.png) repeat-x 0 bottom; 
	border:1px solid  #ddd;
	cursor: pointer;

}
.footer  .footerNavigation ul li a
{
	font-size:1.1em;
 	font-weight:bold;
    display:table-cell;
	vertical-align:middle;
	height:50px;
	padding:0 10px;
	font-weight:normal;
	color:#333;
	background: none;
	
}

.footer  .footerNavigation ul li:hover, .footer  .footerNavigation ul li:focus
{
	border:1px solid  #ddd;
	background:#efefef; 
	text-decoration:none;
}
.footer  .footerNavigation ul li:hover a,
.footer  .footerNavigation ul li:focus a {
	text-decoration: underline;
}
.footer .floatLeft.marginTop10
{
	width:50%;
}

.footer .floatLeft.marginTop10 p
{
	width:80%;
	float:left;
}


.row, .fullRow
{
	width:100%;
}
.breadcrumb, .mainContainerHome .breadcrumb, .mainContainerHome .breadcrumb ul, .mainContainer .breadcrumb ul
{
	width:100%;
}
.emergencyMessage
{
	width:97.8%;
	padding:1%;
}



.contentPod
{
	width:31.5%;
	margin:0.9%;
	background:#E1F0F7;
	border:none;
	cursor:default;
}

.mainContentHome .inner .contentPod
{
	width:23%;
	margin:1%;
}

.allNav .contentPod
{
	/*width:22.3%;*/
	width:23.2%;
}

/*...And to allow for any kind of crazy content in the pods we need to add some clears, this is restricted to pages in full width view (16 column)*/
.sixteen .contentPod5,
.sixteen .contentPod9,
.sixteen .contentPod13,
.sixteen .contentPod17,
.sixteen .contentPod21,
.sixteen .contentPod25,
.sixteen .contentPod29 {
	clear:both;
}

/*While we're here, might as well configure the pods which appear on other pages. This is for the two-thirds layout*/
.two-thirds .contentPod4,
.two-thirds .contentPod7,
.two-thirds .contentPod10,
.two-thirds .contentPod13,
.two-thirds .contentPod16,
.two-thirds .contentPod19,
.two-thirds .contentPod22 {
	clear:both;
}

.contentPod ul
{
	list-style:none;
	/*Border needs to be on this to keep size consistent through responsive*/
	border:none;
	overflow: auto;
}

.contentPod a:hover, .contentPod a:focus{
    background:#3380A4;
}
.contentPod img, .contentPod a img
{
	max-width:100%;
	width:100%;
	margin:0px;
	display:block;
	border:0;
	float:none;
}

.contentPod a:hover img, .contentPod a:focus img
{
	opacity: 0.8; 
    filter: alpha(opacity=80);
}



.contentPod a h3
{
	padding:6% 14% 6% 6%;
    min-height:50px;
    display:table;
}

.contentPod a h3 span
{
    display:table-cell;
    vertical-align:middle;
}

.contentPod a:hover h3, .contentPod a:focus h3
{
	color:#fff;
}

.contentPod a
{
	padding:0px;
	margin:0px;
}
.contentPod  li a
{
	font-size:0.8em;
	color:#3A4D58;
	padding:6% 12% 6% 4%;
	margin: 0px;
	background:#fff url(/_layouts/images/standard/arrowGold2.png) no-repeat 96% 50%;
	border-top:1px solid #CBE3EF;
	width:84%;
	float:left;
	-webkit-transition : background 500ms ease-out; 
 	-moz-transition : background 500ms ease-out;
	-o-transition : background 500ms ease-out;
}

.contentPod li a:hover, .contentPod li a:focus 
{
 	background:#f6f6f6 url(/_layouts/images/standard/arrowBlue.png) no-repeat 96% 50%;
     text-decoration:underline;
}

.contentPod h3 a
{
	font-weight:normal;
	border-top:none;
	color:#17394A;
	margin-top:0%;
	padding:3% 6% 3% 2%;
	width:92%;
	display:inline-block;
	min-height:34px;
	/*background:#4198C4 url(/_layouts/images/standard/contentPodH3Back.png) no-repeat right bottom; */
	background:transparent url(/_layouts/images/standard/contentPodH3Back.png) no-repeat right bottom;
}

.events .contentPod h3 a,
.events .contentPod:hover h3 a {
	/*background:#3380A4; */			/*Commented out as was breaking events homepage 17-9-13*/
	background:none;
	padding:3% 6% 3% 0%;
	min-height:10px;
    color:#fff;
}

.contentPod:hover h3 a
{
	background:transparent url(/_layouts/images/standard/contentPodH3Back.png) no-repeat right bottom;
	color:#fff; 	
}

.contentPod li h3 a:focus
{
	background:transparent url(/_layouts/images/standard/contentPodH3Back.png) no-repeat right bottom;
	text-decoration:underline;
}

.contentPod .contentPodHeader {
    background:transparent url(/_layouts/images/standard/arrow-blue.png) no-repeat 94% 50%;
}

.museums .contentPod .contentPodHeader {
    background:transparent url(/_layouts/images/standard/arrow-grey.png) no-repeat 94% 50%;
}

.museums .contentPod a:hover, .contentPod a:focus{
    background:#333;
}

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

    .contentPod a img, .contentPod img
{
	display:none;
}

    .contentPod a h3
{
    min-height:0px;
}

}

.socialBookmarks
{
	width:100%;
}
.eventContent
{
	width:80%;
}
/*For the older style pages which don't have the neat two-thirds/one-third split*/
.mainContainer .eventContent {
	width:66%;
}


.four .eventContent
{
	width:70%;
}
.sideBarLinkList
{
	background:#fff;
	border:none;
	margin-bottom:20px;
	width:100%;
	padding:0%;
}
.sideBarLinkList h3
{
	background:none;
	border-top:5px solid #ccc;
	padding:10px 0 10px 0px;
	text-indent:10px;
	width:100%;
}
.sideBarLinkList ul
{
  	float:left;
  	border:none;
  	width:100%;
}
.sideBarLinkList li, .sideBarLinkList li:last-child
{
	width:100%;
    background:#e8e8e8;
	margin-bottom:2px;
}
.sideBarLinkList li:hover, .sideBarLinkList li:last-child:hover, .sideBarLinkList li:focus, .sideBarLinkList li:last-child:focus
{
	background:#e8e8e8;
}
.sideBarLinkList .disclaimerContainer
{   
	margin:0px 0px 5px 0px;
	color:#666;
}
.freeContentArea .blockquoteRight {

	border-right:10px solid #BA9060;
	color:#BA9060;
}

.userControl
{
            padding:3.5%;
            width:93%;
}

#mapDiv
{
    max-width:94%;
    overflow:hidden;
}

	
	.events .mainContent .inner, .news .mainContent .inner, .standard .mainContent .inner {
    margin: 0;
    width: 98%;
}

.content_162px {
    width: 24%;
}

.gutter10px {
    margin-left: 1%;
}

.events .contentPod {
    background: url("/_layouts/images/standard/contentPodEventsBack.png") no-repeat right bottom #371E35;
    border-top: medium none;
    cursor: pointer;
    float: left;
    margin: 0;
    min-height: 180px;
    padding: 0 0 20px 0;
    position: relative;
    width: 98.82%;
	border:none;
}


/* end of overides for structure ------------------------------------------------*/

.container .two-thirds  .one-third.column   { 
	margin: 0% 0% 20px 0;
	width: 48.5%;
}
#menu-icon , .utility-icon, .search-icon{
	display: none; /* hide menu icon initially */
}
.seeMoreNav a {
	width:21.5%;
}

/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { box-sizing: border-box; float: left; display: inline; margin-left: 0; margin-top:20px; margin-right: 0; position:relative; padding:0 15px;  }
    .row                                        { margin-bottom: 20px; }


    /* Base Grid */
    .container .one.column,
    .container .one.columns                    	{ width: 10.25%;  }
    .container .two.column                     	{ width: 12.5%; }
    .container .three.column                   	{ width: 18.75%; }
    .container .four.column                    	{ width: 25%; }
    .container .five.column                    	{ width: 31.25%; }
    .container .six.columns                    	{ width: 37.5%; }
    .container .seven.column                   	{ width: 43.75%; }
    .container .eight.column                   	{ width: 50%; }
    .container .nine.column                    	{ width: 56.25%; }
    .container .ten.column                     	{ width: 62.5%; }
    .container .eleven.column                  	{ width: 68.75%; }
    .container .twelve.column                  	{ width: 75%; }
    .container .thirteen.column                	{ width: 81.25%; }
    .container .fourteen.columns               	{ width: 87.5%; }
    .container .fifteen.column                 	{ width: 93.75%; }
    .container .sixteen.column                 	{ width: 100%; }
    .container .one-third.column               	{ width: 31.25%; }
    .container .two-thirds.column              	{ width: 68.75%; }
	.container .two-thirds                     	{ width: 68.75%; float:left;  }

    .container .column .column 					{ margin: 0% 0% 20px 0; padding:0;}
	.container .column .column:first-child   	{ margin-right: 0; padding-right:15px;}	 
	.container  .twelve.column .three.column	{ margin-right: 0; padding-right:15px;}


    	.container .twelve.column .nine
	{
		width:75%;
	}
	.container .twelve.column .three.column
	{
		width:25%;
	}


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

   

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */



/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */


/* #Clearing
================================================== */


	/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	/*venue page*/
	.levelThreeTabbedContentVenue .tabnav li a {
		height:50px;
	}
	.pagingText {
	    margin-left: 10px;
	}
	.events .contentPod .date
	{
		top:0px;
	}
	.events .contentPod {
	    min-height: 180px;
	}
	#siteStatement p {
		padding: 0 0 0 2%;
	 	width:58%;
	}
	.container { 
		width: 100%;
	}
	.lccBodyContainer
	{
		background:#f6f6f6 url(/_layouts/images/standard/bodyBackgroundMobile.jpg) no-repeat 0px 0px; 
	}
	/*Body container overrides*/
	.sport .lccBodyContainer {
		background:none;
	}
	.eventsMain .lccBodyContainer
	{
		background:#0E070E url(/_layouts/images/events/bodyBackground.jpg) no-repeat center 0 !important;
	}
	.seeMoreNav a {
		margin-top:10px;
	}
	.container .twelve.column
	{
		width:72%;
	}
	.container .twelve.column .nine
	{
		width:75%;
	}
	.container .twelve.column .three.column
	{
		width:22.5%;
	}
	.container .four.column
	{
		width:24%;
	}
	.container .two-thirds  .one-third.column   { 
		width: 47.5%;
	}
	.container .two-thirds  .one-third.column:first-child   { 
		margin-right: 5%;
	}
 	.pageControl {
 		width:100%;
 	}
	/* For pages which have .mainContainer, .mainContainerHome, .mainContent, .mainContent940px, .freeContentArea, .sideBar, .footer etc, this will trigger the responsive layout: */
	.mainContainer {
		width:100%;
		background:white;
	}
	.mainContainerHome {
		width:100%;
	}
	.mainContent {
		width:74%;
		margin:1% 1% 0 1%;
	}
	
	.mainContent960px,
	.mainContent940px,
	.freeContentArea,
	.mainContainerHome .freeContentArea {
		width:98%;
		margin:0 1%;
	}
	.sideBar {
		width:21.8%;
		border-left:solid 1px #ccc;
		padding:1% 1% 0 1%;
		margin:0;
		background: #EFEFEF;
	}
  	.sideBar .doItOnlineColumn {
		width:90%;
		margin:0 5% 5% 0;
		padding:5%;
	}
  	.sideBar .doItOnlineColumn ul {
		width:100%;
	}
  	.sideBar .doItOnlineColumn li a {
		width:100%;
		padding:5% 7.5% 5% 5%;
	}
	.doItOnlineColumn .contentPod:hover, .doItOnlineColumn .contentPod:focus {
		background:#333;
	}
	.footer .row {
		width:98%;
	}
	.footer .marginLeft12 {
		margin-left:2%;
	}
	/* @Emergencies */
	.emergencyContent .col1
	{
		width:auto;
	}
	/* @Opendata */
	.accordionLevel3 li.last-child {
		width:92%;
		padding:1% 0 1% 8%;
	}
	/* @A-Z recycling*/
	.aZRecycling .aZFilter {
		width:96%;
		padding:2%;
	}
	/* @Where I live */
	.mainContent960px {
		margin: 0 1% 0 1%;
		width:98%;
	}
	.row .searchControlBox {
		width:100%;
		padding:0;
	}
	.searchControlBox .searchControl {
		width:100%;
		margin:0;
		padding:10px 0;
	}
	.content_310px {
		width:54%;
	}
	.searchControlBox .searchAgain {
		left:60%;
	}
	/*Search results*/
	.jquery-locatorhub-picklist {
		overflow-x:hidden;
	}
	#lh-locatorhub-results,
	.searchControlBox li, 
	.jquery-locatorhub-picklist p {
		width:100%;
	}
	/*Linklists*/
	.linkListContainer {
		width:30%;
		margin:0 3.3% 3.3% 0;
	}
	.content_4 .listPod,
	.content_4 .listPod .inner,
	.content_4 .listPod li
	{
		width:100%;
	}
	.content_4 .listPod .comunicationBox {
		width:90%;
		margin:3% 5% 5% 0;
	}	


	.doItOnlineColumn .contentPod,
	.doItOnlineColumn li a,
	.formContainerOuter, 
	fieldset.formContainerOuter,
	.mainContainerHome .lcc-form,
	.formContainerOuter, 
	fieldset.formContainerOuter, 
	.mainContainerHome .lcc-formContainer,
	.lcc-formContainer, 
	.lcc-form, 
	.lcc-caption,
	.selectedContainer,
	.selectedContainer p,
	.lcc-form p,
	.lcc-input,
	.lcc-textarea,
	.lcc-buttonContainer,
	.sideBar .searchControl,
	.sideBar .calContainer,
	.events .calContainer h3,
	.events .mainContent .inner, 
	.news .mainContent .inner, 
	.standard .mainContent .inner,
	.events .contentPod,
	.events .searchControl .SearchMainBox,
	.ui-datepicker,
	.sliderText,
	.section li .colOne,
	.dataSet li .col1,
	.dataSet li .col2
	{
		-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
    }

	/*Contact2.html*/
	.mainContainerHome .section {
		width:98%;
		padding:1%;
		margin:0;
	}
	.mainContainerHome .section .doItOnlineColumn {
		width:21%;
		margin:1%;
		padding:1%;
	}
	.doItOnlineColumn .contentPod {
		width:100%;
		border:solid 3px #B3B3B3;
		background:white;
    	border-radius: 5px;
	}
	.doItOnlineColumn .contentPod .tL {
		background:none;
	}
	.doItOnlineColumn .contentPod img {
		width: 100%;
	}
	.doItOnlineColumn ul,
	.doItOnlineColumn li a,
	.selectedContainer {
		width:100%;
	}
	.doItOnlineColumn ul {
		margin-top:5%;
	}
	.doItOnlineColumn li a {
		padding:5% 10% 5% 4%;
		margin:0 0 1% 0;
	}
	.formContainerOuter {
		padding: 10px;
	}
	.lcc-caption {
		text-align: left;
	}
	.selectedContainer {
		margin:0;
		padding: 0;
	}
	.selectedContainer h3 {
		padding: 1.6% 0 0 1.1%;
	}
	.lcc-formContainer .formHeadingFloatRight {
		width: 100%;
		float: none;
	}
	/*Could be generic*/
	.formContainerOuter, 
	fieldset.formContainerOuter,
	.lcc-formContainer,
	.lcc-form,
	.mainContainerHome .lcc-form,
	.lcc-caption,
	.mainContainerHome .lcc-formContainer
	{
		width:100%;
	}
	
	.jquery-locatorhub-container {
	float: left;
	width: auto;
	max-width:500px;
	}

	/*Rod's code*/
	.contentPod
	{
		/*We don't need this margin because we fixed the issue by changing the element with the border*/
		/*margin:0.8%;*/
	}
	.container .sixteen.column 
	{
	 width:98%;
	}
	.sixteen .homeNavigation .taskList li  {
	}
	.sixteen .homeNavigation .taskList li  {
		width:11.5%;
	}

	 .footer .bottom
	{
	  background-position:  center bottom;
	}
	
	.header .primaryNavigation
	{
	  background-position:  center 0;
	}

	/*Events*/
	.mainContent .fullRow,
	div.carousel-main,
	.CarouselPhoto,
	.events div.carousel-text,
	.sideBar .searchControl,
	.sideBar .calContainer,
	.events .calContainer h3,
	.ui-datepicker .ui-datepicker-header,
	.events .mainContent .inner, 
	.news .mainContent .inner, 
	.standard .mainContent .inner,
	.events .contentPod,
	.events .searchControl .SearchMainBox,
	.events .searchControl .SearchMainButton,
	.events .searchControl .inner,
	.ui-datepicker,
	#tabsSideBar,
	.sideBar .newsEvents ul.tabnav,
	.sideBar .tabdiv,
	.events .newsEvents .tabdiv li,
	.events .categoryContainer,
	.eventsMain .content_9,
	.eventsMain .content_9 .tabdiv,
	.innerMediaContainer img,
	.events .mainContent .inner, 
	.news .mainContent .inner, 
	.standard .mainContent .inner,
	.paging {
		width:100%;
	}
	#carousel-Content,
	.carousel-main,
	div.carousel-text H2 a {
		width: 100% !important;					/*Override the inline styles*/
	}
	.events div.carousel-text {
		left:0;
	}
	div.carousel-text p {
		background:	#0E080F;		
	}
	div.carousel-text h2 {
		background: #512c4e; /* Old browsers */
		background: -moz-linear-gradient(top, #512c4e 0%, #321c30 100%, #321c30 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#512c4e), color-stop(100%,#321c30), color-stop(100%,#321c30)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #512c4e 0%,#321c30 100%,#321c30 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #512c4e 0%,#321c30 100%,#321c30 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #512c4e 0%,#321c30 100%,#321c30 100%); /* IE10+ */
		background: linear-gradient(to bottom, #512c4e 0%,#321c30 100%,#321c30 100%); /* W3C */
	}
	div.carousel-text h2 a {
		padding:10px 0 3px 10px;
	}
	.content_162px {
		width:23%;
	}
	.gutter10px {
		margin-left:2%;
	}
	.events .searchControl .inner {
		margin:0;
		padding:0;
	}
	.events .searchControl .inner input {
		width:100%;
		margin:0;
		padding: 0;
	}
	.events .searchControl .SearchMainBox {
		margin:0;
	}
	.events .searchControl .SearchMainButton {
		text-align: center;
	    width: 99%;
	}
	.ui-datepicker .ui-datepicker-header {
		padding: 3px 0;
	}
	.ui-datepicker table {
		table-layout: fixed;
		width:100%;
	}
	.dataSet li .col2 {
		width:auto;

	}



	@media only screen and (max-width: 870px) {			/*Single bonus media query to sort out the font size. Gotta be done*/
		.ui-datepicker td a {
			font-size:0.7em;
		}

		.sport .bookPod img {							/*...But while we're here, it looks like an opportune moment to tweak the "Book Online" image on the sport page so it's responsive.*/
			width:100%;
		}
	}	
	.paging {
		padding:10px 0;
	}
	.eventsResults .content_162px {
		width:31%;
	}
	.eventsResults .content_162px .contentPod {
		background-position: right bottom;
		padding:0 0 10px 0;
	}

	/*Venue pages (eg: Moor Allerton Library)*/
	.content_470px .tabdiv ul, 
	.content_9 .tabdiv ul {
		width:100%;
	}

	/*Sport pages*/
	.sport .carousel-text h2,
	.sport .carousel-text p {
		background:#333;
	}
	.sport .carousel-text {
		width:100%;
		left: 0;
    	margin: 0;
    	bottom:-3%;
    	opacity: 1;
    	background:#333;
    }
    .sport .carousel-main {
    	height:auto;
    }
    .sport .content_340px {			/*Sort the promos*/
    	width:48%;
    }
    .sport .header .branding {
    	margin:-20px 0 0 10px;
    }
    .sport .searchControl .SearchMainBox {
    	width:auto;
    }
    .sport .searchResultsLinks {
    	width:50%;
    }
    .sport .content_4 {
    	width: 50%;
    }
    .sport .userControl {
    	width:91%;
    }
    .sport .freeContentArea.contact {
    	width:auto;
    }
	

} /*End max width 959px*/





/* Tablet Portrait size to standard 960 (devices and browsers)-----------------------ORANGE */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container .one-third.column  							{ width:32%; }
	.container .column 										{ margin: 20px 1% 0 1%; }
	.container .two-thirds.column   						{ width: 64%; }
	.container .two-thirds  .one-third.column   			{ width: 48.5%; }
	.container .two-thirds  .one-third.column:first-child   {margin-right: 3%;}


	.rslides_tabs a {
		font-size:0.8em;
	}
	
	.homeNavigation .taskList li  {

	width:24%;
  
}


}

@media only screen and (max-width: 900px) {
	
		 .sixteen .homeNavigation .taskList li  {

	width:11.5%;
 
}

	.seeMoreNav a {
		width:24%;
	}
	
	.footer ul.footerLogos
	{
		width:75%;
		margin:0%;
	}
	.sport .branding {
		width:50%;
		background-size: 100%;
	}
	
}

/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 800px) {
	.searchControl .SearchMainBox, .searchControl .jquery-locatorhub-searchtext {
	    width: auto;
	}
	.sport .carousel-text {
		/*bottom:-19%;*/
	}
	
}

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

	.contactLinkList ul li.address p {
	    padding: 0 0 1.5% 1.5%;
	}
	.contactTasklist li {
    	width: 17%;
	}
	.contactThird {
		width:50%;
	}
	.contactThirdRight {
		clear:both;
	}
	.container .two-thirds  .one-third.column   { 
		margin: 0% 0% 20px 0;
		width: 49%;
	}
	.container .two-thirds  .one-third.column:first-child   { 
		margin-right: 2%;
	}
	.container .twelve.column
	{
		width:96%;
	}
	.container .twelve.column .nine
	{
		width:70%;
	}
	.container .twelve.column .three.column
	{
		width:27.5%;
	}
	.container .four.column
	{
		width:96%;
	}
	.four.column .promo, .promo
	{
		width:50%
	}
	
	.one-third .promo
	{
		margin:1%;
		width:48%
	}
	
		.three.column .promo
	{
		width:100%
	}
	
		 
	 .container .sixteen.column 
	 {
		 width:96%;
	 }
	 
	 .sixteen .homeNavigation .taskList li  {

	width:19%;
 
}

	.seeMoreNav a {
		width:30%;
	}
	
	.userControl
{
            padding:1.5%;
            width:97%;

}
	.sport .content_4 .userControl {
		padding:3.5%;
	}

	.footer  .footerNavigation ul li
	{
		width:23.6%;
	}


	/*School closures*/
	.section li .colOne {
		width:100%;
		margin:0 0 10px 0;
	}
	.section li h3,
	.section li p {
		padding:0;
	}
	.section li {					/*If this is breaking something else, add specific class to School Closures HTML*/
		padding:10px;
	}
	
	.section .doItOnlineColumn li {					/*If this is breaking something else, add specific class to School Closures HTML*/
		padding:0px;
	}
	#bannerDate
	{
		left:5px;
		top:5px;	
		min-width:40%;
		max-width:40px;
	}
	.header .searchControl
	{
		border:1px solid #868D91;
		margin:10px 10px 10px 5px !important;
		width:38%;
		float:left;
	}
	.eventsMain	.header .searchControl
	{
		border:none;
		float:right;
	}
	.branding {
	    width: 170px;
		background-size: 100%;
	}
	.sport .carousel-text {
		bottom:-24%;
	}
	.sport .promo {
		width:100%;
	}
	.sport .header .searchControl {
		width:auto;
		border:none;
		float:right;
		margin-top:0 !important;
	}
	/*Page layout for sports level three only*/
	/*The table which sometimes appears in level3 layouts means that the 700px breakpoint for the sidebar is too narrow.  We need it to be a 750px point, but ONLY for this type of page*/
	.sport.level3 .mainContent {
		width:98%;
		margin:1% 1% 0 1%;
	}
	.sport.level3 .sideBar {
		width:98%;
		border:0;
		padding:1% 1% 0 1%;
		margin:0;
		background: #EFEFEF;
	}
	.sport.level3 .bookPod img {
		width:auto;
	}


}

@media only screen and (max-width: 700px) {	
	/*Where I live*/
	/*Linklists*/
	.linkListContainer {
		width:46%;
		margin:0 2% 4% 2%;
	}
	/*Page layout*/
	.mainContent {
		width:98%;
		margin:1% 1% 0 1%;
	}
	.sideBar {
		width:98%;
		border:0;
		padding:1% 1% 0 1%;
		margin:0;
		background: #EFEFEF;
	}
	
	.allNav .contentPod
	{
		/*width:22%;*/
	}

		.footer ul.footerLogos
	{
		width:70%;
		margin:0%;
	}

	.mainContentHome .inner .contentPod
	{
		width:31%;

	}


	.mainContentHome .inner .contentPod5,
	.mainContentHome .inner .contentPod8,
	.mainContentHome .inner .contentPod11
	{
		clear:none;

	}

	.mainContentHome .inner .contentPod4,
	.mainContentHome .inner .contentPod7,
	.mainContentHome .inner .contentPod10
	{
		clear:both;

	}

	/*RHS of events pages*/
	.ui-datepicker td a {
		font-size:1em;
	}


	.sport .carousel-text {
		bottom:-4%;
	}
	.sport .bookPod img {
		width:auto;
	}
	
	/* Overrides for benefits calculator to make it semi-responsive -----------------------------------------------------------------------------*/

	div.answer {
    width: 40% !important;
	padding: 0px 0px 5px 0px !important;
}

div.ansesa {
    width: 80% !important;
	padding: 0px 0px 5px 0px !important;
}

div.question {
    width: 53% !important;
}

div.ndepQ {
    width: 35%!important;
    min-height:90px !important;
}
/* End Overrides for benefits calculator to make it semi-responsive -----------------------------------------------------------------------------*/

} /*End max width 700px*/

@media only screen and (max-width: 640px) {	
	.content_310px a, 
	.searchControlBox .searchAgain {
		font-size:0.8em;
	}
	.content_310px {
		width:56%;
	}
	.searchControlBox .searchAgain {
		left:63%;
		margin-top:8px;
	}
	
		.homeNavigation .taskList li  {

	width:24%;
  
}

	.seeMoreNav a {
		width:33%;
	}
	
	.allNav .contentPod
{
	width:31.5%;
}
/*...And with the change in layout, we need to modify the clears*/
.sixteen .contentPod5,
.sixteen .contentPod9,
.sixteen .contentPod13,
.sixteen .contentPod17,
.sixteen .contentPod21,
.sixteen .contentPod25,
.sixteen .contentPod29 {
	clear:none;
}
.sixteen .contentPod4,
.sixteen .contentPod7,
.sixteen .contentPod10,
.sixteen .contentPod13,
.sixteen .contentPod16,
.sixteen .contentPod19,
.sixteen .contentPod22,
.sixteen .contentPod25,
.sixteen .contentPod28,
.sixteen .contentPod31 {
	clear:both;
}
	
	.sport .carousel-text {
		bottom:-10%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------RED */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.container .column 				{ margin: 20px 2% 0 2%; }		
	.container .one-third.column  	{  width:96%;  }
	.container .two-thirds.column   { width: 96%;  margin-top:0px; }

	.rslides_tabs a {
		font-size:0.8em;
	}
}		

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


    
.events .contentPod {
    min-height: 210px;
}

	.contactTasklist li {
    	width: 21%;
	}	
	/*Menu collapses to full mobile thing. We gotta tweak the margin so it works*/
	.header .primaryNavigation li.current {
		margin:1%;
	}

	/*A-Z recycling*/
	.aZRecycling .findMyNearest {
		width:100%;
	}
	.aZFilter .information {
		width:98%;
		margin:1% 0 0 0;
		padding:1%;
	}
	.aZRecycling .infoText {
		padding-top:10px;
	}
	/*Contact2.html*/
	.mainContainerHome .section .doItOnlineColumn {
		width:42%;
		margin:2%;
		padding:2%;
	}
	.mainContainerHome .section .doItOnlineColumn.item3,
	.mainContainerHome .section .doItOnlineColumn.item5 {
		clear:both;
	}
	.selectedContainer .whiteInner p {
		width:100%;
	}
	.selectedContainer .whiteInner div {
		text-align: center;
	}
	.selectedContainer .whiteInner img {
		float: none;
		margin:0;
	}
	.lcc-form {
		padding:10px;
	}
	.lcc-dropdown {
		width:100% !important;	/*Override inline styles*/
	}
	.lcc-form p,
	.lcc-input,
	.lcc-textarea,
	.mainContainerHome .lcc-buttonContainer {
		width:100%;
		min-width: 0;
	}
	/*Specifically the items in the lcc-formContainer class; ie: check your bin day*/
	input.lcc-input {
		width:60%;
		margin-right:1%;
	}
	#ctl00_PlaceHolderMain_userControlLoader_ctl00_btnSearchAddress {
		width:39%;
		margin:0;
	}
	.eventsHomepage .content_162px,
	.eventsMain .content_162px,
	.eventsResults .content_162px {
		width:48%;
	}
	.events .contentPod {
		background-position: right bottom;
	}
	.events .contentPod a img {
		height:auto;
	}
	.eventsMain .contentPod {
		padding:0 0 10px 0;
		background-position: right bottom;
	}
	
	/*Pod alignment eventsHomepage*/
	.eventsHomepage .content_162px {
		clear:none;
	}
	.eventsHomepage .eventContentPod2,
	.eventsHomepage .eventContentPod4,
	.eventsHomepage .eventContentPod6,
	.eventsHomepage .eventContentPod8,
	.eventsHomepage .eventContentPod10 {
		clear:both;
	}
	
			.header .searchControl
	{
		width:50%;
	}
	.sport .carousel-text {
		bottom:-23%;
	}
	.sport .navArrows #next2, 
	.sport .navArrows #prev2 {
		top:120px;
	}
	.sport .branding {
		width:88%;
	}
	.sport .header .searchControl {
		float: left;
		width: 100%;
	}

	/*OKAY THEN. Let's make those ruddy tables respond!*/

	/* Force table to not be like tables anymore */
	.sport table, 
	.sport thead, 
	.sport tbody, 
	.sport th, 
	.sport td, 
	.sport tr { 
		display: block; 
		background:white;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.sport thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.sport tr { 
		border: 1px solid #ccc; 
		margin-bottom: 20px;
	}
	.sport tr td {
		padding-left:75% !important;
		min-height:21px;
	}
	.sport tfoot tr td {
		padding-left:0 !important;
		/*margin-top: 20px;*/
	}
	.sport table.styledTable img {
		margin:0;
	}
	.sport td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.sport td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	.sport td:nth-of-type(1):before { content: "Flexible monthly cost"; }
	.sport td:nth-of-type(2):before { content: "12 month contract - monthly cost"; }
	.sport td:nth-of-type(3):before { content: "Annual price"; }
	.sport td:nth-of-type(4):before { content: "Swim"; }
	.sport td:nth-of-type(5):before { content: "Gym"; }
	.sport td:nth-of-type(6):before { content: "Fitness"; }
	.sport td:nth-of-type(7):before { content: "Squash & Climbing wall at Aireborough"; }
	.sport tfoot td:nth-of-type(1):before { content: ""; }
}


/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 600px) {
	


	
	.mainContentHome .inner .contentPod
{
	width:48%;

}


.mainContentHome .inner .contentPod4,
.mainContentHome .inner .contentPod7,
.mainContentHome .inner .contentPod10
{
	clear:none;

}

.mainContentHome .inner .contentPod3,
.mainContentHome .inner .contentPod5,
.mainContentHome .inner .contentPod7
{
	clear:both;

}
	
	
	.furtherInformation h3, .furtherInformation h3.active {
    background-position: 99.2% -3px;

}
	
	
		.container .column 				{ margin: 20px 2% 0 2%; }	
	/*Cookie banner*/
	#siteStatement p,
	.siteStatement p
	{
	   width:90%;
	   padding:5%;
	}
	#siteStatement a.submit,
	.siteStatement a.submit {
		clear: both;
	    display: block;
	    text-align: center;
	    margin:0 5px;
	    float:none;
	}
	/*Layout elements*/
	.container .two-thirds.column   {
		width: 96%;
	   	margin-top:0px;
   	}
     .container .twelve.column   {
		width: 96%;
	   	margin-top:0px;
   	}	
    .container .four.column   {
   		width: 96%;
	   	margin-top:0px;
   	}
	.nav-wrap
	{
		background:#2D89B7 url(/_layouts/images/standard/primaryNavBack.png) no-repeat center 0;
		float:left;
		width:100%;
	}
	.header ul.primaryNavigation, 
	.utilityNavigation {
		display:none;
	}
	.utility-icon
	{
		color: #000;
		padding: 7px 5px 11px 30px;
		cursor: pointer;
		display: block; /* show menu icon */
		float:right;
		height:16px;
		margin-top:10px;
	}
		.sport .utility-icon {
			margin-top:8px;
		}
	.utility-icon
	{
		background: #ddd url(/_layouts/images/standard/utility-icon.png) no-repeat 10px 8px;
	}
	.utilityNavigation 
	{
		background: #ddd;
	  	width:100%;
	  	margin:0px 0px 10px 0px;
	}
		.sport .utilityNavigation {
			margin:-1px 0 1px 0;
		}
	.utilityNavigation  ul
	{
	 	width:100%;
	  	padding:0px;
	  	margin:0px 0 0 0px;
	  	border:none;
	}
	.utilityNavigation a.sizeOne, .utilityNavigation a.sizeTwo 
	{
		display:none !important;
	} 
	.utilityNavigation li
	{
		padding:1% 0;
		width:auto;
		margin:0.25% 2px;
		list-style:none; 
		float:left;
		border:none;
	}
	.utilityNavigation li a 
	{
		text-decoration:none;
		width:auto;
		background:#fff;
		border-color:#ccc;
		padding:10px 8px;
	} 
	#menu-icon {
		color: #000;
		padding: 7px 5px 11px 30px;
		cursor: pointer;
		display: block; /* show menu icon */
		float:left;
		height:16px;
		margin:5px 0 0 10px;
		background: #fff url(/_layouts/images/standard/utility-icon.png) no-repeat 10px 8px;
		border-radius:3px 3px 0 0;
	}
	#menu-icon:hover, #menu-icon:focus {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #fff;
	}
	.header .primaryNavigation
	{
		background:#f6f6f6;
		padding-bottom:10px;
		display:block;
		border-bottom:1px solid #ddd;
	}
	.header .primaryNavigation li 
	{
		width:48%;
		margin:1%;
	}
	.header .primaryNavigation li a, .header .primaryNavigation li.current a
	{
		font-weight:bold;
		text-decoration:none;
		font-size:0.8em;
		padding:10px 15px 10px 15px;
		position:relative;
		color:#333;
		background:#fff;
		border:1px solid #ddd;
	}

	.header .primaryNavigation li a span
	{
		display:none;
	}
	.header .primaryNavigation li.current a
	{
		border-color:#BA9060; 
	    background:#efefef url(/_layouts/images/standard/arrowGold.png) no-repeat 4px center;
	}
	.header .primaryNavigation li a:hover, .header .primaryNavigation li a:focus
	{
		border-color:#ccc; 
		background:#ddd;
		color:#333;
	}
	.header .primaryNavigation li.current a:hover, .header .primaryNavigation li.current a:focus
	{
		background:#efefef url(/_layouts/images/standard/arrowGold.png) no-repeat 4px center;
		color:#333;
		border-color:#BA9060; 
	}
	.header ul.primaryNavigation li:first-child 
	{
		margin:1%;
	}
	.footer .utilities
	{
		background:#f6f6f6;
		border:none;
	}
	.header .branding
	{

	}

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


	.header .searchControl .SearchMainBox
	{
		width:60%;
	}
	.sport .header .searchControl .SearchMainBox {
		width:70%;
	}
	.allNav .row5 {
		width:48%;
	}
	.rslides_tabs {
		width:100%;
	}
	#sliderHome {
		width:100%;
	}
	.rslides_tabs .rslides_here:before {
		background:url(/_layouts/images/standard/sliderNavArrowMobile.png) no-repeat 0 bottom;
		height:25px;
		left:5px;
	}
	.rslides_tabs a {
		height:40px;
		display: block;
		background:url(/_layouts/images/standard/sliderTabLIBack.png) repeat-y left 0;
		color:#ffffff;
		padding:7px 10px 0px 30px;
		font-size:0.8em;
	}
	/*Homepage slider*/
	.sliderText {
		position: relative;
		width:100%;
		padding-right:50px;
		margin-top:-5px;
		background-color: #333333;
		bottom:0;
	}
	.sliderText h4, .sliderText h2{
		font-size:0.8em;
	}
	
	.breadcrumb
	{
		margin-top:20px;
	}
	
.sixteen .homeNavigation .taskList li  {

	width:24%;
 
}

	.seeMoreNav a {
		width:36%;
	}
	
		.userControl
{
            padding:2%;
            width:96%;

}

.rslides_tabs
{
	margin-bottom:20px;
}

.footer  .footerNavigation ul li
{
	width:31.8%;
}

.footer ul.footerLogos
{
	width:90%;
	margin:5%;
}
}





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

.sixteen .homeNavigation .taskList li  {

	width:32.33%;
 
}

	.seeMoreNav a 
{		width:38%;
	}
	.sport .header .searchControl {
		margin-left:0 !important;
	}

}

@media only screen and (max-width: 530px) {	
	/*Emergencies*/
	
	
	.emergencyContent .col2 {
		width:91%;
		padding:3%;
	}
	
		.seeMoreNav a {
		width:40%;
	}
	.sport .content_340px {
    width: 100%;
	}
	.sport .gutter20px {
	    margin-left: 0;
	}
	.sport .mainContent .content_4 {		/*To make "Find your nearest" full width*/
		width:100%;
	}
	.sport .mainContent .findMyNearest {
		margin-left:0;
		margin-right: 0;
		width: 99%;
	}
	.sport .searchResultsLinks {
		width:100%;
	}
	.sport .aZFilter {
		margin-left:0;
	}
	.sport .content_4 .userControl {
		width:94%;
		margin:0;
	}
}
	
@media only screen and (max-width: 517px) {	



	
	
	.furtherInformation h3, .furtherInformation h3.active {
    background-position: 99.8% -3px;

}


	/*Where I live*/	
	.searchControlBox .searchAgain {
		display:none;
	}
	.content_310px {
		width: 100%;
	}
	.content_310px a.submit {
	    margin: 0 3%;
	    padding: 0 2%;
	    width: 90%;
	}
	.container .twelve.column .nine
	{
		width:100%;
	}
	.container .twelve.column .three.column
	{
		width:100%;
	}

	
	.homeNavigation .taskList li  {

	width:32.33%;
  
}

		.three.column .promo
	{
		width:50%
	}
	.sport .carousel-text {
		bottom:-26%;
	}
}

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

.contactLinkList ul li.address p {

    padding: 0 0 2% 2%;

}
	.contactTasklist li {
    	width: 28%;
	}


	/*Sort out the carousel on the event homepage*/
	.eventsHomepage #nav {
		position: relative;
		left:0;
	}
	.eventsHomepage .CarouselPhoto {
		position: relative;
		top:30px;
	}
	.eventsHomepage .events DIV.carousel-text {
		position: relative;
	}
	.inner .srch-Icon
	{
		  width:6%;
	}
	.inner .srch-Title2
	{
		 width: 91.6%;
	}

	/*Carousel on sports*/
	.sport #carousel-Content {
		height:310px;
	}
	.dataSet li .col1,
	.dataSet li .col2 {
		width:100%;
	}
}


@media only screen and (max-width: 480px) {
    	
	.allNav .contentPod
	{
		width:48%;
	}
	/*...And with the change in layout, we need to modify the clears*/
	.sixteen .contentPod4,
	.sixteen .contentPod7,
	.sixteen .contentPod10,
	.sixteen .contentPod13,
	.sixteen .contentPod16,
	.sixteen .contentPod19,
	.sixteen .contentPod22,
	.sixteen .contentPod25,
	.sixteen .contentPod28 {
		clear:none;
	}
	.sixteen .contentPod3,
	.sixteen .contentPod5,
	.sixteen .contentPod7,
	.sixteen .contentPod9,
	.sixteen .contentPod11,
	.sixteen .contentPod13,
	.sixteen .contentPod15,
	.sixteen .contentPod17,
	.sixteen .contentPod19,
	.sixteen .contentPod21,
	.sixteen .contentPod23,
	.sixteen .contentPod25,
	.sixteen .contentPod27,
	.sixteen .contentPod29 {
		clear:both;
	}
	/*Lvl1 content pods*/
	/*So every third content pod needs a clear at this size*/
/*	.contentPod0,				
	.contentPod3,
	.contentPod6,
	.contentPod9,
	.contentPod12,
	.contentPod15,
	.contentPod18 {
		clear:both;
	}*/
	
	.header .searchControl {
    margin: -30px 5% 10px !important;
    padding: 3%;
    width: 84%;
}



}	
@media only screen and (max-width: 479px) {
	
		.mainContentHome .inner .contentPod
{
	width:90%;
	margin:5% 5% 0 5%;

}
	
	
	/*Content pods go two to a line*/
	.contentPod1,
	.contentPod3,
	.contentPod5,
	.contentPod7,
	.contentPod9,
	.contentPod11,
	.contentPod13,
	.contentPod15,
	.contentPod17,
	.contentPod19,
	.contentPod21 {
		clear:both;
	}
}
@media only screen and (max-width: 460px) {	
	.furtherInformation h3, .furtherInformation h3.active {
    	background-position: 99.5% -3px;
	}

	/*Linklists*/
	.linkListContainer {
		width:92%;
		margin:0;
		padding:0 4%;
	}
	
	.sixteen .homeNavigation .taskList li  {
		width:29%;
  	}
	.seeMoreNav a {
		width:44%;
	}
	.userControl
	{
    	padding:2.5%;
        width:95%;
	}
	.sport #carousel-Content {
	    height: 290px;
	}

}		



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)----------------------------------------- Green */
@media only screen and (max-width: 479px) {
	.container { 
		width: 100%;
	}

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.column,
    .container .one-third.column, 
    .container .two-thirds.column,
	.mainContentArticle

	 { width:96%; }


  	.container .column { margin: 20px 2% 0 2%; }	
	
		 
		 .header .branding
{

}








	/*Content pods down to two in a row*/
	.contentPod
	{
		width:48%;
		margin:1%;
	}
	/*fix clears*/
	.two-thirds .contentPod4,
	.two-thirds .contentPod7,
	.two-thirds .contentPod10,
	.two-thirds .contentPod13,
	.two-thirds .contentPod16,
	.two-thirds .contentPod19,
	.two-thirds .contentPod22 {
		clear:none;
	}
	.two-thirds .contentPod3,
	.two-thirds .contentPod5,
	.two-thirds .contentPod7,
	.two-thirds .contentPod9,
	.two-thirds .contentPod11,
	.two-thirds .contentPod13,
	.two-thirds .contentPod15,
	.two-thirds .contentPod17,
	.two-thirds .contentPod19,
	.two-thirds .contentPod21 {
		clear:both;
	}	
	
	.promo.single
{
	width:48%;
	margin:1%;
}

	.promo.double
{
	width:98%;
	margin:1%;
}
}
		
@media only screen and (max-width: 420px) {	
	/*.contentPod {
		margin: 1%;
		width:44%;
	}*/
	
	.innerMediaContainer {
		width:90%;
		padding:5%;
	}
	
	.furtherInformation h3 , .furtherInformation h3.active {
    	background-position: 99% -3px;
	}
	
	.homeNavigation .taskList li, .sixteen .homeNavigation .taskList li  {
		width:49%;
  	}
	.seeMoreNav a {
		width:46%;
	}
	/*Venue pages*/
	.levelThreeTabbedContentVenue ul.tabnav li {
		width:48%;
		margin-right:2%;
		margin-bottom:0;
	}
	.levelThreeTabbedContentVenue .tabdiv ul.openingHours li .hours {
		width:63%;
	}
	.levelThreeTabbedContentVenue .tabnav li a {
		height:auto;
	}
	.sport #carousel-Content {
	    height: 260px;
	}
	.sport .navArrows #next2, 
	.sport .navArrows #prev2 {
    	top: 90px;
	}	
}
		
		
/* Mobile Landscape Size to Tablet Portrait (devices and browsers)-------------------------BLUE */		
@media only screen and (max-width: 400px) {	
	.container .one.column,
	.container .one.columns,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.column,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.column,
	.container .one-third.column, 
	.container .two-thirds.column,
	.mainContentArticle

	{ width:90%; padding:0; }

  	.container .column { margin: 20px 5% 0 5%; padding:0; }	

	.container .four.column   {
		width: 90%;
	}	
	
    .container .two-thirds  .one-third.column, .container .twelve.column .three.column, .container .twelve.column .nine.column   { 
		margin: 0% 0% 20px 0;
		width: 100%;
	}
	 
	.container .two-thirds  .one-third.column:first-child   { 
	margin-right: 0%;
	 }

	.contactTasklist li {
    	width: 44%;
	}
	.contactThird {
		width:100%;
	}

	/*A-Z*/
	.aZRecycling .infoText {
		width:74%;
	}	
	.aZRecycling .aZFilter {
		background-size:95%;
	}	
	.aZRecycling .infoText {
		width:65%;
	}
	
	/*Contact2.html*/
	.mainContainerHome .section .doItOnlineColumn {
		padding:3%;
		width:90%;
	}	
	/*Content pods (lvl 1&2)*/ 
	.contentPod {
		margin: 1% 1%;
		width:98%;
	}
		
	.homeNavigation .taskList li, .sixteen .homeNavigation .taskList li  {
		width:49%;
	}
	.seeMoreNav a {
		width:60%;
	}
	.userControl
	{
		padding:3.5%;
		width:93%;
	}
	.footer .footerNavigation ul
	{
		width:90%;
		margin:5%;
	}
	.footer  .footerNavigation ul li 
	{
		width:47%;
		margin: 1%;
	}
	.four.column .promo, .promo, .three.column .promo, 	.one-third .promo
	{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	.eventsHomepage .content_162px,
	.eventsMain .content_162px,
	.eventsResults .content_162px {
		width:100%;
		margin:0 0 10px 0;
	}
	.innerMediaContainer  {
		margin-left: 0;
	}
	.allNav .contentPod
	{
		width:98%;
	}
	#bannerDate
	{
		left:10px;
		top:10px;
		min-width:30%;
	}
	.header .searchControl
	{
		margin:-30px 5% 10px 5% !important;
		width:84%;
		padding:3%;
	}

	ul.blockList li {
	    width: 48%;
	}

		.contactLinkList ul li.address p {
	    padding: 0 0 2.5% 3%;

	}
	/*Specifically the items in the lcc-formContainer class; ie: check your bin day*/
	input.lcc-input,
	#ctl00_PlaceHolderMain_userControlLoader_ctl00_btnSearchAddress {
		width:100%;
		margin-right:0;
	}
	input.lcc-input {
		margin-bottom:4%;
	}
	
	.promo.single, 	.promo.double, .promo.full
	{
		width:96%;
		margin:2%;
	}
	.sport .navArrows #next2, .sport .navArrows #prev2 {
    	top: 60px;
	}
	.sport .carousel-text {
    	bottom: -35%;
	}
	.sport .header .searchControl {
	}
	
	.footer .floatLeft.marginTop10
{
	width:30%;
}

    .container .column .column {
        width:100%;
        padding:0;
    }
	
}

@media only screen and (max-width: 340px) {					/*iPhone last chance saloon*/
	.sport .carousel-text {
   		bottom: -40%;
	}
	.sport #carousel-Content {
    	height: 230px;
	}
}


@media only screen and (min-width: 600px) {	
	/*New primary nav thing*/
	ul.primaryNavigation,
	.utilityNavigation {
		display:block !important;	/*This stops the two responsive navs from being hidden post mobile view*/
	}
}


/* styling to make street register responsive*/

div.row_wrapper  option
{
   width:100% ;
}

div.question {
   font-size:0.8em;
   line-height:1.5em;
}




.standardFieldSet fieldset .row
{
	margin:0 1.5%;
	width:97%;
	background:url(/_layouts/images/standard/formSectionInnerBack.png) repeat-y right 0;
}

.standardFieldSet fieldset legend
{
	background:#fff;
	width:100%;
	padding:10px 0 5px 0;
	font-weight:bold;
	font-size:1em;
	color:#333;
	border-bottom:10px solid #efefef;
}

.standardFieldSet
 {
	 background:#efefef;
	 padding:0 0 10px;
	 width:100%;
	 margin:0;
	 float:left;
	 margin-bottom:20px;
	
 }
 
 

.standardFieldSet p
{
	background:#fff;
	display:block;
	padding:10px 10px 7px 0px;
	border-top:10px solid #efefef;
	border-bottom:10px solid #efefef;
	float:left;
	width:100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.linkIcon{
    margin:0px 10px 0px 5px;
}

.limitedrte-Style-BUTTON .linkIcon{
    margin:0px 0px 0px 5px;
}






/* Museums responsive overides*/

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

   .museums .header {
        background-color:#C3102F;
        margin:0px;
    }

   .museums .header .branding {
        margin:40px;
        width:32%;
        padding:0px;
    }

   .museums .header .searchControl {
    background: #ffffff;
    border:none !important;
    margin:40px !important;
    float:right;
}

   .museums .searchControl .SearchMainBox {
    border-color:#f6f6f6;
    background:#f6f6f6;
}

    .museums .sub {
        display:none !important;
    }
}


@media only screen and (max-width: 750px) {
    .museums .header .branding {
        width: 100%;
    }


    .museums .header .searchControl {
        width: 80%;
        margin: 0 10% 10% 10% !important;
    }

    .header .searchControl .SearchMainBox {
    width: 60%;
}

    
   .museums .searchControl .SearchMainButton {
    width: 36%;
       text-align: center;
}
}

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

    .museums .nav-wrap {
    background: none;
    border-top:1px solid #fff;
    padding-top:10px;
}

   .museums .header ul.primaryNavigation {
    background:#fff;
    padding:3%
}

    .museums .header .primaryNavigation li,   .museums .header ul.primaryNavigation li:first-child {
    width: 94%;
    margin:0px;
}

      .museums .header .primaryNavigation li a {
   color:#333;
   border:none;
   border-bottom:1px solid #efefef;
   padding:15px 0 15px 15px;
   font-size:0.9em;
}

    .museums .header .primaryNavigation li a:hover {
   background:#efefef;
   color:#333;
   border-color:#efefef;
   font-size:0.9em;
}


  .museums #menu-icon {
    color: #333;
    padding: 10px 15px 11px 40px;
    background-position:15px 12px;
    border-radius: 0px 0px 0px 0px;
    margin-left:5%;
    font-size: 1em;
    font-weight: bold;
}

}



.museums .content_340px {
    width: 48%;
}

.museums .content_340px .promo {
    width: 100%;
}

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

.museums .content_340px, .museums .content_340px.gutter20px {
    width: 92%;
    margin: 4%;
}

}

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

 	.museums .carousel-text h2,
	.museums .carousel-text p {
		background:none;
	}
	.museums .carousel-text {
		width:94%;
		left: 0;
    	margin: 0;
    	bottom:0;
    	opacity: 1;
        padding:3%;
        background-color: #8C0003;
    }

    #carousel-Content {
        background-color: #8C0003;
    }

  }


.museums .contentPod1, .museums .contentPod3, .museums .contentPod5, .museums .contentPod7, .museums .contentPod9,
.museums .contentPod11, .museums .contentPod13, .museums .contentPod15, .museums .contentPod17, .museums .contentPod19,
.museums .contentPod21 {

    clear:none;
}

@media only screen and ( max-width:960px) {
    .staffProfileDetailImg {
        margin: 0.8%;
        width: 28.8%;
    }
}

@media only screen and (min-width:518px) and (max-width:620px) {
    .staffProfileDetailImg {
        width: 40%;
        margin:3%;
    }
}

@media only screen and  (max-width:440px) {
    .staffProfileDetailImg {
        width: 40%;
        margin:3%;
    }
}

@media only screen and  (max-width:340px) {
    .staffProfileDetailImg {
        width: 90%;
    }
}