/* Standard */
    @import url(seasons/cms.css);
 @import url(seasons/forms.css);
/* @import url(seasons/structure/structure4.css);*/
    
    /* Custom styles *//* @version 1.0 */
	
	
	/* Reset
---------------------------------------------------------------------------------------------------------------*/
	
	/* Reset - (html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet) */
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
	

}

body{	   

overflow-x: hidden;
}

html{

overflow-x: hidden;
}

article, aside, figure, footer, header, hgroup, nav, section {
	display:block
}

.social_media_buttons{margin-bottom:50px;}

.social_media_buttons li{float:left; margin-right:6px;}

.featureEv{background: -webkit-linear-gradient(#fff, #e9ecf3) !important;
 background: -moz-linear-gradient(top, #fff, #e9ecf3);

background: -ms-linear-gradient( #ffffff,#e9ecf3);
background: -o-linear-gradient(#fff, #e9ecf3);
background: linear-gradient(#fff, #e9ecf3);
-pie-background: linear-gradient(#fff, #e9ecf3);


 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9ecf3') !important;}

nav ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
/* Mobile additions */

#footermobile{display:none;}
.mobilemenu{display:none;}
.mobiledrop{display:block;}
.slicknav_menutxt{display:none;}
.slicknav_nav{display:none;}
.icon-lightning{display:none;}

.fast_links{display:block;}

#leftcolumn h2.accordionButton {display: block;}
.accordionContent{display:block;}

.widget_wrap {display: block;}
.hiddenformodile{display:block;}

.no-lhs {margin: 15px;}

.no-lhs #bc {margin-left: 0px;}

.no-lhs h2{color: #1D79A4;}
.no-lhs h3{color: #1D79A4;}
.no-lhs h4{color: #1D79A4;}

.oneline{display:none;}
.twolines{display:none;}


/* Mobile additions end */


a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
	clear:both;
}
input, select {
	vertical-align:middle
}
/** Added by Claw **/
			ol, ul {
	list-style: none
}
body {
	color:#020d16;
	background: #dcdcdc;
	text-align:center;
	font: 62.5% Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
	margin:0 auto;
	line-height:1.8em;
	height:100%
}
/* Font Legibility */
		pre, code, kbd, samp {
	font-family: monospace, sans-serif
}/* normalize monospace sizing, en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
/* always force a scrollbar in non-IE */	
		html {
	overflow-y:scroll
}
/** Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test **/		
		a:hover, a:active {
	outline:none
}
a, a:active,  a:visited {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
/* Apply default styles */
		nav ul, nav li {
	margin: 0
}
small {
	font-size:0.91em
}
strong, th {
	font-weight: bold
}
td, td img {
	vertical-align:top
}
sub {
	vertical-align:sub;
	font-size:smaller
}
sup {
	vertical-align:super;
	font-size:smaller
}
pre {
	padding:15px;
	white-space:pre;
	white-space:pre-wrap;
	white-space:pre-line;
	word-wrap:break-word
}
textarea {
	overflow: auto;
} /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
/* Forms */
		/** Legend positioning **/	
			.ie6 legend, .ie7 legend {
	margin-left: -7px
}
/** align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  **/
			input[type="radio"] {
	vertical-align:text-bottom
}
input[type="checkbox"] {
	vertical-align:bottom
}
.ie7 input[type="checkbox"] {
	vertical-align:baseline
}
.ie6 input {
	vertical-align:text-bottom
}
button {
	width: auto;
	overflow:visible
}/* make buttons play nice in IE:   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
.ie7 img {
	-ms-interpolation-mode:bicubic
}/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
/** hand cursor on clickable input elements **/ 
			label,  input[type=button],  input[type=submit], button {
	cursor:pointer
}
/* webkit browsers add a 2px margin outside the chrome of form elements */ 
			.button, input, select, textarea {
	margin:0
}
/* Helper Styles
---------------------------------------------------------------------------------------------------------------*/
.three_column img{width:200px;}
.three_column h3{clear:both;}

/* Clearing Styles */
	.clearleft {
	clear:left
}
.clearright {
	clear:right
}
.clearboth {
	clear:both
}
/* CSS clearing */		
		.clearing:after, .ui-helper-clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.clearing, .ui-helper-clearfix {
	display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
		* html .clearing, * html .ui-helper-clearfix {
	height:1%;
}
.clearing, .ui-helper-clearfix {
	display:block;
}
/* end clearfix */

/* Floats & Alignments */
	.fright {
	float:right !important
}
.fleft {
	float:left
}
.center {
	text-align:center
}
/* Hide & image replacement  */
	.ir {
	display:block;
	text-indent:-999em;
	overflow:hidden;
	background-repeat: no-repeat
} /* for image replacement */
.hidden {
	display:none;
	visibility:hidden
}/* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden {
	position:absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px)
}/* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.invisible {
	visibility: hidden
}/* Hide visually and from screenreaders, but maintain layout */
.hide {
	position:absolute;
	left:-9999em;
	top:-9999em;
	height:1px;
	font-size:1px;
	line-height:0;
	overflow:hidden
}
/* Extend & reduce default margins */
	.reduce-margin-m {
	margin-top:-20px !important;
	border-top:none !important
}
.reduce-margin-s {
	margin-top:-11px !important;
	border-top:none !important
}
.reduce-margin-ss {
	margin-top:-5px !important
}
.extend-margin-none {
	margin-bottom:0px !important
}
.extend-margin-ss {
	margin-bottom:8px !important
}
.extend-margin-s {
	margin-bottom:14px !important
}
.extend-margin-m {
	margin-bottom:18px !important
}
.extend-margin-l {
	margin-bottom:27px !important
}
.extend-margin-xl {
	margin-bottom:36px !important
}
.nomargin {
	margin:0!important;
}
/* remove spacing from last/first column or row */
	.lastcol {
	margin-right:0 !important;
	padding-right:0 !important;
}
.lastitem {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	border-bottom:none !important;
	background:none !important
}
.firstitem {
	margin-left:0 !important;
	border-left:none !important
}
.firstcol {
	margin-top:0 !important;
	padding-top:0 !important
}
.firstitem {
	padding-top:0 !important
}
/* Bullets */
	.bullets {
	list-style-type:disc;
	margin-bottom:20px
}
.bullets li {
	padding-left:5px;
	margin-left:15px
}
#section-support .bullets {
	font-size:1.2em
}
/* Bold */
	.bold {
	font-weight:bold
}
.empasise {
	font-style:italic
}


.result_box { border-bottom:1px dashed #AFB5BA; padding-top:5px;}

*+html #container {width: 98.7em; }
#container {
	width: 980px;
	text-align:left;
	margin:0 auto;
	
	padding:0;
	position:relative;
	background: url("../../images/wrapper-background.jpg") no-repeat scroll center 90px #FFFFFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
} /* moz & webkit */
<!--
web fonts
-->
 .VAGRundschriftD {
 font-family: VAGRundschriftD;
 font-weight: normal;
 font-style: normal;
}
.VAGRundschriftD-LigIta {
	font-family: VAGRundschriftD-LigIta;
	font-weight: normal;
	font-style: normal;
}
.VAGRundschriftD-Lig {
	font-family: VAGRundschriftD-Lig;
	font-weight: normal;
	font-style: normal;
}
.VAGRundschriftD-Ita {
	font-family: VAGRundschriftD-Ita;
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, .main_navigation li a, .navheading, .widget_wrap .widget ul .widget_link a, #home #slider2 .overview .page .what_else_button, #leisure_for_all .leisure_for_all_big_button, .intro_text legend {
	font-family: VAGRundschriftD;
!important;
	font-weight: normal;
	font-style: normal;
}
/*typography */

h1 {
	font-size:3.2em;
	line-height: 1em;
	margin: 0.5em 0;
}
h2 {
	font-size: 3em;
	line-height: 1em;
	margin-bottom:0.5em;
}
h3 {
	font-size: 1.9em;
	margin-bottom: 0.5em;
}

.by_editor h3, .byEditor h3
{
	font-size: 1.4em !important;
	
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
h6 {
	font-size: 1.4em;
}
.by_editor ul, .answer ul, .newsbox ul, .byEditor ul {
	font-size: 1.2em;
	line-height: 1.5em;
	list-style: none outside none;
	margin-bottom: 1.5em;
}
/*Banner ------------------*/
#header {
	position:relative;
	z-index: 3000;
}
#search_box {
    display: block;
    height: 3em;
    left: 590px;
    padding: 0px 20px;
    position: relative;
    top: 0px;
    width: 350px;
}
#search_box #search {
	float:right;
	margin-right: 10px;
	margin-top: 2px;
	width: 223px;
}

#search_box .search {
	float:right;
	margin-right: 10px;
	margin-top: 2px;
	width: 223px;
}

#search_box .search {
	float:right;
	margin-right: 10px;
	margin-top: 2px;
	width: 223px;
}


#search { position: absolute;right: 20px;top: 85px; width: 350px;}
.search { position: absolute;right: 20px;top: 85px; width: 350px;}
#header form#search input.searchbox { background: none repeat scroll 0 0 #F4F6F9; border: 1px solid #CCCCCC;font-size: 1.1em; height: 14px; margin: 0; padding: 8px 5px 6px; width: 74.3%; -webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	float: left;}
	
#header form.search input.searchbox { background: none repeat scroll 0 0 #F4F6F9; border: 1px solid #CCCCCC;font-size: 1.1em; height: 14px; margin: 0; padding: 8px 5px 6px; width: 74.3%; -webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	float: left;}
	
*+html #header form#search input.searchbox { background: none repeat scroll 0 0 #F4F6F9; border: 1px solid #CCCCCC;font-size: 1.1em; height: 1.2em; margin: 0; padding: 7px 5px 6px; width: 70%; -webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	float: left;}
	
*+html #header form.search input.searchbox { background: none repeat scroll 0 0 #F4F6F9; border: 1px solid #CCCCCC;font-size: 1.1em; height: 1.2em; margin: 0; padding: 7px 5px 6px; width: 70%; -webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
	float: left;}

#home #header h2 { color:#0E5497;}
#header h2 { left: 228px;position: absolute; top: 98px;}
#faqs_ask #search_box #search .button, #faqs #search_box #search .button, #email_friend #search_box #search .button {
	float: right;
	margin-right: 0px;
}
#search_box input {
	float:left;
	margin-top: 1px;
}
#search_box .inro_navigation {
	float:right;
	position:relative;
	right:35px;
}
#search_box .inro_navigation li {
	float:left;
}
#search_box .inro_navigation li a {
 border-right: 1px solid #8D8C91;
    float: left;
    line-height: 1.5em;
    margin: 6px 2px;
    padding-right: 3px;
}

