@charset "UTF-8";

@import url(colors.css);

@font-face {
	font-family: 'MuseoSlab-500';src: url('/fonts/25F38A_0_0.eot');
	src: url('/fonts/25F38A_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/25F38A_0_0.woff') format('woff'), url('/fonts/25F38A_0_0.ttf') format('truetype');
}

/* ==========================================================================
   HACKS 
   ========================================================================== *

/* Clearfix HACK: http://www.webtoolkit.info/css-clearfix.html */

div.clearboth {
    display:block;
    clear:both;
    height:0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.clear {
    height: 0;
    clear: both;
    zoom: 1;
}
a img {
    border: none;
}
html {
    height:100%;
}
/* Site */
body {
    margin: 0;
    padding: 0;
    background: black;
}
div.width-bar {
    display:none;
}
img { /* responsive */
    height:auto;
    max-width:100%;
    * width:inherit; /* for IE */
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* ==========================================================================
   BASIC TYPOGRAPHY
   ========================================================================== */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
}

a:link, 
.content a:link {
    color: #ea6f12; /* main orange 100% */
}
a:visited, 
.content a:visited {
    color: #753709;
}
a:hover, .content a:hover,
a:active, .content a:active {
    color: #d34c1d;
    text-decoration: none;
}

.content li, 
.content p, 
.content dl {
    line-height: 175%;
}
.content dt {
    font-weight: bold;
}
.content dd {
    padding: 10px 0 20px 0;
}
.content h1, 
h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6 {
    color: #ea6f12; /* main orange 100% */
}
h1, 
.content h1 {
    font-size: 190%;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
}
h2, 
.content h2 {
    font-size: 160%;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
}
h3, 
.content h3 {
    font-size: 140%;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
}
h4, 
.content h4 {
	color:#444;
    font-size: 120%;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
}
h5, 
.content h5 {
    font-size: 100%;
}
h6, 
.content h6 {
    font-size: 80%;
}
ul, ol, p, h3 {
    line-height:1.5em;
    margin: 1em 0; /* was 1em 15px */
}
ul, ol {
    margin: 1em 0 1em 13px;
	padding:0;
}
h3 {
    color:#666;

}
.content h6 {
	font-size:1.35em;
    font-family: 'MuseoSlab-500', serif;
	font-weight:normal;
	line-height:1.75em;
	margin:0 0 .5em 0;
}
.content h6 a { /* also see: 'colors' */
	background-image: url("/images/sprite_orange.png") !important;
	background-repeat: no-repeat;
	padding-right:30px;
	text-decoration:none;
}
.content h6 a:link, /* Cormac's arrow linked text - see: 'Take on a Challenge' */
.content h6 a:visited {
	background-position: 100% -250px;
}
.content h6 a.link-down:link, /* Cormac's arrow linked text - see: 'Get Involved > Legacy' */
.content h6 a.link-down:visited {
	background-position: 100% -310px;
	padding-right:30px;
	text-decoration:none;
}


/* ==========================================================================
   FORMS
   ========================================================================== */

input {
	background-color: #fbe5d9;
	border:1px solid #fff; /* this may sometimes be overriden */
	border-radius:.3em;
	color: #e35000; /* main red */
    font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
    margin-bottom: 1em;
    padding: 0.5em 2%;
}
input[type="checkbox"] {
	background-color: transparent;
}
select {
	background-color: #fbe5d9;
	border:1px solid #fff; /* this may sometimes be overriden */
    border-radius:.3em;
	color: #e35000; /* main red */
    font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
    margin-bottom: 1em;
    padding: 0.5em 2%;
    width:204px;
}
/* - a */
.closebtn {
	background: url(/images/reg-interest_popup_close.png);
	height:22px;
    position: absolute;
	text-indent:-9600px;
	top:10px;
	right:10px;
	width:22px;
	z-index:10;
}

.lightbox h2 {
    color: white;
}
.lightbox legend {
    color: #fff; /* main orange 100% */
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
    font-size:1.8em;
}
.lightbox a:link,
.lightbox a:visited {
    color: #fff;
}
.lightbox a:hover,
.lightbox a:active {
    color: #fff;
}

a.pointer {
	float:left;
}
a.pointer span {
	padding-right:10px;
	background: url("/images/sprite_nav.png") no-repeat scroll 100% -356px transparent;
}
div.submit-register-wrap {
	clear:both;
	height:50px;
}
div.submit-register-wrap a.pointer {
	margin-top:14px;
	margin-left:10px;
	width:45%;
}
.lightbox label {
    clear:both;
	color:#fff;
    display:block;
    margin-bottom:5px;
    padding:1% 0;
	text-transform: uppercase;
}
.lightbox label.half {
	clear:none;
	float:left;
	margin-left:7%;
	width:46%;
}
.lightbox label.half.label-first {
	margin-left:0;
}

.lightbox label div {
    font-size:.8em;
	margin-bottom:.25em;
}
.lightbox input[type="submit"],
.lightbox button,
.registerinterest-popup input[type="submit"] {
	background: url(/images/sprite_orange.png) #fff 0 -350px repeat-x;
	border-radius:.3em;
	border:none;
	box-shadow:4px 4px 4px #a14d12;
	color: #e35000; /* main red */
	cursor:pointer;
    font-size: 1.2em;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
	height:29px;
	margin-top:1em;
	padding:0.25em 0;
	text-transform:uppercase;
	width:48%;
}
a.register-link-button {
	visibility:hidden;
	background: url(/images/sprite_orange.png) #fff 0 -400px repeat-x;
	border-radius:.3em;
	border:none;
	box-shadow:4px 4px 4px #a14d12;
	color: #e35000; /* main red */
	cursor:pointer;
    font-size: 1.2em;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
	height:22px;
	line-height:24px;
	margin-top:1em;
	padding:0.25em 0;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	width:48%;
}
a.register-link-button span {
	background: url(/images/pointer_down.png) 100% 50% no-repeat;
	padding-right:25px;
}
div.submit-register-wrap input[type="submit"],
div.submit-register-wrap a.register-link-button {
	float:left;
}


/* ==========================================================================
   BUTTONS - various
   ========================================================================== */
 
/*----- 4 BOTTOM BUTTONS -----*/

/* div */
.home-section-3 {
	background: #f1f1f1 url(/images/bg_footer_wrapper_wide.png) 0 0 repeat-x;
	clear:both;
	margin-bottom:30px;
	padding: 1.5em 0;
}
/* div - div */
.home-section-3 .border { /* to centre the big buttons */
	background:none;
	margin:0 auto;
	max-width:970px;
	padding:0;
}
.home-section-3 a img {
	float:left;
	height:auto;
	margin:0 1%;
	max-width:23%;
}

/* div */
.buts-wrap { /* for donate and sponsor */
	display:none;
	height: 45px;
	text-align:center;
}
/* a */
.but-donate,
.but-sponsor {
    background-image:url(/images/sprite_buts_sponsdon-1.png);
	display:inline-block;
	*display:inline;
    height:36px;
    line-height:30px;
	margin:0 5px;
    text-decoration:none;
    text-indent:-9600px;
    width: 127px;
	* zoom:1;
}
.but-donate:link,
.but-donate:visited {
    background-position: -140px 0;
	
}
.but-donate:hover,
.but-donate:active {
    background-position: -140px -50px;
}
.but-sponsor {
}
.but-sponsor:link,
.but-sponsor:visited {
    background-position: 0 0;
}
.but-sponsor:hover,
.but-sponsor:active {
    background-position: 0 -50px;
}

/* MAIN NAV - desktop versions */

#mainnav a.but-donate-2,
#mainnav a.but-sponsor-2 {
	background-image:url(/images/sprite_buts_sponsdon-3.png);
	height:35px;
	line-height:35px;
	position:absolute;
	right:8px;
	text-align:center;
	text-decoration:none;
	text-indent:-9600px;
	top:7px;
	width: 150px;
	z-index:9;
}
#mainnav a.but-donate-2:link,
#mainnav a.but-donate-2:visited {
	background-position: -160px 0;
}
#mainnav a.but-donate-2:hover,
#mainnav a.but-donate-2:active {
	background-position: -160px -50px;
}
#mainnav a.but-sponsor-2 {
	right:170px;
	width: 150px;
	z-index:9;
}
#mainnav a.but-sponsor-2:link,
#mainnav a.but-sponsor-2:visited {
	background-position: 0 0;
}
#mainnav a.but-sponsor-2:hover,
#mainnav a.but-sponsor-2:active {
	background-position: 0 -50px;
}

.registerinterest, 
.view,
.doc {
    border:2px solid #fff;
    border-radius: 1em;
    box-shadow: 4px 4px 5px #999;
	display:inline-block;
	* display:inline;
    font-size:1.3em;
	margin:1em 0;
	overflow:hidden;
    padding:.5em 10px;
	white-space:nowrap;
	zoom:1;
}
.registerinterest:after,
.view:after,
.doc:after {
    content: " »";
}
.registerinterest:link, 
.registerinterest:visited,
.doc:link, 
.doc:visited,
.view:after
 {
    background-color: #ea6f12;
    color: #fff !important; /* defeats the link colours for the section */
	text-decoration:none;
}
.registerinterest:hover,
.registerinterest:active,
.view:after,
.doc:hover,
.doc:active {
    background-color:#ea6f12; /* main orange 100% */
    color:#fff !important; /* defeats the link colours for the section */
    text-decoration:none;
}

.localgroup {
    border:2px solid #fff;
    border-radius: 1em;
    box-shadow: 4px 4px 5px #999;
	display:inline-block;
	* display:inline;
    font-size:1.3em;
	margin:1em 0;
	overflow:hidden;
    padding:.5em 10px;
	white-space:nowrap;
	zoom:1;
}
.localgroup:after {
    content: " »";
}
.localgroup:link, 
.localgroup:visited {
    background-color: #735aae;
    color: #fff !important; /* defeats the link colours for the section */
	text-decoration:none;
}
.localgroup:hover,
.localgroup:active {
    background-color:#735aae; /* main orange 100% */
    color:#fff !important; /* defeats the link colours for the section */
    text-decoration:none;
}


/* ==========================================================================
   BASIC LAYOUT
   ========================================================================== */

#site {
    background: white;
	width:100%; /* ??? necessary? */
}
.wrapper {
    margin: 0 auto;
    padding-bottom: 20px;
    max-width: 970px;
}
/* div */
.border {
    position:relative;
    background:#fff;
    border-radius:10px;
    margin:0 10px 0 10px;
}

#topnav {
    background: black;
    color: #919191;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.1em;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    text-transform:lowercase;
}
.topnav-in-subnav {
    background: #000;
    color: #919191;
    font-family: 'MuseoSlab-500', serif;
    font-style: normal;
    font-weight: normal;
    max-width:100%;
    padding: 0 14px;
    text-transform: capitalize;
}
	.topnav-in-subnav a {
		color:#fff;
		display:inline-block;
	    font-size:1.1em;
		font-weight:normal;
		margin:0;
		padding: .75em 0 .75em 0;
		width:33%;
	}
	.topnav-in-subnav a span {
		padding: .75em 10px .75em 0;		
		background: url("/images/sprite_nav.png") no-repeat 100% -349px;
	}
	.topnav-in-subnav a.link-two {
		text-align:center;
	}
	.topnav-in-subnav a.link-three {
		text-align:right;
	}

	.topnav-in-subnav a:link,
	.topnav-in-subnav a:visited {
		color:#fff;
		text-decoration:none;
	}
	.topnav-in-subnav a:hover,
	.topnav-in-subnav a:active {
		color:#fff;
		text-decoration:underline;
	}
	/* Left Nav */
	#left {
		float: left;
		margin-bottom:1.5em;
		width: 18%;
	}

/*  -------------------------------
    Branding & Header
    ------------------------------- */


#header {
	height:100px; /* this will change at smaller views */
    position:relative;
}
    #header h1 { /* logo */
        height:80px;
		position:absolute;
		left:10px;
		margin:0;
		top:10px;
        width:220px;
		z-index:102;
    }
        #header h1 span a:hover,
        #header h1 span a:active {
            background: red;
        }
        #header h1 a {
            height: 80px;
            background: transparent url("/images/logo_bigger.png") left top no-repeat;
            display: block;
            outline: none;
            text-indent: -9660px;
            width: 220px;
        }
    /* #header */ 
	p.talk-to-us {
        color: #ea6f12; /* main orange 100% */
		clear:both;
        font-family: 'MuseoSlab-500', serif;
        font-size:1.5em;
        font-style: normal;
        font-weight: normal;
        height:33px;
        line-height:33px;
        margin:2em 0 0 0;
    }
        #header p span { /* 'talk to us' */
            font-size:.8em;
        }


/*  -------------------------------
    Section Photo Banner
    ------------------------------- */

/* div */
#banner {
    height: 50px;
    margin-bottom:20px;
    max-width:100%;
    overflow:hidden;
    position:relative;
    text-align:right;
}
#banner img {
    float:left;
    height:88px;
    margin-top:-28px;
    max-width:none;
    width:970px;
}
/* div - div */
    .sec_home #banner {
        display:none;
    }

#banner h2 { /* see 'colors.css' for section variants */
    color: white;
    margin:0;
    padding: .3em 12px .2em 12px;
    position:absolute;
    top:6px;
    left:10px;
}

#mainnav {
    background: black /*url("/images/bg_menu.png") 0 0 no-repeat */;
    border-radius: 15px 15px 0 0;
	position:relative;
}
.sec_home #mainnav {
    border-radius: 15px;
    margin-bottom:5px;
}

/* Page Content */

#sitebody {
}
.content {
    background: url("/images/bg_content.png") right top no-repeat #f6f6f6;
	border-radius: 0 1em 1em 1em;
    color: #333;
	float:left;
    font-family: sans-serif;
	margin:0;
    padding: 1em 2% 2em 2%;
	width:78%;
}


/*  -------------------------------
    Footer - stuff in it
    ------------------------------- */

#footer {
    background:black;
}
#footer .border {
    background: none;
    margin: 0 auto;
	padding: 0 10px;
    max-width:950px;
}

/*  -------------------------------
    Bottom
    ------------------------------- */

/* div */
#bottom {
    clear: left;
    height: 50px;
    line-height: 50px;
	margin-top:2em;
    background: black;
    color: #aaa;
}
#bottom p {
    margin: 0;
    padding: 0;
}
#bottom strong {
    color: #ccc;
    font-weight: normal;
}


/* ==========================================================================
   NAVIGATION
   ========================================================================== */

/*  -------------------------------
    Main [top] Menu
    ------------------------------- */

#topnav a {
    color: #fff;
    text-decoration: none;
    padding: 0 6px;
}
#topnav a:hover,
#topnav a:active {
    color: white;
}

/* Main Nav Area */

/* div - ul */
#nav {
    clear:both;
	line-height:normal;
    margin:0;
    padding: 0 330px 0 0; /* making space for the donate & sponsor buttons */
}
#nav li {
    display: inline;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.05em;
    font-style: normal;
    font-weight: normal;
    list-style-type: none;
    margin: 0 10px 0 15px;
    padding: 0;
}
#nav a {
    border-bottom: 5px #000 solid;
    color: white;
	display:inline-block;
    outline: none;
    padding: 1em 0;
    text-decoration: none;
}
/* nav - a */
#nav a:link,
#nav a:visited {
    color: white;
}
#nav a:hover,
#nav a:active { 
    color: white;
    border-bottom: 5px #ccc solid;
}
/* nav - a */
#nav .selected {
    color: white;
}


/*  -------------------------------
    Specialist sites buttons
    ------------------------------- */

/* div */
div.buts-specialist-sites-top {
	font-family: 'MuseoSlab-500', serif;
	font-weight: normal;
	font-style: normal;
	position:absolute;
	top:-30px;
	left:240px;
	width:450px;
}
div.buts-specialist-sites-top h2 {
	color:#fff;
	font-size:1.1em;
	height: 30px;
    line-height: 30px;	
	margin:0;
	padding-right:5px;
	text-align:center;
}
div.buts-specialist-sites-top a {
	background: url(/images/buts_specialist-sites.png) 0 0 no-repeat;
	color:#fff;
	font-family: 'MuseoSlab-500', serif;
	font-weight: normal;
	font-style: normal;
	font-size:1.1em;
	float:left;
	height: 45px;
    line-height: 35px;	
	margin:0;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:150px;
	z-index:1;
}
div.buts-specialist-sites-top a img {
	position:absolute;
	left:50%;
	top:0;
}

div.buts-specialist-sites-top a.ja:link,
div.buts-specialist-sites-top a.ja:visited {
	background-position: 0 bottom;
	color:#fff;
}
div.buts-specialist-sites-top a.ja:hover,
div.buts-specialist-sites-top a.ja:active {
	background-position: 0 bottom;
	color:#fff;
	height:55px;
}

div.buts-specialist-sites-top a.ex:link,
div.buts-specialist-sites-top a.ex:visited {
	background-position: -150px bottom;
	color:#fff;
}
div.buts-specialist-sites-top a.ex:hover,
div.buts-specialist-sites-top a.ex:active {
	background-position: -150px bottom;
	color:#fff;
	height:55px;
}

div.buts-specialist-sites-top a.fit:link,
div.buts-specialist-sites-top a.fit:visited {
	background-position: -300px bottom;
	color:#fff;
}
div.buts-specialist-sites-top a.fit:hover,
div.buts-specialist-sites-top a.fit:active {
	background-position: -300px bottom;
	color:#fff;
	height:55px;
}


/* Breadcrumbs */

#breadcrumbs {
    color: #a7a7a7;
    padding:15px 0 10px 0;
}
#breadcrumbs a {
    color: #a7a7a7;
    text-decoration: none;
}
#breadcrumbs a:hover,
#breadcrumbs a:active {
}

#breadcrumbs {
    display:none;
}

/* ul */
#sidenav {
    color: white;
}
#left ul ul {
    margin: 0;
    padding: 0;
}
#sidenav {
    padding: 0 0 13px 0;
    margin: 13px 0 0 0;
}
#sidenav li {
    list-style-type: none;
}
#sidenav a {
    color: white;
    display: block;
    line-height: 130%;
    padding: 7px 10px;
    text-decoration: none;
}
#sidenav ul a {
    color: #bee620;
    padding-left: 20px;
}
#sidenav>li:first-child>a {
    border-top: none;
}

.navicon,
.navclose,
.subnavicon,
.subnavclose {
    background-image: url('/images/sprite_nav.png');
	background-repeat: no-repeat;
}
.navicon,
.navclose {
    color: orange;
    cursor: pointer;
    float:right;
    font-family: 'MuseoSlab-500', serif;
    font-style: normal;
    font-weight: normal;
    height: 60px;
	margin:0;
    text-align:center;
    width: 75px;
}
.navclose{
    background-position: -110px 15px;
}
.navicon {
    background-position: 0 15px;
}

.subnavicon,
.subnavclose { /* for color variations, see 'colors.css' */
	background-color:gray;
    color: orange;
    cursor: pointer;
    float:left;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.1em;
    font-style: normal;
    font-weight: normal;
    height: 35px;
	margin-right:5px;
	margin-left:5px;
    text-align:center;
	text-indent:-9600px;
    width: 45px;
}
.subnavclose{
    background-position: -10px -187px;
}
.subnavicon {
    background-position: -9px -125px;
}

/* CHEVRONS - general style - also see: 'colors.css' */
.chevron-forward,
.chevron-back,
.chevron-down,
.chevron-up,
.chevron-forward:visited,
.chevron-back:visited,
.chevron-down:visited,
.chevron-up:visited {
	border-top-width:1px;
	border-top-style:solid;
	background-repeat:no-repeat;
	display:block;
    font-family: 'MuseoSlab-500', serif;
	font-size:1.3em;
	padding:.75em 35px .75em 5px;
	text-transform:capitalize;
	text-decoration:none;
}
li.chevron-activator { /* booklets */
	clear:both;
}