#search_box .inro_navigation li a.last   { border-right:none;}


#search_box ul.intro_ul_links, #events #search_box ul.intro_ul_links{
	 float:right;
	 padding-top: 14px;
}

#search_box .intro_text, #events #search_box .intro_text   {
	float:left; 
	border-right:none;
 	padding-top: 7px;
 	padding-right: 5px;
	font-size: 1.4em;
	color:#0e5497;
}

#search_box ul.intro_ul_links li.intro_li_links, #events #search_box ul.intro_ul_links li.intro_li_links  {
	width:auto;
	float:left; 
	
}

#search_box ul.intro_ul_links li.intro_li_links img, #events #search_box ul.intro_ul_links li.intro_li_links img {
	 width:25px;
	 margin: 6px 2px;
     padding-right: 3px;
	 padding-top: 3px; 
}

#search_box ul.intro_ul_links li.intro_li_links a, #events #search_box ul.intro_ul_links li.intro_li_links a {
	border-right:none;
   
}

#search_box .intro_ul_links li.intro_li_links a.last  { border-right:none;}

#header .logo {
	float:left;
	width:170px;
	height:133px;
	margin: 9px 0 40px;
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/sllc-logo.jpg") 0 -1px no-repeat;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
#header .logo:hover {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/sllc-logo.jpg") 0 -133px no-repeat;
	display:block;
}
#header .logo h1 {
	text-indent:-999px;
}

#home #navigation { float: right;   width: 240px;}
.main_navigation {
	font-size:1.2em;
	width:100%;
	clear:both;
	display:block;
	background-color:#0e5497;
	min-height: 3.7em;
	position: relative;
	z-index: 3000;
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") 0 0 repeat-x #0e5497;
}
.main_navigation li {
	float:left;
	display:block;
	position: relative;
	z-index:3000;
}
.main_navigation li a {
	float:left;
	display:block;
	line-height: 2.8em;
	padding: 0 0.86em;
	color:#fff!important;
	border-left: 1px solid #0a5085;
	border-right: 1px solid #0e63a4;
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") 0 0 repeat-x #0e5497;
	text-shadow: 0 -1px 0 #224E6A;
	font-size: 1.3em;
}
.main_navigation li a:hover {
	background:#194d7c;
}
.main_navigation li.current a {
	background:#194d7c;
}
#text_box {
	background:#000;
	color:#ffffff;
	padding:10px;
	margin:0 auto;
	width:980px;
}
/*backgroun image rotator*/
/*#rotating_imgaes_wrapper { position:absolute; top:-180px;}*/

#rotating_imgaes {
    height: 133px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 980px;
    z-index: 999;
	background:url("https://www.southlanarkshire.gov.uk/sllc/images/Curly_top_HOME_page.jpg") 190px 0 no-repeat;
}

.artsandentertainment #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/ARTS_and_Entertainment_Top.jpg") 190px 0 no-repeat;}
.hallsandvenues #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/HALLS_and_VENUES_Top.jpg") 190px 0 no-repeat;}
.libraries #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/LIBRARIES_Top.jpg") 190px 0 no-repeat;}
.museums #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/MUSEUMS_Top.jpg") 190px 0 no-repeat;}
.outdoorandactive #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/OUTDOOR_Top.jpg") 190px 0 no-repeat;}
.sport #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/SPORTS_Top.jpg") 190px 0 no-repeat;}
.eventsstyle #rotating_imgaes {background:url("https://www.southlanarkshire.gov.uk/sllc/images/EVENTS_Top.jpg") 190px 0 no-repeat;}

/* classes to work with cycle plugin for BG images */
#bg_containers {
	width:980px;
	margin:0;
}
#bg_containers div {
	width:980px;
	height:180px;
	margin:0 auto 18px auto;
#FFFFFF repeat;
}
/*--- DROPDOWN ---*/