/* ul */
.bottom_list {
}
.bottom_list > ul{
	margin:0;
	list-style:none;
}
.booklet-preview .preview-image-button {
    width: 25%;
    float: left;
	margin:0 5px 5px 0;
}

.booklet-preview .preview-image-button img {
	display:block;
    height: auto;
    margin:.25em auto 0 auto;
}
.booklet-preview .preview-text {
    width: 69%;
    float: right;
}

.kw_information_treatments_care_drug_information_leaflets .booklet-preview .preview-text{
	width: 100%;
}


.kw_information_treatments_care_drug_information_leaflets .finalSlider{
display:none;
}

.kw_information_treatments_care_drug_information_leaflets .preview-image-button {
	display:none;
	width:0%;
}
.booklet-preview .preview-text > p {
	margin-top:0;
}

a.doc,
a.view {
	display:inline-block;
	* display:inline;
	margin-top:1em;
	zoom:1;
}

/* overrides to pout this button back to normal. Argggh! JW */
a.view {
	background:none;
	border:none;
	border-radius:0;
	box-shadow:none;
	clear:left;
	margin-top:1em;
	padding:0;
}
a.view:after {
	content:" ";
}

/*  -------------------------------
    Footer Quicklinks
    ------------------------------- */
    
/* div */
#footer a {
    color: #aaa;
    text-decoration: none;
}
#footer a:hover,
#footer a:active {
    color: white;
}
#footer h2 {
    color: #adadad;
    font-family: 'MuseoSlab-500', serif;
    font-size: 175%;
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    padding: 0 0 15px 0;
}
#footer h3 {
    color: #bdbdbd;
    padding: 13px 0 10px 0;
    font-size: 125%;
    font-weight: normal;
    margin: 0;
}
#footer .ql {
    border: 1px solid #3e3e3e;
    border-width: 1px 0 0 0;
    float: left;
    margin-right: 2%;
	margin-bottom:2em;
    width:18%;
}
#footer #ql_information {
    border-top: 1px solid #6BA100;
}
#footer #ql_programmes_events {
    border-top: 1px solid #1999C9;
}
#footer #ql_get_involved {
    border-top: 1px solid #ea6f12;
}
#footer #ql_in_your_area {
    border-top: 1px solid #735aae;
}
#footer #ql_research {
    border-top: 1px solid #4d4a45;
}

#footer .ql ul, #footer .ql li {
    margin: 0;
    padding: 0;
}
#footer .ql li {
    list-style-type: none;
    padding-bottom: 2px;
}


/* ==========================================================================
   IMAGE DISPLAY
   ========================================================================== */

/* img */

/* image ATTACHED */
.article_summary_image,
.event-summary_image,
.article_display_image,
.event_display_image,
/* images PLACED via Text Editor */
.article_display_content img, 
.med-fr,
.med-fl,
.wide {
	background:#f1f1f1;
    height: auto;
    margin: .5em 4% 2em 4%;
	max-width:92%; /* If margin and padding is adjusted - compensate here */
    * width:inherit; /* stupid IE8 - this hack maintains the aspect-ratio */
}
.article_summary_image, 
.event-summary_image,
.article_display_image, /* image ATTACHED to article */
.event_display_image { /* image ATTACHED in event */
	float:right;
    margin-right: 0;
}

/* Now, the positioning: */

.article_display_content .med-fr { /* image PLACED in article */
    float:right;
    margin-right: 0;
}
.article_display_content .med-fl { /* image PLACED in article */
    float:left;
    margin-left: 0;
}
.article_display_content .wide { /* placed into article */
    clear:both;
    display:block;
    height:auto;
    margin-right: auto;
    margin-left: auto;
	max-width:100%; /* because l&r margins are 'auto' */
    * width:inherit;
}


/* ==========================================================================
   ARTICLES
   ========================================================================== */

/* div */
.article_display_widgets {
	min-height:30px;
	width:100%;
}
.article_display_widgets span {
	display:inline-block;
	* display:inline;
    margin: 0 0 1em 0;
	text-align:center;
	width:142px;	
	* zoom:1;
}
.article_display_widgets .article_display_email {
	margin-right:5px;
}
/* div - a */
.article_display_widgets a {
    background-image: url("/images/sprite_share-buttons.png");
	background-repeat: no-repeat;
	color:#fff !important; /* necessary I'm afraid */
	display:block;
    font-family: 'MuseoSlab-500', serif;
	font-size:1em;
    font-style: normal;
    font-weight: normal;
	height:30px;
	line-height:30px;
	text-indent:-9600px;
}
.article_display_email a {
    background-position: 0 0;
}
.article_display_email a:hover {
    background-position: 0 -40px;
}
.article_display_facebook a {
    background-position: -154px 0;
}
.article_display_facebook a:hover {
    background-position: -154px -40px;
}
/* span */
.article_display_print {
	display:none !important;
}
.article_display_content p, 
.article_display_content ul, 
.article_display_content ol { /* client found article text too small */
	font-size:1.2em;
}


/* ==========================================================================
   BOXES / MODULES
   ========================================================================== */

/* div */
/*.featurebox_header {
}*/
.featurebox { /* for default 4 cols of boxes */
    height:auto;
	margin-bottom:1.5em;
    width:100%;
}
.featurebox h2 { /* see: colours.css for variations - JW */
    border-radius:10px 10px 0 0;
    color:#fff;
    font-family: 'MuseoSlab-500', serif;
    font-style: normal;
    font-weight: normal;
    margin:0;
    padding:.75em 5px;
    text-align:left;
}
.featurebox h2 a, 
.featurebox h2 a:link, 
.featurebox h2 a:visited {
    color:#fff;
    display:block;
    text-decoration:none;
}
.featurebox h2 a:hover, 
.featurebox h2 a:active {
    color:#fff;
    display:block;
}
.featurebox img {
    border-radius: 0 0 15px 15px;
    float:left;
	height:auto;
    margin:0 15px 15px 0;
	width:100%;
    max-width:100%;
}
.featurebox_blurb {
    background:#000;
    border-radius: 0 0 15px 15px;
    bottom:0;
    left:0;
    opacity:.8;
    position:absolute;
    margin:0;
    width:100%;
}
.featurebox .featurebox_blurb h3 {
    color:#fff;
	cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    font-style: normal;
    font-weight:bold;
    margin:0;
    opacity:1;
    padding:.5em 15px .25em 7px;
}

.featurebox .featurebox_blurb h3 span {
    background-image: url(/images/sprite_nav.png);
	background-position: 102% -417px;
	background-repeat: no-repeat;
    padding: 0 15px 0 0;
}
.featurebox p {
    clear:both; /* to clear the floated H3 above */
    color:#fff;
	cursor: pointer;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    font-style: normal;
    line-height:1.5em;
    margin:0 0 1em 0;
    padding:0 15px .75em 7px;
}
/* div */
.featurebox_footer {
    bottom:5px;
    height:20px;
    position:absolute;
    right:5px;
    width:15px;
}
.featurebox_footer a, 
.featurebox_footer a:link, 
.featurebox_footer a:visited, 
.featurebox_footer a:hover, 
.featurebox_footer a:active {
    display:block;
    line-height:20px;
    text-indent:-9600px;
}
.featurebox_footer a:after {
}

/* ----- 50% -------- */

#home-section-2.pc50 .featurebox {
    float:left;
    width:50%;
}
#home-section-2.pc50 img {
    display:block;
    float:none;
    margin:0 auto;
    width:465px;
    max-width:100%;
}
#home-section-2.pc50 img.w468 {
    width:468px;
}
#home-section-2.pc50 .featurebox_blurb {
    float:none;
    margin:0;
}
#home-section-2.pc50 h2 {
    font-size:1.25em;
}
#home-section-2.pc50 h3 {
    font-size:1.15em;
}

/* ----- 33% -------- */

#home-section-2.pc33 .featurebox {
    float:left;
    width:33%;
}
#home-section-2.pc33 img {
    display:block;
    float:none;
    margin:0 auto;
    max-width:100%;
    width:300px;
}
#home-section-2.pc33 .featurebox_blurb {
    float:none;
    margin:0;
}
#home-section-2.pc33 h2 {
    font-size:1.25em;
}
#home-section-2.pc33 h3 {
    font-size:1.15em;
}
/* ----- 25% -------- */

#home-section-2.pc25 .featurebox {
    float:left;
    width:25%;
}
#home-section-2.pc25 .featurebox.first {
    *width:24%; /* for IE only - dropping float prob */
}
#home-section-2.pc25 .featurebox .border {
    margin:0 5px;
}
#home-section-2.pc25 img {
    display:block;
    float:none;
    height:auto;
    margin:0;
    width:100%;
    * width:inherit;
}
#home-section-2.pc25 .featurebox_blurb {
    float:none;
    margin:0;
}
#home-section-2.pc25 h2 {
    font-size:1.2em;
}
#home-section-2.pc25 h3 {
    font-size:1.1em;
}

.articlebox dl dt {
    margin-top: 15px;
}
.articlebox_rss {
    float: right;
    height: 22px;
    width: 22px;
    display: block;
    background: transparent url("/images/subscribe-rss.png") left top no-repeat;
    text-indent: -9660px;
    outline: none;
    margin-top: 10px;
    margin-right: 10px;
}
div.articlebox a img {
    float: left;
    padding: 8px 10px 10px 0;
}


/* ==========================================================================
   SOCIAL BUTTONS
   ========================================================================== */

/* ----------  Social Buttons Top  ---------- */

/*  -------------------------------
    Social Buttons Footer
	------------------------------- */

/* div */
.social-buts {
	margin:0;
	padding:0 0 1.5em 0;
	text-align:center;
}
/* a */
.iia, 
.twitter, 
.facebook, 
.linked_in,
.googleplus,
.youtube {
	background-image: url("/images/buts_social_sprite.png");
	box-shadow:3px 3px 3px #ccc;
	display: inline-block;
	height: 40px;
	margin: 5px;
	text-indent: -9600px;
	width: 40px;
	*display:inline; /* for IE7 */
	*line-height:0; /* for IE7 */
	*font-size:0; /* for IE7 */
	*text-indent: 0; /* for IE7 */
	*zoom:1; /* to make 'inline' act like 'inline-block' in IE7 */
}
.iia {
	background-position: -150px 0;
}
.twitter {
	background-position: -50px 0;
}
.facebook {
	background-position: 0 0;
}
.linked_in {
	background-position: -100px 0;
}
.googleplus {
	background-position: -200px 0;
}
.youtube {
	background-position: -250px 0;
}

/* FACE BOOK TWITTER SOCIAL BUTTONS ETC */
/* div */
.social_media_widgets {
    height:200px;
    position:fixed;
    right:0;
    top:250px;
    width:40px;
    z-index:1000;
}
.social_media_widgets a.scl_ntwrks {
    display:block;
    height:40px;
    line-height:40px;
    text-indent:-9000px;
    width:40px;
}
.social_media_widgets a#fcbk {
    background: url(/images/icons/soc-buts-sprite.png) 5px -40px no-repeat;
}
.social_media_widgets a#fcbk:hover,
.social_media_widgets a#fcbk:active {
    background-position: 0 -40px;
}
.social_media_widgets a#twtr {
    background: url(/images/icons/soc-buts-sprite.png) 5px -120px no-repeat;
}
.social_media_widgets a#twtr:hover,
.social_media_widgets a#twtr:active {
    background-position: 0 -120px;
}
.social_media_widgets a#ytb {
    background: url(/images/icons/soc-buts-sprite.png) 5px -200px no-repeat;
}
.social_media_widgets a#ytb:hover,
.social_media_widgets a#ytb:active {
    background-position: 0 -200px;
}
.social_media_widgets a#gglp {
    background: url(/images/icons/soc-buts-sprite.png) 5px -280px no-repeat;
}
.social_media_widgets a#gglp:hover,
.social_media_widgets a#gglp:active {
    background-position: 0 -280px;
}
.social_media_widgets a#li {
    background: url(/images/icons/soc-buts-sprite.png) 5px -360px no-repeat;
}
.social_media_widgets a#li:hover,
.social_media_widgets a#li:active {
    background-position: 0 -360px;
}
.social_media_widgets a#inst {
    background: url(/images/icons/soc-buts-sprite-new.png) 5px -444px no-repeat;
}
.social_media_widgets a#inst:hover,
.social_media_widgets a#inst:active {
    background-position: 0 -444px;
}

/* ==========================================================================
   CONTACT PAGE FORM
   ========================================================================== */

/* ==========================================================================
   HOME TEMPLATE
   ========================================================================== */


/* DEFAULT 100% wide version */
.home-section-1 { /* default for top-section 'homes' */
}
div#home-section-2 {
    clear:both;
}
div.sec_home .home-section-1 { /* default for 'homepage' */
    margin-bottom:20px;
	margin-left:0;
	width:100%;
}
.home-section-1-video {
    display:inline-block; /* has to be :( or it won't resize responsively */
	* display:inline;
	margin-left:1%;
	zoom:1;
    vertical-align:top;
    width:32%;
}
.sec_home .home-section-1-video {
    width:33%;
}

.home-section-1-video iframe {
	height:240px;
	width:100%;
	* width:auto;
    max-width:100%;
}
div.welcome-text {
    font-family: 'MuseoSlab-500', serif;
    font-size:1em;
    font-style: normal;
    font-weight: normal;
    float:left;
    padding-left:3%;
}
div.welcome-text p {
    font-size:1.1em;
    line-height:1.7em;
    margin:1em 0 0 0;
}
    .home-section-1-video p.talk-to-us {
        clear:both;
		display:none;
        height:auto;
        margin: auto;
        position:static;
        text-align:center;
        width: auto;
    }

/* Layout-Specific Hacks */

.template_section_home2013 #breadcrumbs, /* no breadcrumbs on these pages */
.template_section_home2013_3 #breadcrumbs,
.template_section_home2013_4 #breadcrumbs,
.template_home2013 #breadcrumbs {
    display: none;
}

.template_section_home2013 .content, /* no grey backgrounds on these pages */
.template_section_home2013_3 .content,
.template_section_home2013_4 .content {
    background: none;
    padding: 0 0 2em 0;
	width:82%;
}
.sec_home .content {
    width: 100%;
    background: none;
    padding: 0;
}

.sec_search .content  {
	width:96%;
}
/* Forum */
.sec_nonexist .content {
    background: none;
    padding: 0;
	width:100%; /* did have  !important */
}


/* ==========================================================================
   MISCELLANEOUS :(
   ========================================================================== */

/* #e7e7e7 */
/* Quiz */
.quiz_admin_groups {
    padding-top: 15px;
}
.quiz_question {
    width: 50%;
    margin: 25px auto 0 auto;
    padding: 15px;
    border: 1px #c0c0c0 solid;
    background: #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.quiz_question fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
.quiz_question fieldset label {
    padding: 5px;
}
.quiz_question fieldset input {
    vertical-align: middle;
}
.quiz_question li {
    list-style-type: none;
}
.quiz_position {
    float: right;
}
.quiz_question h3 {
    margin: 0 0 15px 0;
}
.quiz_controls {
    text-align: center;
    margin: 0;
    padding: 10px 0;
}
.quiz_question fieldset.quiz_yn {
    text-align: center;
}

/* Sitemap */
#sitemap ul {
    margin: 0;
    padding: 0;
}
#sitemap ul ul {
    padding: 10px 20px;
}
#sitemap li {
    font-weight: bold;
    list-style-type: none;
}
#sitemap li li {
    font-weight: normal;
    list-style-type: disc;
}


.content form.sponsorevent_edit input {
    width: 420px;
    margin: 5px 0 3px 0;
    padding: 5px 0 5px 0;
    display: block;
}
.content form.sponsorevent_edit textarea {
    margin: 5px 0 3px 0;
    width: 420px;
}
.content form.sponsorevent_edit label#lbl_chosenEvent {
    margin-top: 20px;
}
.sponsorevent_edit #form_chosenevent.container label {
    float: left;
}
form.sponsorevent_edit select {
    margin: 5px 0 3px 0;
    padding: 5px 0 5px 0;
    width: 420px;
}
input#raisedAmount {
    display: block;
}
label#deleted {
    width: 100px;
}
label#deleted span {
    margin: 15px 0 5px 0;
}
.content form.sponsorevent_edit label#owner {
    display: block;
    float: none;
    margin-top: 30px;
}
.content form.sponsorevent_edit {
    font: 1em sans-serif;
}
form.sponsorevent_edit input#register_frm_clear, 
form.sponsorevent_edit input#register_frm_submit {
    width: 150px;
    display: inline;
}
span#register_frm_buttons {
    display: inline;
    float: right;
    margin-right: 125px;
}
/* Registration form styling */
form#register_form {
    width: 548px;
}
form#register_form fieldset {
    border: 0;
}
form#register_form input.form_field, 
form#register_form input#phoneNumber {
    width: 420px;
    padding: 5px 0 5px 0;
    display: block;
    margin: 0;
}
form#register_form span#captcha input {
    width: 200px;
    padding: 5px 0 5px 0;
    float: left;
    display: inline;
    margin: 5px 0 0 70px;
}
form#register_form span#captcha img {
    float: left;
    margin-top: 5px;
}
form#register_form textarea, 
form#register_form input#phoneNumber {
    width: 420px;
    margin: 10px;
    display: block;
    clear: both;
}
form#register_form {
    font: 1em sans-serif;
}
form#register_form span {
    display: block;
}
span#captcha, form#register_form input, 
form#register_form label[for="phoneNumber"], 
form#register_form label[for="postalAddress"], 
form#register_form label[for="teamName"] {
    margin: 0 0 0 10px;
}
span#username_reuired, 
span#email_required, 
span#enter_image_text, 
form#register_form em {
    display: block;
    font-size: 0.8em;
    width: 420px;
    color: #8D8D8D;
    font-style: italic;
    padding-left: 10px;
}
form#register_form span.required {
    display: inline;
    margin: 0 0 0 5px;
}
.content form#register_form label {
    width: auto;
}
form#register_form input#register_submit {
    padding: 5px 0 5px 0;
    width: 150px;
    float: right;
    margin-right: 100px;
}
.content span#rqrd_teamName, 
.content span#rqrd_personalMessage, 
.content span#rqrd_raisedAmount, 
.content span#rqrd_deleted {
    display: none;
}
.content span.required {
    display: inline;
    width: 10px;
}
div.form_errors.warning {
    background-color: #dec2c2;
    border: 2px solid red;
    width: 450px;
}
div.form_errors.warning li {
    margin-left: -20px;
}
div.form_errors.warning li {
    list-style: none !important;
}
.register_error {
    display: block;
    color: red;
    font-size: 0.8em;
}
.content form.sponsorevent_edit label {
    margin-top: 20px;
}
form#register_form textarea, 
form#register_form input {
    clear: both;
    display: block;
    margin: 10px;
    width: 420px;
    padding: 5px 0 5px 0;
}
form#register_form input#register_submit {
    float: right;
    margin: 0 100px 30px 0;
    padding: 5px 0;
    width: 150px;
}
.content label span {
    display: block;
    font-size: 0.8em;
    width: 420px;
}
.sponsorevent_edit label span {
    color: #8D8D8D;
    font-style: italic;
    padding-left: 10px;
}
.content form.sponsorevent_edit label {
    margin-top: 20px;
    display: block;
    width: 300px;
}
.content form.sponsorevent_edit span#form_approved, 
.content form.sponsorevent_edit span#form_owner {
    display: block;
}
.content form.sponsorevent_edit input[type="radio"] {
    margin-top: 18px;
    width: 25px;
    display: inline;
}
.content form.sponsorevent_edit label#lbl_approved {
    width: 100px;
}

/*User Home Page*/
/*End of user home page*/