#header .main_navigation li ul {
	width:20em;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0px 0 10px 0;
	border: 0;
	text-align: left;
	position: absolute;
	display: none;
	left:0;
	top:42px;
	z-index:1000;
}
*+html #header .main_navigation li ul {
	width:20em;
	height: auto;
	list-style: none;
	margin: 0;
	padding: 0px 0 10px 0;
	border: 0;
	text-align: left;
	position: absolute;
	display: none;
	left:0;
	top:32px;
	z-index:1000;
}
#header .main_navigation li ul li {
	float: none;
	margin: 0;
	line-height: 30px;
}
#header .main_navigation li ul a {
	padding:0 10px;
	white-space: nowrap;
	display: block;
	width: 93%;
	border:none;
	background:#0e5497;
	background:rgba(29, 100, 164, 0.9);
	text-shadow: none;
	line-height:2em;
}
#header .main_navigation li:hover ul {
	display: block;
}
#header .main_navigation li:hover ul a { /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#header .main_navigation li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */
	background:#164f82; /* Solid colour fall-back */
	background:rgba(22, 79, 130, 0.9); /* It'll look nice semi-transparent */
	text-decoration:underline;
}
.button {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") #0e5497 0 0 repeat-x;
	border: medium none;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 1px 1px 0 #CCCCCC;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-family: verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	padding: 6px 10px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}
#faqs_ask .button, #faqs .button, #email_friend .button {
	float:right;
	margin-right: 10px;
}

.button {
	background-color: #1B6594 !important;
}
.button, input, select, textarea {
	margin: 0;
}
label, input[type="button"], input[type="submit"], button {
	cursor: pointer;
}
button {
	overflow: visible;
	width: auto;
}

/*
 * jQuery FlexSlider v1.7
 * https://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * https://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: none repeat scroll 0 0 #FFFFFF;height: 25em; margin-bottom: 9px;position: relative;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a { display:none;}
.flex-direction-nav li a:hover {}
.flex-direction-nav li a.next {background-position: -52px 0; right: -2000px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -1000px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav { 
/*background: url("https://www.southlanarkshire.gov.uk/sllc/images/bg-rotator-tabs.png") repeat;*/
background-color:#fff;
    bottom: -30px;
    height: 13px;
  right: 0;
    margin-top: 9px;
    padding: 9px;
    position: absolute;
    text-align: left;
   top: 200px;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; color:#000;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {   background-color: #FFFFFF;
    border: 1px solid #312f34;
    border-radius: 6px 6px 6px 6px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 9px;
    line-height: 2em;
    margin-right: 5px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-indent: -9999px;
    width: 9px;
	color:#000 !important;
}
.flex-control-nav li a:hover {color: #000 !important; background-color:#000;}
.flex-control-nav li a.active {color: #000 !important; background-color:#000; cursor: default;}

#promos { clear: both;margin-bottom: 9px; min-height: 12.3em;}
#promos ul li {float:left;}
#promos ul li a { float:left; cursor: pointer;
background-color: #FFFFFF;
	color: #555555;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 2em;
	padding: 0;
	overflow:hidden;
	margin-right: 10px;}

#promos ul li a img {width:226.3px; height:153px;}
	
	#promos ul li a.last { margin-right:0;}
	





.promos { clear: both;margin-bottom: 9px; min-height: 12.3em;}
.promos ul li {float:left;}
.promos ul li a { float:left; cursor: pointer;
background-color: #FFFFFF;
	color: #555555;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 2em;
	padding: 0;
	overflow:hidden;
	margin-right: 10px;}

.promos ul li a img {width:226.3px; height:153px;}
	
.promos ul li a.last {margin-right:0;}





/*homepage*/
#home #column_wrapper {
	float: right;
}
#home #leftcolumn {
	float: right;
	margin: 9px 20px 0 0;
}
.sllvideo {
	float:right;
}
.sllvideo p {
	width:220px;
}
.sllvideo h3 {
margin-bottom: 9px;
}

#content {
	float: right;
	font-size:1em;
	margin-top: 5px;
	padding: 0 20px;
	width: 700px;
	height:auto;
 
	
}

*+html #content {
	height:67em;
}
/*main syles*/

*+html #home #content { width: 70.5em;}
#news_page #content-fullevents_info, #events_info #content-full, #events #content-full, #news_page #content-full{ padding:0 20px;}
#events .by_editor img, #events_info .by_editor img, #events .byEditor img, #events_info .byEditor img  { width:100%;}


#events img, #events_info img {
    width: 100%;
}
 
#events .float_left {
    float: left;
}
 
#events img {
    margin: 3px;
}


#home #content {
	float: left;
	font-size: 1em;
	margin-top: 9px;
	padding: 0 20px;
	width: 700px;

}