/* Top fundraisers*/
div#top_fnd_topcont {
    background: url("/images/bg_rightnav_top_red.png") no-repeat scroll  left top;
    float: left;
    display: block;
    min-height: 15px;
    width: 195px;
}
div#top_fundraisers_cont {
    height: 300px;
    background: url("/images/bg_rightnav_bottom_red.png") no-repeat scroll left bottom #e35000; /* main red */
    float: left;
    display: block;
    min-height: 15px;
    width: 187px;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.sequence, div.top_fnd_name {
    display: block;
    float: left;
}
div.top_fnd_cont {
    width: 187px;
    height: 20px;
    color: #128ED5;
    background: #f6f6f6;
    display: block;
}
#top_fnd_body {
    height: 230px;
    background: #f6f6f6;
}
div.top_fnd_name {
    width: auto;
    background: #f6f6f6;
}
div.top_fnd_amount {
    display: block;
    float: right;
    width: auto;
    padding-right: 5px;
    background: #f6f6f6;
}
div.sequence {
    width: 20px;
    background: #f6f6f6;
    padding-left: 5px;
}
#top_fnd_head {
    text-align: center;
    font-weight: bolder;
    margin: 0 0 10px 0;
    color: #ffffff;
}
/* End top fundraisers*/
/* Online fundraising page*/
div#home_page_main {
    padding-right: 10px;
}
dd.clearfix {
    margin: 8px 0 0 0;
}
dl dt a {
    font-size: larger;
}
/* End online fundraising page*/
/* USER HOME PAGE*/
.grey {
    background-color: #e3e3e3;
}
.lighter_grey {
    background-color: #f7f7f7;
}
.darker_grey {
    background-color: #ededed;
}
table#user_summary {
    width: 100%;
}
table#user_summary th {
    padding: 8px 4px 8px 4px;
    border-bottom: 1px solid #FFFFFF;
}
table#user_summary tr {
    font-weight: normal;
    font-size: 1em;
}
table#user_summary td {
    padding: 4px 5px 4px 5px;
}
td.event_date, 
td.event_amount, 
td.event_edit {
    text-align: center;
}
td.event_date {
    width: 90px;
}
td.event_edit {
    width: 90px;
}
td.td.event_amount {
    width: 102px;
}
table {
    background: #ffffff;
    width: 100%;
}
div#user_name {
    text-transform: capitalize;
    font-size: 1.3em;
}
/* END OF USER HOME PAGE*/
/* UPDATE PROFILE PAGE*/
.form_tip {
    clear: left;
    font-size: 0.9em;
    color: #7f7f7f;
    margin: 0 0 0 10px;
}
/* END OF UPDATE PROFILE PAGE */
/* EVENT SUMMARY PAGE STYLE*/
div#event_summary_container {
    width: 100%;
    font-size: 1.1em;
    line-height: 1.2em;
}
.light_green {
    background-color: #e7f1d7;
}
span#all_events_link {
    float: right;
}
div#event_header {
    padding: 8px 5px 8px 5px;
}
div#event_description {
    text-align: justify;
    margin-bottom: 15px;
}
#summary_table_description {
    padding: 5px 5px 5px 5px;
}
table#event_sponsorship_talbe {
    width: 100%;
}
table#event_sponsorship_talbe td, 
table#event_sponsorship_talbe th {
    width: 20%;
}
span.event_names {
    display: block;
}
div#nobody_signed_up_yet {
    padding: 10px 5px 10px 0;
}
.error_light {
    color: #f07847;
}
span.divider {
    display: block;
    border-bottom: 1px dashed;
    clear: both;
    padding-top: 8px;
    margin-bottom: 8px;
}
/* END OF EVENT SUMMARY PAGE STYLE */
/*Team summary page*/
.bold {
    font-weight: bolder;
}
div.content_wrapper {
    width: 100%;
    display: block;
    background: #ffffff;
}
div#event_stats {
    background: #ffffff;
    width: 97%;
    padding: 5px 5px 5px 10px;
}
span.event_stats_span1 {
    display: block;
    float: left;
}
span.event_stats_span2 {
    display: block;
    float: right;
    padding-right: 20px;
}
div.personal_message {
    display: block;
    clear: both;
}
span.our_message {
    display: block;
}
div.team_page_navi {
    padding-left: 10px;
}
div.clear {
    display: block;
}
/* a */
.sponsor_me_link {
    border: 1px solid;
    padding: 4px 3px 4px 3px;
    margin-right: 20px;
    background: #f6f6f6;
    float: right;
}
h1.main_header {
    padding: 10px 0 0 8px;
}
/* div */
#sponsors_to_dt_head {
    background: #e7f1d7;
    padding: 5px 0 5px 8px;
    margin: 8px 0 0 0;
    width: 99%;
    font-weight: bolder;
}
/* div */
#bottom_content_wrapper {
    width: 97%;
    background: #ffffff;
}
.white {
    background: #ffffff;
}
.light_grey {
    background: #f7f7f7;
}
/* table */
#sponsors_table {
    width: 103%;
}
.tbl_date, .tbl_amount {
    width: 90px;
    text-align: center;
}
.tbl_message {
    width: 40%;
    text-align: center;
}
#sponsors_table th {
    font-weight: bolder;
    background: #bfbfbf;
    padding: 5px 5px 5px 5px;
}
th {
    text-align: left;
}
#sponsors_table td {
    padding: 4px 5px 4px 5px;
}
/*End team summary page*/


/* Register your Interest pop-up form m*/

/* div */
.registerinterest-popup {
	background:#ea6f12; /* orange */
	border:3px solid #fff;
	border-radius:1em;
	box-shadow:4px 4px 5px #999;
	padding:10px;
	width:260px;
}
.registerinterest-popup.sec_information {
	background:#6ba100 !important; /* green */
}
.registerinterest-popup.sec_programmes_events  {
	background:#1999c9 !important; /* blue */
}
.registerinterest-popup.sec_get_involved  {
	background:#e35000 !important; /* red */
}
.registerinterest-popup.sec_in_your_area {
	background:#735AAE !important; /* purple */
}
.registerinterest-popup.sec_research  {
	background:#4d4a45 !important; /* grey */
}
.registerinterest-popup.sec_exercise {
	background:#c23832 !important; /* red 2 */
}
.registerinterest-popup.sec_fit_for_work {
	background:#104691 !important; /* blue 2 */
}

/* div - div */
.registerinterest-popup .pointer {
	background-image: url(/images/reg-interest_popup_pointer_orange.png);
	height:40px;
	position:absolute;
	left:115px;
	top:-29px;
	width:52px;
}
.registerinterest-popup.sec_information .pointer {
	background-image: url(/images/reg-interest_popup_pointer_green.png);
}
.registerinterest-popup.sec_programmes_events .pointer {
	background-image: url(/images/reg-interest_popup_pointer_blue.png);
}
.registerinterest-popup.sec_get_involved .pointer {
	background-image: url(/images/reg-interest_popup_pointer_red.png);
}
.registerinterest-popup.sec_in_your_area .pointer {
	background-image: url(/images/reg-interest_popup_pointer_purple.png);
}
.registerinterest-popup.sec_research .pointer {
	background-image: url(/images/reg-interest_popup_pointer_grey.png);
}
.registerinterest-popup.sec_exercise .pointer {
	background-image: url(/images/reg-interest_popup_pointer_red2.png);
}
.registerinterest-popup.sec_fit_for_work .pointer {
	background-image: url(/images/reg-interest_popup_pointer_blue2.png);
}

.registerinterest-popup fieldset {
	border:none;
	padding:0;
}
.registerinterest-popup p {
	color:#fff;
	margin-top:0;
	margin-right:20px;
}
.registerinterest-popup label div {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.registerinterest-popup input[type="text"],
.registerinterest-popup input[type="email"] {
	background-color:#FBE5D9;
	border:1px solid white;
	border-radius:.3em;
	color:#ea6f12; /* orange */
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:1em;
	padding:0.5em 2%;
	width:96%;
}
.registerinterest-popup input[type="submit"] {
	background: #fff url("/images/sprite_orange.png") no-repeat 0 -345px;
	box-shadow:	4px 4px 4px #666;
	display: block;
	margin:0 auto 1em auto;
	width:100%;
}

.registerinterest-popup.sec_information input[type="text"],
.registerinterest-popup.sec_information input[type="email"] {
	background:#DDF0F7;
	color:#6ba100 !important; /* green */
}
.registerinterest-popup.sec_information input[type="submit"] {
	background: #fff url("/images/sprite_green.png") no-repeat 0 -345px;
	color:#6ba100 !important; /* green */
}
.registerinterest-popup.sec_programmes_events input[type="text"],
.registerinterest-popup.sec_programmes_events input[type="email"] {
	background:#DDF0F7;
	color:#1999C9 !important; /* blue */
}
.registerinterest-popup.sec_programmes_events input[type="submit"] {
	background: #fff url("/images/sprite_blue.png") no-repeat 0 -345px;
	color:#1999C9 !important; /* blue */
}
.registerinterest-popup.sec_get_involved input[type="text"],
.registerinterest-popup.sec_get_involved input[type="email"] {
	background-color:#FBE5D9;
	color:#e35000; /* main red */
}
.registerinterest-popup.sec_get_involved input[type="submit"] {
	background: #fff url("/images/sprite_red.png") no-repeat 0 -345px;
	color:#e35000 !important; /* red */
}

.registerinterest-popup.sec_in_your_area input[type="text"],
.registerinterest-popup.sec_in_your_area input[type="email"] {
	background-color:#EAE6F4;
	color:#735AAE !important; /* purple */
}

.registerinterest-popup.sec_in_your_area input[type="submit"] {
	background: #fff url("/images/sprite_purple.png") no-repeat 0 -345px;
	color:#735AAE !important; /* purple */
}


/* ==========================================================================
   DONATE PAGE
   ========================================================================== */

/* ul */
.sibling-menu { /* TABS */
	border-bottom: 1px solid #ddd;
	list-style: none;
	margin:0;
	padding-left: 0;
}
.sibling-menu > li {
	display: inline-block;
	* display:inline;
	margin: 0 0 -1px 0;
	text-align:center;
	/*width:32%; for 3 */
	width:49%; /*for 2 */
	zoom:1;
}
.sibling-menu > li > a {
	background-color: transparent;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
	color: #e35000; /* main red */
	display: block;
    font-size: 1.2em;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
	padding: .75em 1%;
	text-decoration:none;
}
.sibling-menu > li > a:link,
.sibling-menu > li > a:visited,
.sibling-menu > li > a:hover,
.sibling-menu > li > a:active {
	color: #e35000 !important; /* necessary */ /* main red */
}
.sibling-menu > li > a.current {
	background: #fff;
	color:#444;
}
div#sponsoring_who {
    padding: 5px 0 10px 0;
    text-align: center;
}
/*end donate page*/