.navheading {
	font-size: 2.5em;
	color:#4a337b;
	border-bottom:1px solid #4a337b;
	padding-bottom: 9px;
}
#leftcolumn {
	float: left;
	width: 22em;
	margin: 9px 0px 0px 20px;
}
.widget_wrap .widget ul .widget_link a {
	display:block;
	line-height: 2.1em;
	border-bottom:1px solid #0e5497;
	font-size: 1.6em;
	color:#0e5497;
}
.widget_wrap {
	margin-bottom:18px;
}
#leisure_for_all {
	clear:both;
	margin:0 20px;
	padding: 20px;
	position:relative;
	background:#493D63;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #4b367b;
	height: 12em;
}
#leisure_for_all .leisure_for_all_big_button {
	width:171px;
	height:57px;
	line-height: 1.1em;
	float:right;
	display:block;
	position:absolute;
	left: 720px;
	top: 45px;
	background:#4B367B;
	display: inline-block;
	padding: 0.5em 0.7em 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -2px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border: solid 1px #4B367B;
	background: -webkit-gradient(linear, left top, left bottom, from(#9277d0), to(#4B367B));
	background: -webkit-linear-gradient(#9277d0, #4B367B);
	background: -moz-linear-gradient(top, #9277d0, #4B367B);
	background: -ms-linear-gradient( #9277d0, #4B367B);
	background: -o-linear-gradient(#9277d0, #4B367B);
	background: linear-gradient(#9277d0, #4B367B);
	-pie-background: linear-gradient(#9277d0, #4B367B);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9277d0', endColorstr='#4B367B');*/ color:#fff!important;
	font-size: 2em;
	text-align:center;
}
html>/**/body #leisure_for_all .leisure_for_all_big_button:hover {
	background:#0e5497;
	background: -webkit-gradient(linear, left top, left bottom, from(#7caad6), to(#0e5497));
	background: -moz-linear-gradient(top, #7caad6, #0e5497);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7caad6', endColorstr='#0e5497');
	border: solid 1px #0e5497;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
html>/**/body #leisure_for_all .leisure_for_all_big_button:active {
	background:#0e5497;
	background: -webkit-gradient(linear, left bottom, left top, from(#7caad6), to(#0e5497));
	background: -moz-linear-gradient(bottom, #7caad6, #0e5497);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5497', endColorstr='#7caad6');
	border: solid 1px #0e5497;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
#leisure_for_all h3 {
	font-size:1.8em!important;
}
#leisure_for_all h3, #leisure_for_all p, #leisure_for_all ul, #leisure_for_all ul li {
	color:#fff;
	width: 680px;
}
#leisure_for_all ul li {
	font-size:1.2em;
	margin-bottom:1em;
	list-style-type: disc;
}

#feed_back {   background: none repeat scroll 0 0 #E8F0FF; border: 1px solid #B8C5DE;color: #0E5497; float: left; margin-bottom: 9px; margin-left: 10px;padding: 10px;width: 178px;}
#feed_back h3 { margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid;}
#jobs {  background: none repeat scroll 0 0 #E8F0FF;
    border: 1px solid #B8C5DE;
    color: #0E5497;
    float: left;
    margin-left: 10px;
    padding: 10px;
    width: 178px;}
#jobs  h3 {margin-bottom:9px; padding-bottom:9px; border-bottom:1px solid;}
.upcoming_events {
       background: none repeat scroll 0 0 #EBE8FF;
    border: 1px solid #C2BEE2;
    color: #55535A;
    float: left;
    height: 22em;
    margin: 0 0 18px;
    padding: 10px;
    width: 468px;
}
/**+html .upcoming_events {
	border: 3px solid #4b367b;
	background: url("https://www.southlanarkshire.gov.uk/SLLC/images/upcoming_events_background.jpg") no-repeat #ebf1f7;
	color:#55535a;
	padding:20px;
	width: 654px;
	margin: 19px 0 18px 20px;
}*/
.upcoming_events li {
	border-bottom: 1px solid #C2BEE2;
    display: block;
    height: 6em;
    margin-bottom: 9px;
    padding-bottom: 9px;
}
.upcoming_events h3 {
border-bottom: 1px solid;
    color: #4B367B;
    font-size: 1.8em;
    margin-bottom: 9px;
    padding-bottom: 9px;
}
.upcoming_events .date {
/*background-color:#4b367b;*/
	width:6em;
	height:4em;
	/*color:#fff;*/
	float:left;
	/*text-align:center;*/
	padding:3px;
	margin-right:9px;
	margin-bottom:0;
	border-right:1px solid #C2BEE2;
	color:#78748e;
}
.upcoming_events .location {
	font-size: 1.1em;
    letter-spacing: 0.03em;
    margin-bottom: 0.3em;
    text-transform: uppercase;
	color: #4B367B;
}
.upcoming_events .title {
	font-size: 1.4em;
}

.upcoming_events p .more_link {
	float:right;
	font-size: 1.2em;
}

#home .upcoming_events a {
	color:#4B367B!important;
}
.floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid;
	margin-right:10px;
}
.floated h3 a {
	clear:both;
	font-size: 0.842em;
	margin-bottom:1em;
	display:block;
	font-weight:normal!important;
}
.floated {
	float:left;
	width:330px;
	height: 16em;
	list-style:none!important;
	margin:0 20px 18px 0!important;
}
p {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
}
.view_page {
	display:block;
}
#navbox h4 {
	font-size: 1.6em;
	margin: 0 0 5px;
	padding: 1em 0;
}
h3 a:link, h4 a:link {
	font-weight: normal;
}

#home .top_intro {
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	border-bottom:none;
}
li .rss {
	background:url("https://www.southlanarkshire.gov.uk/sllc/site/images/xml.gif") no-repeat 3px 0;
	padding-left: 23px !important;
}
.by_editor .float_right, .byEditor .float_right {
	float: right;
	margin-left: 20px;
}
/*no left hand nav*/
.no-lhs {
	/*padding:0 20px;*/
}
/*events*/

body#events h2 {
	font-size: 3em;
	line-height: 1em;
	margin-bottom: 0.2em;
}
body#events .summary {
	font-size:1.6em;
}
body#events .content-wrapper, body#events_info .content-wrapper {
	width:620px;
	margin-right:20px;
	float: left;
}
body#events #calendarcontainer, body#events_info #calendarcontainer {
	float: left;
	margin: 0;
	font-size: 1em;
	margin: 0;
	width: 285px;
}
body#events #calendarcontainer, #calendarcontainerinfo, body#events_info #calendarcontainer, #calendarcontainerinfo {
	border: none;
	padding: 1px;
	text-align: justify;
	width: 300px;
}
body#events table#calendar, body#events_info table#calendar {
	border: medium none;
	border-collapse: separate;
	font-size: 1em;
	margin: 0;
	padding: 0;
	text-align: center;
}
body#events #calendar th, body#events_info #calendar th {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	padding: 5px !important;
	width: 30px;
	font-size:1em;
}
body#events #calendar th.month, body#events_info #calendar th.month {
	width:100%;
}
body#events .event, body#events_info .event {
	 
/*background: -webkit-linear-gradient(#fff, #e9ecf3) !important;
 background: -moz-linear-gradient(top, #fff, #e9ecf3);

background: -ms-linear-gradient( #ffffff,#e9ecf3);
background: -o-linear-gradient(#fff, #e9ecf3);
background: linear-gradient(#fff, #e9ecf3);
-pie-background: linear-gradient(#fff, #e9ecf3);
*/

 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9ecf3') !important;

   -radius: 15px 15px 15px 15px;
    margin-bottom: 18px;
    padding: 15px;
}
body#events table td, body#events_info table td, body#events_info table th, body#events table th {
	border: 1px solid #C1BFC0 !important;
	padding:0px !important;
}
body#events .week a:link, body#events_info .week a:link {
	display:block;
	background: none repeat scroll 0 0 #f4f8fb;
	display: block;
	padding: 0;
	text-decoration: none;
	padding: 5px;
}
body#events table a:visited, body#events_info table a:visited {
	background:#E7E4E4;
	color:#fff;


}
body#events table a:hover, body#events_info table a:hover {
	background:#0A5085!important;
	color:#fff!important;
}
<!--
faq-->  .faq .question a {
	font-size:1.4em;
}
.faq_q {
	font-size: 1.6em;
	font-weight: bold;
}
.answer {
	background: none repeat scroll 0 0 #F9F9F9;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin: 0 0 0 0;
	padding: 10px;
}
.faq_a {
	font-size: 1.6em;
	font-style: italic;
	font-weight: bold;
	padding: 1px 2px;
}
<!--
Contact page--> .map {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:18px 0;
	margin:18px 0;
}
/*table styles*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
table {
	border: 1px solid #C1BFC0!important;
	font-size: 1.2em!important;
	margin-bottom: 18px!important;
	width:100%!important;
	margin:18px 0!important;
}
.faq table td, .faq table th {
	padding: 3px!important;
}
.faq table {
	margin:0px !important;
}
table td, table th {
	border: 1px solid #C1BFC0!important;
	padding: 10px!important;
}
table th {
	background: #e7e4e4!important;
	background: -webkit-gradient(linear, left top, left bottom, from(#e7e4e4), to(#f5f1f1))!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e4e4', endColorstr='#f5f1f1')!important;
background: -moz-linear-gradient(top, #e7e4e4, #f5f1f1!important);
	border-bottom: 1px solid #FFFFFF !important;
	font-size: 16px;
	text-shadow: 0 1px 0 #FFFFFF!important;
}
table p {
	margin-bottom:0;
}
/*collapsable nav*/

.navWidget {
	font-size:1.8em;
	line-height:2em;
}
ul.menu, ul.menu ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.menu a {
	display: block;
	text-decoration: none;
	font-size: 1.2em;
}