/* START JOHN donate styles */
/* div */

/* form */
.donate-new {
    background:white;
	border:1px solid #ddd;
	border-top:none;
	border-radius: 0 0 .5em .5em;
	padding: 1.5em 1%;
}
/* div */
.donate-form-left {
	clear:both;
	float:left;
	padding-right:2%;
	width:48%;
}
.donate-form-right {
	float:left;
	padding-left:2%;
	width:48%;
}
/* form - label */
.donate-new label { /* wide */
	clear:both;
	color:#666;
	display:block;
	height:2em;
	margin-bottom:1em;
	text-transform:uppercase;
	width:100%;
}
.donate-new label span { /* wide */

	float:left;
	padding:0.35em 0;
	width:33%;
}

/* form - label */
.donate-new .narrow {
	clear:none;
	display:inherit;
	float:left;
	margin: 0 2% 1em 0;
	width:48%;
}
/* form - label */
.donate-new .center { /* used on the 'donate'/submit button */
	height:70px;
}
p.label { /* to look like the labels */
	clear:both;
	color:#666;
	margin: 0 2% 1em 0;
	text-transform:uppercase;
}
/* form - label - button */
.donate-new .center .but-donate {
	background: #f00 url(/images/submit_bg_donate.png) 0 -90px no-repeat;
	border:3px solid white;
	border-radius:.75em;
	box-shadow:4px 4px 4px #aaa;
	color:#fff;
	display:block; /* inline-block is specified further up */
    font-size: 1.8em;
    font-family: 'MuseoSlab-500', serif;
    font-weight: normal;
    font-style: normal;
	height:70px;
	line-height:70px;
	margin-top:0;
	padding:0 15px;
	text-indent:0;
	text-transform:none;
	width:300px;
}

.donate-new input[type="text"],
.donate-new input[type="email"],
.donate-new input[type="password"],
.donate-new textarea,
.donate-new input[type="tel"] {
	background: #f9e4dc; /* was #fbe5d9 a la publicis design */
	border:1px solid #f5d0c2; /* #ea7c40 */
	border-radius:.3em;
	color:#e35000; /* main red */
	float:right;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	padding:0.5em 2%;
	width:62%;
}
.donate-new select {
	background: #f9e4dc; /* was #fbe5d9 a la publicis design */
	border:1px solid #f5d0c2; /* #ea7c40 */
	border-radius:.3em;
	color:#e35000; /* main red */
	display:block;
	float:right;
	padding:0.5em 2%;
	text-transform:capitalize;
	width:66%;
}
.donate-new .error {
	border:1px solid red !important; /* #ea7c40 */
	color: red !important;
}

/* div */
.donate-new .half {
	float:left;
	margin: 0 2% 1em 0;
	width:48%;
}
.donate-new .form-floats-wrap { /* necessary due to a weird quirk of Arthritis' layout */
	float:left;
	margin-bottom:0;
	width:100%;
}
/* END: JOHN donate styles */

/* START JOHN landing page form styles */
/* form */
.donate-new.landing-page-form {
	border-top:1px solid #ddd;
	border-radius: .5em;
	padding: 1.5em 1%;
}

/*Login page form */
#spLogonForm table {
    background: #f6f6f6;
}
.blurb_top {
    background: #bfbfbf;
    min-height: 2em;
    vertical-align: middle;
    margin: -5px -8px 0 -8px;
    padding: 5px 0 0 5px;
}
/*End login page*/
.layout_top_fundraisers #breadcrumbs {
    display: none;
}


/* EVENTS PAGE*/
/* div */
.event_summary img {
    float: left;
    margin: 10px 10px 0 0;
}
.event_summary {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}
/* p */
.event_summary_summary {
    padding-top: 5px;
}
/* span */
.event_summary_more a {
    display: block;
    float: right;
    clear: both;
}
/* Map  locator */
#map_location_search {
    left: 0;
    margin: 25px 0 0 115px;
    position: absolute;
    top: 0;
    z-index: 2;
}
#map_location_search input#frm_loc {
    border: 1px solid #A0A0A0;
    color: #808080;
    display: block;
    float: left;
    font-family: serif;
    font-size: 1.3em;
    margin-right: 10px;
    opacity: 0.7;
    padding: 4px;
}
#map_location_search #frm_submit {
    border: 1px solid #A0A0A0;
    cursor: pointer;
    display: block;
    float: left;
    opacity: 0.7;
    outline: medium none;
    padding: 4px;
    width: 4em;
}

#map {
	max-width:100%;
}

#brn_locator_container {
    padding-top: 35px;
    margin-top: 15px;
}
#brn_locator_bottom {
    height: /*25px*/ 1px;
}
.branch_detail {
    background: white;
    border-top: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    margin-bottom: 8px;
    padding: 5px;
    min-height: 15px;
    clear: both;
}

/* strong */
.dr_dcs, 
.dr_cnt, 
.dr_phn {
    margin-right: 5px;
}

/* Search widget */

/* div */
#quick_search {
    background: url("/images/bg_search_widget.png") no-repeat 0 0;
	float:right;
    padding-top:13px;
    width:200px;
}

#quick_search_inp, 
#news_let_name, 
#news_let_email {
    border: none;
    background: url(/images/bg_search_widget_input_grey_n_e.png) no-repeat top left;
    color: #4d4d4d;
    display: block;
    font-size: 10px;
    padding: 5px 3px 5px 15px;
    width: 160px;
}
#quick_search_inp {
    padding: 4px 3px 0 15px;/* padding: 4px 3px 5px 15px; */
	border-radius: .3em 0 0 .3em;
}
#quick_search_inp {
    background: url(/images/bg_search_input.png) no-repeat top left;
    color:#777;
    float:left;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.1em;
    font-style: normal;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin-left:10px;
    padding:0 0 0 30px;
    width:100px;
}
#srch_sub_but, 
#news_let_but {
    background: url(/images/bg_search_button.png) no-repeat  top left;
    border: none;
    float:left;
    height: 32px;
    width: 38px;
    color: white;
    padding: 0;
    display: block;
}
#srch_sub_but {
	border-radius:.3em .3em 0 0;
	border-left:none;
}
#right_widgets #news_let_but {
    margin-top: 5px;
}
.srch_divider {
    background: url(/images/srch_divider.png) no-repeat top center;
    height: 3px;
    margin: 10px 0 10px 0;
}
/* End of search widget */


/* Search result style */

/* ul */
.search-results {
	list-style:none;
	margin-bottom:3em;
	margin-left:0;
}
/* p */
.resultStats {
	border-bottom:1px dashed #aaa;
	color:#666;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.1em;
    font-style: normal;
    font-weight: normal;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
}
.resultStats strong {
	color:#000;
}
/* section */
.search-pagination {
	border-top:1px dashed #aaa;
	display:block;
	/*height: 100px;*/
	margin-top:1.5em;
	padding-top:1.5em;
	width:100%;
}
.search-pagination span {
	font-weight:bold;
}
.search-pagination a {
	border-radius:.25em;
	display:inline-block;
	* display:inline;
	padding: .125em .35em;
	* zoom:1;
}
.search-pagination a:hover {
	background:orange;
	color:#fff;
	text-decoration:none;
}
/* li */
.search-result a {
	font-weight:bold;
	font-size:1.1em;
}
/* span */
.search-result-url {
	color:#666;
	font-weight:bold;
}
/* p */
.search-result-text {
	color:#666;
	margin:0 0 20px 0;
}
.search-result-text b {
	color:#000;
}


/* div */
.sec_programmes_events header .start-day,
.sec_programmes_events header .start-month,
.sec_programmes_events header .yearround-1,
.sec_programmes_events header .yearround-2,
.sec_programmes_events header .multi-1,
.sec_programmes_events header .multi-2,

.sec_get_involved header .start-day,
.sec_get_involved header .start-month,
.sec_get_involved header .yearround-1,
.sec_get_involved header .yearround-2,
.sec_get_involved header .multi-1,
.sec_get_involved header .multi-2,

.sec_in_your_area header .start-day,
.sec_in_your_area header .start-month,
.sec_in_your_area header .yearround-1,
.sec_in_your_area header .yearround-2,
.sec_in_your_area header .multi-1,
.sec_in_your_area header .multi-2,

.sec_exercise header .start-day,
.sec_exercise header .start-month,
.sec_exercise header .yearround-1,
.sec_exercise header .yearround-2,
.sec_exercise header .multi-1,
.sec_exercise header .multi-2 {
	text-align:left;
}

.event-registerinterest {
	clear:both;
}

/* End search result*/