ul.menu ul li
{
font-size:1.2em;	
}
ul.menu li {
}
ul.menu li .sub_cats {
	display:none;
	padding-left: 12px;
	padding-bottom:5px;
	border-bottom: 1px solid #CCCCCC;
}
ul.menu li .sub_cats li {
	list-style-type:disc;
}
ul.menu li a, ul.menu ul.menu li a {
	border-bottom:1px solid #ccc;
	line-height:3em;
}
ul.menu li a:hover, ul.menu ul.menu li a:hover {
	background:url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat 200px 11px;
}
ul.menu li ul li a, ul.menu ul.menu li ul li a {
	border-bottom: none;
	line-height:2em;
}
ul.menu li ul li a:hover, ul.menu ul.menu li ul li a:hover {
}
ul.menu ul.menu li a:hover {
}
ul.menu ul.menu {
}
ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
}
div.panel {
}
ul.menu div.panel a, ul.menu div.panel li a:hover {
	display :inline;
	color: #666;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	font-weight: bold;
}
ul.menu div.panel a:hover {
	color: #000;
	text-decoration: underline;
}
.dropdownwidth {
	border: 1px solid #333333;
	float: left;
	width: 75%;
}
h3.accordionButton {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat scroll 5px 10px #F5F5F5;
	font-size: 1.6em;
	line-height: 2em;
	padding-left: 25px;
	cursor:pointer;
}
h3.accordionButton:hover, h2.accordionButton:hover {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat scroll 5px 10px #dadada;
}
h3.on {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow-down.gif") no-repeat scroll 5px 10px #dadada;
}
.wrapper {
	border-bottom:1px solid #ccc;
	padding:18px;
	margin-bottom:18px;
}
#leftcolumn h2.accordionButton {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat scroll 5px 15px #F5F5F5;
	font-size: 1.8em;
	line-height: 2em;
	padding-left: 25px;
	padding-bottom:0;
	cursor:pointer;
}
#leftcolumn h2.accordionButton:hover {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat scroll 5px 15px #dadada;
}
#leftcolumn h2.on {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow-down.gif") no-repeat scroll 5px 15px #dadada;
}

section colours .artsandentertainment h1, .artsandentertainment h2, .artsandentertainment h3, .artsandentertainment h4, .artsandentertainment h5 {
	color:#2e3192;
}
.artsandentertainment .main_navigation li.current a {
	background: none repeat scroll 0 0 #2e3192;
}
.artsandentertainment .info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #2e3192;
	margin-right:10px;
}
.artsandentertainment .navWidget {
	border-bottom:1px solid #2e3192;
}
.artsandentertainment ul.menu a.active, .artsandentertainment ul.menu ul.menu li a.active, .artsandentertainment ul.menu a.active:hover, .artsandentertainment ul.menu ul.menu li a.active:hover {
	color:#934199!important;
	background:#dde1e5;
	text-indent:10px;
}
.artsandentertainment #related {
	border: 1px solid #2e3192;
}
.hallsandvenues h1, .hallsandvenues h2, .hallsandvenues h3, .hallsandvenues h4, .hallsandvenues h5 {
	color:#234b69;
}
.hallsandvenues .main_navigation li.current a {
	background: none repeat scroll 0 0 #234b69;
}
.hallsandvenues .info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #234b69;
	margin-right:10px;
}
.hallsandvenues .navWidget {
	border-bottom:1px solid #234b69;
}
.hallsandvenues ul.menu a.active, .hallsandvenues ul.menu ul.menu li a.active, .hallsandvenues ul.menu a.active:hover, .hallsandvenues ul.menu ul.menu li a.active:hover {
	color:#234b69!important;
	background:#dde1e5;
	text-indent:10px;
}
.hallsandvenues #related {
	border: 1px solid #234B69;
}
.libraries h1, .libraries h2, .libraries h3, .libraries h4, .libraries h5 {
	color:#11616A;
}
.libraries .main_navigation li.current a {
	background: none repeat scroll 0 0 #11616A;
}
.libraries .info_on .info .floated img {
	width:140px;
	height:96px;
	float:left;
	border: 1px solid #11616A;
	margin-right:10px;
}
.libraries .navWidget {
	border-bottom:1px solid #11616A;
}
.libraries ul.menu a.active, .libraries ul.menu ul.menu li a.active, .libraries ul.menu a.active:hover, .libraries ul.menu ul.menu li a.active:hover {
	color:#11616A!important;
	background:#dde1e5;
	text-indent:10px;
}
.libraries #related {
	border: 1px solid #11616A;
}
.museums h1, .museums h2, .museums h3, .museums h4, .museums h5 {
	color:#9f234a;
}
.museums .main_navigation li.current a {
	background: none repeat scroll 0 0 #9f234a;
}
.museums .info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #9f234a;
	margin-right:10px;
}
.museums .navWidget {
	border-bottom:1px solid #9f234a;
}
.museums ul.menu a.active, .museums ul.menu ul.menu li a.active, .museums ul.menu a.active:hover, .museums ul.menu ul.menu li a.active:hover {
	color:#9f234a!important;
	background:#dde1e5;
	text-indent:10px;
}
.outdoorandactive #related {
	border: 1px solid #1D9360;
}
.outdoorandactive h1, .outdoorandactive h2, .outdoorandactive h3, .outdoorandactive h4, .outdoorandactive h5 {
	color:#1d9360;
}
.outdoorandactive .main_navigation li.current a {
	background: none repeat scroll 0 0 #198053;
}
.outdoorandactive .info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #1d9360;
	margin-right:10px;
}
.outdoorandactive .navWidget {
	border-bottom:1px solid #1d9360;
}
.outdoorandactive ul.menu a.active, .outdoorandactive ul.menu ul.menu li a.active, .outdoorandactive ul.menu a.active:hover, .outdoorandactive ul.menu ul.menu li a.active:hover {
	color:#1d9360;
!important;
	background:#dde1e5;
	text-indent:10px;
}
.sport h1, .sport h2, .sport h3, .sport h4, .sport h5 {
	color:#2a8ac7;
}
.sport .main_navigation li.current a {
	background: none repeat scroll 0 0 #2578AD;
}
.sport .info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #2a8ac7;
	margin-right:10px;
}
.sport .navWidget {
	border-bottom:1px solid #2a8ac7;
}
.sport ul.menu a.active, .sport ul.menu ul.menu li a.active, .sport ul.menu a.active:hover, .sport ul.menu ul.menu li a.active:hover {
	color:#2a8ac7;
!important;
	background:#dde1e5;
	text-indent:10px;
}
.sport #related {
	border: 1px solid #2A8AC7;
}

.sport iframe {height: 300px !important; /*width: 616px !important;*/}
.sport .by_editor iframe.fitness, .sport .byEditor iframe.fitness {width:650px!important; height: 350px !important; }

.eventsstyle h1, .eventsstyle h2, .eventsstyle h3, .eventsstyle h4, .eventsstyle h5 {
	color:#944099;
}


.by_editor h2, .byEditor h2
{
color:#944099;	
font-size:1.9em;	
}

.by_editor h3, .byEditor h3
{
color:#944099;	
font-size:1.5em;	
	
}
.eventsstyle .main_navigation li.current a {
	background: none repeat scroll 0 0 #944099;
}
.eventsstyle.info_on .info .floated img {
	width:140px;
	height:110px;
	float:left;
	border: 1px solid #944099;
	margin-right:10px;
}
.eventsstyle .navWidget {
	border-bottom:1px solid #944099;
}
.eventsstyleul.menu a.active, .eventsstyle ul.menu ul.menu li a.active, .eventsstyle ul.menu a.active:hover, .eventsstyle ul.menu ul.menu li a.active:hover {
	color:#944099;
!important;
	background:#dde1e5;
	text-indent:10px;
}
.eventsstyle #related {
	border: 1px solid #944099;
}
/*Main navigation colours*/

.main_navigation li .home:hover {
	background:#194D7C url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .AandE:hover {
	background:#2e3192 url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .CH:hover {
	background:#234B69 url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0
}
.main_navigation li .LIB:hover {
	background:#11616A url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .MUS:hover {
	background:#9F234A url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .OUTDOOR:hover {
	background:#1D9360 url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .Sport:hover {
	background:#2A8AC7 url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
.main_navigation li .events:hover {
	background: #944099 url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") repeat-x scroll 0 0;
}
/* footer */

#footer {
	color:#44494d;
	border-top: 3px solid #BABABA;
	margin-top: 9px;
	font-size:1em;
	
}
#footer {
	text-align:left!important;
	padding: 9px 20px;
}
#footer ul {
	display: block;
	height: 2em;
	margin:0px !important;
}
#footer ul li {
	float:left;
}
#footer ul li a {
	float:left;
	padding:0px 5px;
	border-right:1px solid #ccc;
}
#footer ul li:first-child a {
	padding-left:0px;
}
#footer address {
	background-image: none;
	clear: left;
	display: block;
}
#footer .vcard .download-vcard {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/hcard-icon.png") no-repeat scroll left center transparent;
	display: block;
	margin-top: 13px;
	padding-left: 35px;
}
#footer .vcard p {
	margin-bottom:0px;
}
.vcard {
	clear:left;
	 margin: 9px 0;
}
label .searchhint {
	display:none
}
.top-cats {
	font-size:1.3em;
	display: block;
}
.navWidget li, .navWidget li a {
	display:block;
}
a:link, a {
	color: #126EC4!important;
	font-size:1.0em;
}


 .info_left  li,.info_right  li,#related ul li a,#footer ul li, #rss
 {
	font-size:1.2em; 
 }
 

  
a:hover {
	color: 4a337b;
}
.navheading a:link, .navheading a:visited, .navheading a:hover, .navheading a:active {
	color: #FFFFFF;
}
.widget_link a:link, .widget_link a:visited, .widget_link a:hover, .widget_link a:active {
	background-position: left center;
	padding: 0 0 0 0;
	margin: 2px 0 0 2px;
	display: block;
	font-size: 1.2em;
}
p.widget_p a:link, p.widget_p a:visited, p.widget_p a:hover, p.widget_p a:active {
	color: #222;
}
#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active {
	color: #222;
}
#section_navigation {
	float: left;
	width: 100%;
	line-height: normal;
}
#section_navigation ul {
	padding: 10px 10px 0 5px;
	margin: 0;
	list-style: none;
}
#section_navigation li {
	padding: 0;
	margin: 0;
	display: inline;
}
#section_navigation a {
	background-position: left top;
	background-color: transparent;
	background-image: url(../images/k-left.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 4px;
	margin: 0;
	float: left;
	text-decoration: none;
}
#section_navigation a span.slink {
	background-position: right top;
	background-color: transparent;
	background-image: url(../images/k-right.gif);
	background-repeat: no-repeat;
	color: #000;
	padding: 5px 15px 4px 6px;
	float: left;
	display: block;
}
#section_navigation a:hover {
	background-position: 0% -42px;
}
#section_navigation a:hover span.slink {
	background-position: 100% -42px;
}
.logo {
	float: left;
}
#linksearch {
	margin: 5px 5px 0 5px;
	float: right;
	text-align: right;
}
#site_search {
	clear: right;
}
#container {
	background-color: #FFFFFF;
	position:relative;
}
#content h2 {
	font-size: 3.0em;
	line-height:1em;
	margin-bottom: 0.2em;
}
#content h3 {
	font-size: 1.9em;
	line-height:1em;
}
#content {
	margin-top: 18px;
	font-size: 1em;
	/*padding: 0 20px;*/
	height:auto;
	
	
}
p.widget_p {
	background-position: left center;
	color: #222;
	padding: 0;
	margin: 2px 0 0 2px;
	font-size: 1em;
}
#header h1 {
	display: block;
	font-size: 1.9em;
}
#header h1 a:visited #header h1 a:hover {
	color: #222;
}
#linksearch a {
	font-size: 0.9em;
}
.widget li {
	margin: 0;
	list-style: none;
}
#extra {
	margin-top: 5px;
}
#site_logo {
	margin: 5px;
	display: none;
}
#mast_wrapper {
	height: 115px;
}
#identityWrapper {
	padding: 5px;
	clear: left;
}
.museums #related {
	border: 2px solid #9F234A;
}
.infobox {
	border: 2px solid #ccc;
}
#news .newsimage { border: 2px solid #CCCCCC;height: 170px; margin-left: 0; width: 100%;}
.newsimage {
	border: 2px solid #ccc;
	 float: none!important;
    margin: 2em 0 1.5em 0;
    padding: 0.1em;
}
.cat_news img {
	 float: right;
    height: 170px;
    margin: 0.5em 0 1em;
    padding: 0.1em;
    width: 100%;
}
.cat_news {
	float: left;
	margin-right: 20px;
	padding: 1em 0;
	width:450px;
	min-height: 14em;
}
.cat_news img {
	border: 2px solid #ccc;
}
.newsbox img {
	border: 2px solid #ccc;
	float: none;
	margin: 1em 20px 0.5em 0em;
	padding: 0.1em;
}
.rightcolumn img {
	border: 2px solid #ccc;
}
.leftcolumn img {
	border: 2px solid #ccc;
}
.contentimage {
	border: 2px solid #ccc;
}




@media only screen and (min-width:800px) {
	
.documentimage {
    width: 48%;
}
}


.locationmap {
	border: 2px solid #ccc;
}
.linkbox {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.download_wrap {
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/small-arrow.gif") no-repeat scroll 5px 10px;
	border-bottom:1px dotted #CCCCCC;
	margin: 0 0 1.5em;
	padding: 5px 0 10px 20px;
}
.infobox_h {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
#categories_in {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.cate_wrap {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.cat_news {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.newsbox {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.news_wrap {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.col_wrap {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
.contact_h {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
address {
	background-position: bottom left;
	background-image: url(../images/rule.gif);
	background-repeat: repeat-x;
}
#bc {
	border-bottom: 1px solid #AFB5BA;
	color: #828588;
	margin:9px 20px;
	padding-bottom: 9px;
}
.cate_wrap li {
	padding: 0;
	margin: 0 0 10px 15px;
	list-style: url(../images/disc_094951.gif);
}
#categories_in li {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: url(../images/disc_094951.gif);
}
.info_on li {
	padding: 0;
	margin: 0;
	list-style: url(../images/disc_094951.gif);
}
.by_editor ul li, .byEditor ul li {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: url(disc_094951.gif);
}
.answer ul li {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: url(disc_094951.gif);
}
.newsbox ul li {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: url(disc_094951.gif);
}
#contentlist li {
	list-style: url(../images/disc_094951.gif);
}
#sitemap ul {
	background-position: 0px 9px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	margin-left: 8px;
}
.download_indent p {
	background-position: 0px 9px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
}
.infobox p {
	background-position: 0px 4px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	padding-top: 0;
}
.cate_wrap p {
	background-position: 0px 8px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
}