/* div */
#redundant {
    padding-top: 15px;
}
.sec_you_can_help #redundant {
    padding-top: 0;
}
#redundant a:hover,
#redundant a:active {
}
#fcbk, #twtr {
    margin-right: 8px;
}
.sec_home#mainnav .spAdminLink {
    position: relative;
    top: 50px;
    left: -90px;
}
.error_message {
    color: red;
}
/* dl */
.notfound {
    margin: 0;
    padding: 0;
    width: 380px;
    float: left;
}
.notfound dt {
    margin: 0;
    padding: 0;
}
.notfound dd {
    margin: 0;
    padding: 0;
}
.notfound dd a {
    color: #4A4A4A !important;
}
#videoPlayer {
	padding-top:1em;
}
#videoMenu {
}
#videoMenuItem {
    float:left; /* presumably this is an alternative to 'clearfix' */ 
	line-height:1.5em;
	padding:1em 1%;
    margin-top:1em;
    background-color:#eeeeee;
    width:98%;
}
#videoMenuItem strong {
    font-family: 'MuseoSlab-500', serif;
    font-size:1.25em;
    font-style: normal;
    font-weight: normal;
}
#videoMenuItem:hover,
#videoMenuItem:active {
    background-color:#D1E1FA;
}
#videoMenuItem img {
    background-color:#fff;
    padding:2px;
    border:0.5px solid #bbb;
    margin-right:5px;
}
#imageOverLayWrapper {
    float:left;
	margin:1.5em 10px 0 0;
    position:relative;
}
#imageOverLay {
    position:absolute; /* absolute position (so we can position it where we want)*/
    left:77px;
    top:64px;
    width:45px;
    background-color:black;
    font-family: 'tahoma';
    font-size:12px;
    color:white;
    opacity:0.9; /* transparency */
    filter:alpha(opacity=90); /* IE transparency */
}
#videoMenuItem p.imageOverLayContent {
    padding:5px;
    margin:0px;
    text-align:center;
}
#videoContent {
	line-height:1.5em;
	padding:1em 0 0 0; /* no padding on bottom because template has a BR in it */
}
#videoCaption {
    font-family: 'MuseoSlab-500', serif;
    font-style: normal;
    font-weight: normal;
	font-size:190%;
	line-height:1.5em;
	padding-bottom:.5em;
}

#content .article_youtube iframe {
	height:425px;
	width:100%;
}

.blog_entry_summary h3 span {
    display: block;
    font-size: 80%;
    padding-top: 5px;
}
/* bmd new rotate*/

.button_container {
    margin:0px;
    overflow:hidden;
}
.outer_button_container {
    float: left;
    background: transparent url("/images/transparent_white_194.png") repeat-y;
}
/* blog changes bmd 29/08/2011 */
.kw_publications_blog .content h1 {
    font-family: sans-serif;
}
.kw_publications_blog .content h3 {
    font-family: sans-serif;
}
/*div.document_display a{
    display:none 
}*/


#event_box .clearfix {
}
#event_box dt {
    padding-top:10px;
    border-top: 1px solid #666;
}
#event_box .clearfix img {
    padding: 0 10px 25px 10px;
}
div#custom_event_widgets {
}
div#custom_event_location {
}
p.showing_events span {
    color:#128ed5;
    font-weight: bold;
}
.content p.within {
    height:20px;
    line-height:20px;
    background:#ddd;
    position:relative;
    padding:0 40px;
    margin:0 auto;
    text-align:center;
    color:#333;
    margin-bottom:15px; /* so the icons at either end don't superimpose 'earlier-later' links below */
    width:400px;
}
.content p.within a:link, 
.content p.within a:visited, 
.content p.within a:hover, 
.content p.within a:active, 
.content p.within input.custom_event_unset {
    color: #735aae; /* purple */
    font-size:12px;
    line-height:20px;
    height:20px;
    display:inline-block; /*IE7 doesn't like it*/
    border:none; /* for the input */
    margin:0;
    padding:0 5px;
}
.content p.within a:hover,
.content p.within a:active, 
.content p.within input.custom_event_unset:hover,
.content p.within input.custom_event_unset:active {
    background:#fff;
}
.content p.within a.custom_r:link, 
.content p.within a.custom_r:visited, 
.content p.within a.custom_r:hover, 
.content p.within a.custom_r:active {
    background:#fff;
    color:#000 !important;
}
p.within img.left, p.within img.right {
    position:absolute;
    width:40px;
    height:40px;
    top:-10px;
}
p.within img.left {
    left:-10px;
}
p.within img.right {
    right:-10px;
}
div.content h2.custom_event_monthbreak {
    font-size:22px;
    clear: both;
    color: #735aae; /* purple */
    padding:8px;
    margin:0;
    text-align:center;
    font-weight:normal;
    border-top:1px solid #ccc;
    border-bottom:1px dotted #999;
}
div.content div.custom_event {
    clear:both;
    padding:5px;
}
div.content div.custom_event h3 {
    font-size:16px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    margin-top:0;
}
div.content .custom_event h3 a {
}
div.content div.custom_event div.date {
    background:#ccc;
    color:#fff;
    float:left;
    font-size:15px;
    text-align:center;
    margin-bottom: 10px;
}
div.content div.custom_event div.date span:first-child {
    padding:5px 8px;
    background: #735aae; /* purple */
    display:block;
}
div.content div.custom_event div.date span {
    padding:5px 8px;
    display:block;
}
div.content div.custom_event div.info {
    background: url("/images/icons/compass_bkg.png") no-repeat scroll right bottom #DAF0FA;
    border: 1px solid #999999;
    color: #000000;
    float: right;
    font-size: 12px;
    margin-left: 10px;
    width: 140px;
}
div.content div.custom_event div.info h4 {
    color:#fff;
    font-weight:normal;
    background:#999;
    padding:3px 5px;
    margin:0 0 5px 0;
    text-align:center;
}
div.content div.custom_event_row1 { /* odd - even colouring */
    background:#fff;
}
div.content .custom_event p.custom_meta {
    padding:3px 5px;
    margin:0;
}
div.content .custom_event p.custom_meta span.distance {
    border-top:1px dotted #999;
    color: #735aae !important; /* purple */
    display:block;
    font-size: 1.25em;
    font-weight: bold;
    margin-top:5px;
    padding-top:5px;
}
div.content .custom_event p.custom_description {
    margin-left: 45px;
    margin-top: 0;
}
div.content .custom_event p.custom_dist {
}
div#custom_event_earlier, 
div#custom_event_later {
    width:49.5%;
    padding:0;
    margin:0;
    float:left;
    font-size:13px;
    text-transform:uppercase;
}
div#custom_event_earlier {
    text-align:left;
}
div#custom_event_later {
    text-align:right;
}
.embedded_media_display UL {
    display:none;
}
.embedded_flickr {
    height: 400px;
    width: 500px;
}


/* ==========================================================================
   SLIDERS!
   ========================================================================== */


/*.layout_no_right_column .content { margin-left: 195px; }*/
.layout_no_right_column .content {
    margin-right: 0;
}
.home-section-1-slider { /* default for top-section 'homes' */
    display:inline-block; /* has to be :( or it won't resize responsively */
	* display:inline;
	* zoom:1;
    margin-left:2%;
    width:64%;
}
.sec_home .home-section-1-slider { /* default for top-section 'homes' */
    margin-left:0;
}
/* homepages sliders */
div.home.finalSlider.real 
div.caption.real,
div.information.finalSlider.real 
div.caption.real,
div.programmes-events.finalSlider.real 
div.caption.real,
div.in-your-area.finalSlider.real 
div.caption.real,
div.research.finalSlider.real 
div.caption.real,
div.fit-for-work.finalSlider.real 
div.caption.real,
div.exercise.finalSlider.real 
div.caption.real,
div.get-involved.finalSlider.real 
div.caption.real,
div.about-us.finalSlider.real 
div.caption.real {
	background:#4d4a45;
    border-radius:10px;
    box-shadow: 2px 2px 5px #000;
    left:10px;
    padding:0 10px 10px 10px;
    top:10px;
    width:40%;
}

div.finalSlider.real h2 {
    color:#fab818;
    line-height:1.66em;
}
div.finalSlider.real h3 {
    color:#fff;
    font-size:115%;
}
div.finalSlider.real ul.markers li {
    background: #fda030; /* main orange 100% */
    border-radius:1em;
}
div.finalSlider.real ul.markers li a {
    display:block;
    line-height: 1em;
    text-decoration:none;
}
div.finalSlider.real ul.markers li:hover,
div.finalSlider.real ul.markers li:active {
    background:red;
}
div.finalSlider.real ul.markers li.current {
    background:black;
}

/* fix for the margin appearing to the right in IE */
div.finalSlider.real li {
    * margin-left:-3px !important;
}
div.finalSlider.real li:first-child {
    * margin-left:0 !important;
}




/* div */
.sec_home.home-section-1-slider { /* default for 'homepage' */
    margin-bottom: 10px;
    margin-left:0px;
}


/* -------------- */

p.internal-link a {
    display:block;
    float:left;
    font-family: 'MuseoSlab-500', serif;
    font-size:1.1em;
    font-style: normal;
    font-weight: normal;
    height:30px;
    line-height:30px;
    padding:1px 10px 0 10px;
    text-align:center;
    width:100px;
}
p.internal-link a:link, 
p.internal-link a:visited {
    background: url(/images/bg_intl-link-fwd.png) 0 0 no-repeat;
    color:#fff !important;
    text-decoration:none !important;
}
p.internal-link a:hover,
p.internal-link a:active {
    background: url(/images/bg_intl-link-fwd.png) 0 -40px no-repeat;
    color:#fff !important;
    text-decoration:none;
}
p.internal-link a:after {
    content: " »";
}

p.internal-link-back a:link, 
p.internal-link-back a:visited {
    background: url(/images/bg_intl-link-fwd.png) 0 -40px no-repeat;
    border:none;
    border-radius:10px;
    color:#fff !important;
    padding:0 10px;
    text-decoration:none;
}
p.internal-link-back a:hover,
p.internal-link-back a:active {
    background:red;
    color:#fff;
    text-decoration:none;
}
p.internal-link-back a:before {
    content: "« ";
}

/* for sliders */
.caption .internal-link a:link,
.caption .internal-link a:visited {
    background: #fda030; /* main orange 100% */
    border:2px solid white;
    border-radius:1em;
    font-size:.9em;
    height: auto;
    line-height: 2em;
    padding: 0 3%;
    width: auto;
}


/* REGISTER for DOWNLOAD FORM */