.three_column
{
	width:700px;
	height:200px;
}
.col-one,.col-two,.col-three
{
	width: 233px;
}

.col-one,.col-two
{
	float:left;
}

.col-three
{float:right;
}

.info_on { border-top: 1px solid #CCCCCC!important;}

.lable_dropdown { display:block; clear: both; width: 100%; font-size: 14px; margin-bottom: 3px}

*+html #home #content {height:67em;}
*+html #content {height:auto;}
*+html #home .flexslider  { height: 25.3em;}

*+html .flexslider {height: 27em; clear:both;}

.fast_links {list-style: none outside none;}
.fast_links li {float:left; list-style: none outside none!important; margin: 0 5px 0 0px!important;}
.fast_links li a {float:left; display:block; border-right: 1px solid #ccc; line-height:1em; padding-right:5px;}

p a { text-decoration:underline!important;}

/* coookie law styles */

*#_cc50541CookieConsentDiv {width:100%; height:34px; position:relative; top:0; right:0; vertical-align: middle; line-height: 25px; padding-bottom:10px; text-align: center; background-color: #324879; color: #fff; font-size: 14px; display: none; z-index:99; moz-box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
box-shadow: 5px 5px 3px rgba(0,0,0,0.2);
background: url("https://www.southlanarkshire.gov.uk/site/styles/css_img/cookie_back.png") repeat-x;}
#_cc50541CookieConsentDiv a {color:#ffffff !important;}
#_cc50541CookieConsentDiv a:hover { text-decoration:underline;}
#_cc50541cL { background-color:'#green';line-height:20px; clear:both; text-align:left;  margin-left: 0px; display:none;}

.link {color:#ffffff; float:right; margin-right:50px;}

.cookie_wrapper {text-align: left; line-height: 25px; width: 100%; float: left; display: inline-block; margin-top: 7px; margin-left:20px; }
#_cc50541CookieConsentDiv .allow {background: url("https://www.southlanarkshire.gov.uk/site/styles/css_img/green_tic.png") no-repeat scroll left center transparent; margin-left: 10px; padding-left: 20px;}
#_cc50541CookieConsentDiv .more_info {background: url("https://www.southlanarkshire.gov.uk/site/styles/css_img/more_info.png") no-repeat scroll left center transparent; margin:0 10px; padding-left: 20px;}


/* complaints form styling -------------------------------------------------------------------------------------------------*/

#CCCForm h4, #CCCForm #IsThisa, .complaint, .permission {margin-bottom:18px;}

#CCCForm .button {float:none;}

#CCCForm input[type="checkbox"] {vertical-align: middle;}
#CCCForm .complaint, #CCCForm .complaintCommet {display:none;}


#errors {
    border: 1px solid #E58E8E;
    border-radius: 8px 8px 8px 8px;
    display: none;
    margin: 25px 0;
    padding: 10px;
    width: 437px;
	font-size: 12px;
}


#success {
    border: 1px solid #83D186;
    border-radius: 8px 8px 8px 8px;
    display: none;
    font-weight: bold;
    margin: 25px 0;
    padding: 25px 10px;
    width: 437px;
}

legend + .control-group {
    margin-top: 20px;
}
.control-group {
    margin-bottom: 10px;
}


textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
}

.input-small {
    width: 90px;
}


label {
    display: block;
    margin-bottom: 5px;
}

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

input, textarea, .uneditable-input, .complaint, .permission {
    width: 50%;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

input[type="checkbox"] {
	float: right;
	width: 15%;
	margin-top:10px;
}


legend {
    border-color:#E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    font-size: 21px;
    line-height: 40px;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}


.radio-check {float:left; margin-right:10px;}



#errors.visible, #success.visible {
    display: block;
}



.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    padding: 0px !important;
}


#readspeaker_button1{
                position: absolute;
                top: 50px;
}


/* helper ---------------------------------------------------------------------------------------------------------------------------*/

.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
.ir br{display:none;}
.hidden{display:none;visibility:hidden;}
.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden; display:none;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:"";display:table;}
.clearfix:after,.row:after{clear:both;}
.clearfix,.row{zoom:1;}
.js .hide{display:none;}
.nomarg{margin-bottom:0;}
.yesmarg{margin-bottom:24px;}
.fullwidth { width:100%!important; min-width:100%!important;}
.left_text p, .left_text h3 {text-align:left;}
.no-lhs h2{color: #1D79A4;}
.no-lhs h3{color: #1D79A4;}
.no-lhs h4{color: #1D79A4;}
.no-lhs{float:none !important;}

=news_page #content{float:none !important;}

div#content.newsbox{float:left;}

.Large_I_frame iFrame{
    height: 1515px !important;
    width: 616px !important;
}

.baseiFrame{    
height: 300px !important;
width: 650px !important;
}

/* JPC 5/11/2014 bonfore night */
.offline div {margin-left:20px}
.offline ul li{font-size:14px;}
.offline ul li span{font-weight:bold;}

.offline dl dt{font-size:14px;}
.offline dl dt span{font-weight:bold;}

.offline dl dd{font-size:14px;text-indent: 1.5em;}
.offline dl dd span{font-weight:bold;}


h2:nth-child(2) {
    
} 

.widgetPadding h2{display:none;}


#newOne{
background: none repeat scroll 0px 0px #E8F0FF;
border: 1px solid #B8C5DE;
color: #0E5497;
float: left;
margin-bottom: 9px;
margin-left: 19px;
padding: 10px;
width: 205px;
height: 70px;
}
#newTwo{
background: none repeat scroll 0px 0px #E8F0FF;
border: 1px solid #B8C5DE;
color: #0E5497;
float: left;
margin-bottom: 9px;
margin-left: 10px;
padding: 10px;
width: 205px;
height: 70px;
}
#newThree{
margin: 0px 10px;
padding: 21px;
padding-bottom:14px;
background: none repeat scroll 0% 0% #493D63;
border-radius: 6px;
border: 1px solid #4B367B;
width: 44%;
float: right;
height: 66px;
color:#fff;
padding-top: 10px;

}
	
#newThree p{
width:48%;
float:right;
}

.newButton{

width: 168px !important;
height: 57px !important;
line-height: 1.1em !important;
float: left !important;
padding: 0.5em 0.7em 0px !important;
outline: medium none !important;
cursor: pointer !important;
text-decoration: none !important;
text-shadow: 0px -2px 1px rgba(0, 0, 0, 0.3) !important;
border-radius: 0.5em !important;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) !important;
border: 1px solid #4B367B !important;
background: linear-gradient(#9277D0, #4B367B) repeat scroll 0% 0% transparent !important;
color: #FFF !important;
font-size: 2em !important;
text-align: center !important;	
font-family: VAGRundschriftD !important;
font-weight: normal !important;
font-style: normal !important;
position: relative;

}