.overlay {
    background: url("/images/overlay.png");
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
}
.lightbox {
	background:#ea6f12;
    border-width:3px; 
	border-style: solid;
	border-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    left:0;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 90px;
    z-index: 1000;
}
.lightbox fieldset {
    border: none;
	padding:0;
}
.lightbox-1st-col,
.lightbox-2nd-col {
    float:left;
    width:48%;
}
.lightbox-1st-col {
	border-right:1px dashed #fff;
	padding-right:2%;
	width:47%;

}
.lightbox-1st-col img {
	margin: .5em 0 .5em .5em 
}
.lightbox-2nd-col {
    float:left;
	padding-left:2%;
}
.lightbox div.blurb {
	color:#fff;
	padding-right:15px;
}
.lightbox label input[type=password], 
.lightbox label input[type=text] {
    float:left;
    padding-left:5px;
    width:96%;
}
.lightbox label select {
	height:35px;
    float:left;
    width:103%;
	* width:96%;
}
/*.lightbox label input[type=checkbox] {
    float:left;
	margin-left:0;
	margin-right:15px;
}*/

.lightbox label input[type=checkbox] {
	border:none;
	float:left;
	height:30px;
	margin-left:0;
	margin-right:15px;
	width:30px;
	text-indent:-9600px;
}

.lightbox input[type="submit"],
.lightbox button {
	margin-right:10px;
}
.lightbox .error {
    border: 1px solid red;
    background: #ffb6c1;
}
.formtooltip {
    z-index: 10000;
}
.popup-message {
}


/* ==========================================================================
   EVENTS IN YOUR AREA - NEW! - by Shane T!
   ========================================================================== */


/* div */
.chose-your-county p {
	color:#fff;
	font-family: 'MuseoSlab-500', serif;
    font-size:1.5em;
    font-style: normal;
    font-weight: normal;
	margin-top:0;
}

.lightbox {
	visibility:visible !important;
}

.lightbox.sec_in_your_area .chose-your-county select,
.lightbox.sec_programmes_events .chose-your-county select,
.lightbox.sec_get_involved .chose-your-county select,
.lightbox.sec_exercise .chose-your-county select {
	border:none;
    font-style: normal;
    font-weight: normal;
	height:35px;
	width:100%;
}

.lightbox.sec_programmes_events .chose-your-county button,
.lightbox.sec_in_your_area .chose-your-county button,
.lightbox.sec_get_involved .chose-your-county button,
.lightbox.sec_exercise .chose-your-county button {
	box-shadow:	4px 4px 4px #666;
	font-size:1.35em;
	padding: .5em 0;
	width:100%;
}

.lightbox .lightbox-county {
    width : 203px;
}

.events-selects {
	float:left;
	min-height:30px;
}
.events-selects select {
    margin-bottom:0;
}
.events-buttons {
	float:left;
	margin-left:10px;
	min-height:30px;
	width:72px;
}

.events-date {
	cursor: pointer;
	*display:inline;
	display: inline-block;
	height:28px;
	width:31px;
}

.events-nearme {
    display: inline-block;
    width:108px;
    height:28px;
    background: url('/images/events/nearme.png');
    *display:inline;
    cursor: pointer;
    margin-right: 5px;
}

.yourlocalcontacts {
    font-family: 'MuseoSlab-500', serif;
    font-size: 16px;
    font-weight: normal;
	margin:.25em 0;
}

.findcontent-container {
    float: left;
    width: 30%;
}

.yourcontact {
	margin:.25em 0;
}

.location-suggestions {
    background : white;
    list-style-type: none;
}

.location-suggestions li {
    list-style-type: none;
}

.location-suggestions li:hover {
    cursor: pointer;
    background: blue;
    color:white;
}

.calendar {
    color: #fff;
    font-family: 'MuseoSlab-500', serif;
    font-size: 1.3em;
	padding: .75em 2%;
    position: absolute;
    width: 400px; /* on mobile this'll be 92% */
}

/* ul */
.calendar-months {
	background:url("/images/bg_cal_dvdr_mobile.png") repeat-x scroll left top transparent;
    list-style-type: none;
    margin-right:.5em;
}
.calendar-months li {
	background:url("/images/bg_menu_dvdr_mobile.png") repeat-x scroll left bottom transparent;
    margin: 0;
}

.calendar-months li:first-child { border-top: none }
.calendar-months li:last-child { border-bottom: none } 

.calendar-months li span {
    cursor: pointer;
    display: inline-block;
	height:38px;
    *display: inline;
	line-height:35px;
    width: 33%;
}
.calendar .yearheader {
    color: white !important;
    display: inline-block;
    *display: inline;
    text-decoration: none;
	zoom:1;
}
.calendar .prevyear {
	margin-left:3%;
    text-align: left;
    width: 30%;
}
.calendar .currentyear {
	padding-left:1%;
    width: 31%;
}

.calendar .nextyear {
	margin-right:3%;
    text-align:right;
    width: 30%;
}
.calendar .m {
	background: url("/images/sprite_nav.png") no-repeat scroll 95% -290px;
    color: #fff !important; /*wtf*/
    display: inline-block;
    *display: inline;
    font-size: 30px;
	height:35px;
	line-height:35px;
    text-decoration: none;
	text-indent:-9600px;
	width:31%;
	zoom:1;
}

.events-controls select {
	height:30px;
	padding: .5em 1%;
}

.events-controls select { /* see: colors.css */
}

span.events-date,
span.events-nearme {
	background-repeat:no-repeat; 
	display:inline-block;
}

span.word-date {
	color:#1999C9;
	float:left;
	height:28px;
	line-height:28px;
	width:38px;
}

span.events-date {
	background-position: 100% 0;
	float:left;
}
span.events-nearme {
	background-position: 0 0;
	text-indent:-9600px;
	float:left;
}
.events-Within {
	float:left;
	width:120px;
}
.events-Within select {
	float:left;
	margin-left:60px;
	width:70px;
}
#events-display {
	clear:both;
	padding-top:.75em;
}
#events-display ul {
	list-style:none;
	margin-left:0;
	margin-top:0;
	width:100%;
}
/* li */
.month-event {
	margin-bottom:2em;
}
#events-display h2 {
	font-size:1.9em;
	margin: .25em 0;
}
p.search-intro {
	color:#666;
	font-family: 'MuseoSlab-500', serif;
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1em 0;
}
#events-display h3 {
	border-top:1px solid #fff;
	clear:both;
	display:block;
	font-size:1em;
	height:1.75em;
	line-height:1.75em;
	margin-bottom:.25em;
	padding-top:3px;
	padding-left:10px;
	text-transform:uppercase;
}

.month-event {
    width: 100%;
}
.month-event > header {
    float: left;
    width: 5%;
    padding-top: 1.83em; /*webkit*/
}

.month-event .event-info {
    float: left;
	margin-left:5%;
	margin-top: .6em;
    width: 90%;
}

.start-day,
.start-month,
.yearround-1,
.yearround-2,
.multiday,
.multi-1,
.multi-2 {
	font-family: 'MuseoSlab-500', serif;
    text-transform: uppercase;
    display: block;
	text-align:center;
}

.start-day {
    font-size: 36px;
}
.start-month {
	color:#888;
    font-family: 'MuseoSlab-500', serif;
    font-size: 18px;
	margin-top:.3em;
}
.yearround-1 {
    color: #888;
    font-size: 16px;
}
.sec_programmes_events  .yearround-1 {
	color: #888;
	font-size: 16px;
}
.yearround-2 {
	color:#888;
    font-size: 11px;
}
.multi-1 {
    color: #888;
    font-size: 15px;
}
.sec_programmes_events  .multi-1 {
	color: #888;
    font-size: 15px;
}
.multi-2 {
	color:#888;
    font-size: 11px;
}
.event-detail {
    float: left;
	line-height:1.5em;
	margin-right:2%;
	margin-bottom:1em;
    width: 48%;
}

.event-detail header {
    color: #888;
	font-family: 'MuseoSlab-500', serif;
	font-size:.85em;
	line-height:1.5em;
    text-transform: uppercase;
}

#events-display .event-info h2 {
	font-size:1.35em;
}
#events-display .event-info h2 a {
	display:inline;
	padding-right:27px;
	text-decoration:none;
}

#events-display .event-info h2 a:visited {
	color:inherit;
}
#events-display .event-info h2 a {
	display:inline;
	padding-right:27px;
	text-decoration:none;
}

.event_display_description{
clear:left;
}

/* END: EVENTS */


/* 	=============================
	CMS Admin Link Hacks
	============================= */
	
#banner .spAdminLinks, 
#banner .spAdminLink.spAdd {
    position: absolute;
    bottom: 4px;
    right: 12px;
    z-index: 4;
}
.spAdminLinks {
    display: block;
}
.spAdminLinks a {
    display: inline !important;
}
#banner .spAdminLinks a, 
#banner .spAdminLink.spAdd {
    color: #128dc5;
}
#banner .spContentHighlight, 
#banner .spContentWarning {
    border: none;
    opacity: 1;
}
#banner .main br {
    display: none;
}
/* spContent outputs a <br /> when there is no content, and the admin links are on. Phooey. */
div#home-section-2 span.spContentAdmin { /* So the editor can click on the Feature Box EDIT links */
    margin-top:30px;
}
input.error { border: 1px solid red; }

/* 	=============================
	back_to_the_schoolyard_donation Hacks
	============================= */

#back_to_the_schoolyard_donation .content {width:96%;}

/* 	=============================
    Handy highlight colours
	============================= */

/* div.wrapper {
    background-color: #f1f1f1;
}
#header {
    background:orange;
}
.buts-wrap {
	background:blue;
}
div#quick_search {
	BACKGROUND-COLOR: green;
}
#header h1 {
	BACKGROUND: yellow;
}
#mainnav {
	background:yellow;
}
.home-section-1 {
    background-color:gray;
}

.home-section-1-video {
    background-color:orange;
}
div.welcome-text {
    background:#CCF;
}
div#footer .wrapper {
    background-color:none !important;
}
#footer .ql {
    background:gray;
}
*/