.newButton:hover {
    background: -moz-linear-gradient(center top , #7CAAD6, #0E5497) repeat scroll 0% 0% transparent !important;
    border: 1px solid #0E5497 !important;
    border-radius: 0.5em !important;
}
.clearfix:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

#leisure_for_all1 {
	clear:both;
	
}

a.newButton{
line-height: 45px !important;
color: #fff !important;
font-size: 24px !important;
}

#twitter{
width: 252px;
border: 2px solid #c3d3e3;
padding: 15px;
border-radius: 10px;
height: 180px;	
	}
	
#twitter li{	
position: relative;
margin-bottom: 5px;
border-bottom: 1px solid #c3d3e3;
font-size: 14px;
padding: 5px;
}

#twitter li a{	
color:#2A8AC7 !important;
}



#twitterHolder{	
float:left;
} 

#twitterHolder span{	
font-size: 12px;
padding: 10px 15px 10px 15px;
background:#4DC3DD !important;
background: linear-gradient(#98DBEB, #4DC3DD) repeat scroll 0% 0% transparent !important;
border-radius: 7px;
color: #FFF;
margin-left: 17px;
position: relative;
top: -4px;
}

#twitterHolder a span{	
text-decoration:none !important;
}

#twitterHolder a span:hover{	
text-decoration:none !important;
}

#twitterHolder a:hover{	
text-decoration:none !important;
}


#twitterHolder h3 img{
position: relative;
top: 0px;
margin-right: 5px;
}


.fb_iframe_widget iframe {
    position: absolute;
    height: 500px !important;
}

.hidejp{display:none;}

.showjp{display:block; overflow:hidden;}


#twitter1{
width: 252px;
text-align:left;
padding: 5px;


	}
	
#twitter1 li{	
position: relative;
margin-bottom: 5px;
border-bottom: 1px solid #c3d3e3;
font-size: 14px;
padding: 5px;
}

#twitter1 li a{	
color:#2A8AC7 !important;
}


#twitterHolder1 span {
    font-size: 12px;
    padding: 10px 70px 10px 70px;
    background: linear-gradient(#98DBEB, #4DC3DD) repeat scroll 0% 0% transparent !important;
    border-radius: 7px;
    color: #FFF;
    margin-left: 17px;
    position: relative;
    top: 25px;
	text-align:center;
}


#twitterHolder1 h3{

font-size: 2.9em;
margin-top: 25px;
}

.div2 iframe{
	max-width:100% !important;	
	}
	
	.twitFollow{ font-size: 12px;
    padding: 10px 70px 10px 70px;
	background-color:#4DC3DD;
    background: linear-gradient(#98DBEB, #4DC3DD) repeat scroll 0% 0% transparent !important;
    border-radius: 7px;
    color: #FFF;
    margin-left: 17px;
    position: relative;
    top: 25px;
	text-align:center;}
	
	
.div3 img{
display:none;
	}	
	
#twitterHolder img{display:block; width:30px; height:30px;}
	
.div3 #twitter{	
width: 95%;
border: 0px solid #C3D3E3;
padding: 15px;
border-radius: 10px;
height: auto;
text-align: left;
}


.calcLeft{float:left;}
.calcLeft label{cursor:auto;border:0; float:left;}
.calcLeft input{cursor:auto;border:0; float:left; box-shadow:none; color:#194D7C !important; padding: 0; position: relative; top: 0px; font-size: 12px;line-height: 19px;}

.calcRight{float:right;}
.calcRight label{border:0;  float:right; cursor:auto;}
.calcRight input{cursor:auto;border:0; float:right; width:25px; box-shadow:none; color:#194D7C !important; padding: 0; position: relative; top: 0px; font-size: 12px;line-height: 19px;}

.calc p{margin-bottom:0; margin-top: 25px;}

.lineText{clear:both;}


#This{display:none;}
.hide{display:none;}
.show{display:block !important;}


.qwe{width:100% !important; height:350px !important;}

.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;

	/* important:  dimensions or positioning here! */
}

.calc{clear:both;}

.tickerHolder{width:100%; height:50px; background-color:#6bace4; float: left; font-size:16px; color:#FFF; line-height:50px; margin-top:4px;}



#ticker li a{color:#FFF !important; font-weight:bold;}


#newscontent a{color:#FFF !important; font-weight:bold;}
#ticker_container a{color:#FFF !important; font-weight:bold;}

.tickerHolder a{color:#FFF !important;  font-weight:bold;}



	.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    fill: #fff !important;
}

	.icon-pause {
    display: inline-block;
    width: 16px;
    height: 16px;
    fill: #fff !important;
}

#controls {

    padding-right: 10px;
	display:none;
}

.hp_navigation {
	font-size:1.2em;
	width:50%;
	display:block;
	background-color:#0e5497;
	min-height: 3.7em;
	position: relative;
	z-index: 0;
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") 0 0 repeat-x #4b3580;
}
.hp_navigation li {
	float:left;
	display:block;
	position: relative;
	z-index:3000;
}
.hp_navigation li a {
	float:left;
	display:block;
	line-height: 2.8em;
	padding: 0 0.2em;
	color:#fff!important;
	border-left: 1px solid #0a5085;
	border-right: 1px solid #0e63a4;
	background: url("https://www.southlanarkshire.gov.uk/sllc/images/nav-highlight.png") 0 0 repeat-x #2a8ac7;
	text-shadow: 0 -1px 0 #224E6A;
	font-size: 1.3em;
	font-family:VAGRundschriftD !important;
}
.hp_navigation li a:hover {
	background:#194d7c;
}
.hp_navigation li.current a {
	background:#194d7c;
}

#jwimg {
	height:230px;
	display:block;
	position:relative;
	top:-5px;

}

.by_editor ul li, .byEditor ul .hp_navigation li {
	padding: 0;
	margin: 0 0 0 20px;
}

/*media screen*/
.map {
    margin: 0 0 1em 1em;
    padding: 1px;
    float: right;
	width:auto;
}

.documentimage {
	height:230px;
	display:block;
	position:relative;
	top:-5px;

}


.by_editor .ticklist li, .byEditor .ticklist li{

  list-style-type:none !important;
  margin: 0 0 0 0px !important;
}

.by_editor .ticklist li:before, .byEditor .ticklist li:before{
  content: '✓ \00a0 \00a0';

}

a.skip-main {
font-size:8px; 
position:absolute; 
z-index:999; 
display:block;
top: -2px;
left: 5px;
}
a.skip-main:focus, a.skip-main:active {
border-bottom:1px solid #999;
font-size:10px;
z-index:999;
}

a:focus{
border-bottom:1px solid #999;
font-weight:bold;
}

input:focus{
border-bottom:1px solid #999;
font-weight:bold;
}

#holder{display: none !important;}

.flex-control-nav{background-color:#fff !important; color:#000 !important;}
.flex-control-nav li{background-color:#fff !important; color:#000 !important;}
.flex-control-nav li a{background-color:#fff !important; color:#000 !important;}
.flex-control-nav li a.active{background-color:#ccc !important; color:#000 !important;}

#holder{display: none !important;}

.testerstylesCheck{display:none;}

.testerstylesCheckFAKE{display:none;}