/* HTML5 boilerplate - normalize css */

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

audio,
canvas,
video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

	audio:not([controls]) {
		display: none;
	}

[hidden] {
	display: none;
}


html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	overflow-y: scroll;
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
}

body, figure, form {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

h1 {
	font-size: 2em;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

mark {
	background: #FF0;
	color: #000;
}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

	q:before,
	q:after {
		content: '';
		content: none;
	}

small {
	font-size: 75%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul, ol {
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

p, ul, ol {
	margin: 0 0 1em 0;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

	nav ul li a:hover, nav ol li a:hover {
		text-decoration: none;
	}

img {
	border: 0;
	display: block;
	-ms-interpolation-mode: bicubic;
	height: auto !important;
}

svg:not(:root) {
	overflow: hidden;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

iframe {
	border: 0;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
		*overflow: visible;
	}

	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
		*height: 13px;
		*width: 13px;
		vertical-align: text-bottom;
	}

	input[type="checkbox"] {
		*vertical-align: baseline;
	}

	input[type="search"] {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}

		input[type="search"]::-webkit-search-decoration,
		input[type="search"]::-webkit-search-cancel-button {
			-webkit-appearance: none;
		}

	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	text-align: left;
	vertical-align: top;
}

tr:nth-of-type(odd) {
	background-color: #E1E1E1;
}

table tr {
	line-height: 18px;
}

	table tr td p {
		margin: 0;
		padding: 10px 0px;
	}

body,
img,
.wrapper {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

/* custom styles */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	-webkit-tap-highlight-color: #000;
}

::selection {
	background: #000;
	color: #FEB913;
}

::-moz-selection {
	background: #000;
	color: #FEB913;
}

img::selection {
	background: transparent;
}

img::-moz-selection {
	background: transparent;
}


body {
	background: #FFF;
	color: #000;
	font-family: "myriad-pro", Arial, sans-serif;
	font-size: 0.85em;
	font-weight: 400;
	line-height: 1.5em;
}

.wrapper,
.container {
	margin: 0 auto;
	min-width: 960px;
	position: relative;
	width: 960px;
}

.layout {
	min-width: 960px;
	width: 100%;
}

.container {
	/* padding-top: 30px; */
	padding-top: 15px;
	position: relative;
	z-index: 1;
}

.left {
	float: left;
}

.right {
	float: right;
}

.hidden {
	display: none;
}

b, strong {
	font-weight: 700;
}

a {
	color: #000;
	font-style: italic;
	text-decoration: none;
}

	a:hover {
		color: #333;
		text-decoration: underline;
	}

h1 {
	font-size: 1.8em;
	line-height: 1.125em;
	margin: 0 0 1em;
}

h2 {
	font-size: 1.4em;
	line-height: 1.125em;
	margin: 0 0 1em;
}

h3, h4, h5, h6 {
	font-size: 1.1em;
	line-height: 1.384em;
	margin: 0 0;
}

.portal h1 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}

img.right,
figure.right {
	margin: 0.5em 0 0.5em 0.5em;
}

img.left,
figure.left {
	margin: 0.5em 0.5em 0.5em 0;
}

#mainNavForm select, #sideNavForm select {
	display: none;
}

header {
	border-top: 4px solid #000;
	height: 126px;
}

	header h1 {
		background: url(/images/sprite.png) no-repeat 0 -27px;
		height: 109px;
		overflow: hidden;
		padding-top: 13px;
		text-indent: -9999em;
		width: 87px;
	}

#searchBox {
	position: absolute;
	top: 80px;
	right: 0;
}

	#searchBox input.input {
		background: #E5E5E5;
		border: 0;
		float: left;
		font-size: 13px;
		font-style: italic;
		height: 28px;
		line-height: 28px;
		padding-left: 10px;
		width: 213px;
	}

	#searchBox input.submit {
		background: #000 url(/images/sprite.png) no-repeat -470px 0;
		border: 0;
		cursor: pointer;
		float: left;
		height: 30px;
		overflow: hidden;
		text-indent: -9999em;
		width: 30px;
	}

nav ul li {
	float: left;
}

	nav ul li a {
		color: #5F4507;
		display: block;
		float: left;
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		padding: 9px 17px;
		text-transform: uppercase;
	}

/* Top Nav */

nav#topNav {
	position: absolute;
	height: 38px;
	top: 0;
	right: 0;
}

	nav#topNav ul li a:hover {
		color: #000;
	}

	nav#topNav ul li a {
		color: #707070;
	}


	nav#topNav ul li.donate a {
		background-color: #FEB913;
		color: #5F4507;
		margin-right: 5px;
	}

		nav#topNav ul li.donate a:hover {
			color: #000;
		}

	nav#topNav ul li.supporter a {
		background-color: #000;
		color: #FFF;
	}

		nav#topNav ul li.supporter a:hover {
			color: #FEB913;
		}

/* Main Nav */

nav#mainNav {
	background: #FEB913;
	box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	height: 38px;
	position: relative;
	z-index: 2;
}

	nav#mainNav ul li {
		position: relative;
	}

		nav#mainNav ul li a {
			padding: 0 16px;
			height: 39px;
			line-height: 39px;
		}

		nav#mainNav ul li:hover,
		nav#mainNav ul li.selected {
			background: #000;
		}

			nav#mainNav ul li:hover a,
			nav#mainNav ul li.selected a {
				color: #FFF;
			}

		/* Main Nav Drop Down Menu */

		nav#mainNav ul li ul {
			background: #000;
			border-bottom: 3px solid #FEB913;
			display: none;
			left: 0;
			position: absolute;
			top: 38px;
			z-index: 99999;
			height: auto;
			width: 240px;
		}

			nav#mainNav ul li ul li {
				float: none;
				display: block;
				width: 240px;
			}

				nav#mainNav ul li ul li a {
					float: none;
					display: block;
				}

				nav#mainNav ul li ul li a {
					background: #000;
					border-right: 3px solid #000;
					color: #D7D7D7;
					height: auto;
					line-height: 1.2em;
					padding: 8px 17px;
				}

					nav#mainNav ul li ul li a:hover {
						background: #FFF;
						border-right: 3px solid #FEB913;
						color: #000;
					}

/* Side Nav */

nav#sideNav {
	width: 213px;
}

	nav#sideNav ul li,
	nav#sideNav ul li a {
		float: none;
	}

	nav#sideNav ul li {
		background: none;
		border-bottom: 1px solid #FFF;
	}

		nav#sideNav ul li ul {
			border-top: 1px solid #FFF;
		}

		/* 1st level sidebar */

		nav#sideNav ul li a {
			background: #4C4C4C;
			border-right: 3px solid #4C4C4C;
			color: #FFF;
			line-height: 1.2em;
		}

			nav#sideNav ul li a:hover {
				background: #000;
				border-right: 3px solid #000;
			}

			nav#sideNav ul li a.selected {
				background: #FEB913;
				border-right: 3px solid #000;
				color: #000;
			}

		/* 2nd level sidebar */

		nav#sideNav ul li ul li a {
			background: #EEE;
			border-right: 3px solid #CCC;
			color: #555;
		}

			nav#sideNav ul li ul li a:hover {
				background: #333;
				border-right: 3px solid #A4A4A4;
				color: #FFF;
			}

			nav#sideNav ul li ul li a.selected {
				background: #FEB913;
				color: #000;
			}

				nav#sideNav ul li ul li a.selected:hover {
					border-right: 3px solid #000;
				}

		nav#sideNav ul li ul li ul li a.selected {
			background: #CCC;
			border-right: 3px solid #CCC;
			color: #555;
		}

			nav#sideNav ul li ul li ul li a.selected:hover {
				border-right: 3px solid #E1E1E1;
			}

		/* 3rd level sidebar */

		nav#sideNav ul li ul li ul li a,
		nav#sideNav ul li ul li ul li a.selected {
			background: #EDEDED;
			border-right: 3px solid #EDEDED;
			color: #555;
			font-weight: 400;
			text-transform: none;
		}

			nav#sideNav ul li ul li ul li a:hover,
			nav#sideNav ul li ul li ul li a.selected:hover {
				background: #E1E1E1;
				border-right: 3px solid #E1E1E1;
				color: #000;
			}

			nav#sideNav ul li ul li ul li a.selected,
			nav#sideNav ul li ul li ul li a.selected:hover {
				background: #FEB913;
				border-right: 3px solid #000;
				color: #000;
				font-weight: 600;
			}

/* Hero */

#hero {
	width: 100%;
	height: 365px;
}

.heroimg {
	background-color: #000;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 365px;
	position: absolute;
}

#headertxt {
	color: #FFF;
	height: 60px;
	line-height: 55px;
	margin: 0 auto;
	position: relative;
	top: 305px;
	z-index: 1;
}

#band {
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.75);
	height: 60px;
	position: absolute;
	top: 473px;
}

#firstline {
	font-weight: 700;
	font-style: italic;
	font-size: 25px;
	padding-right: 40px;
}

.caption,
.pictured {
	float: left;
	display: inline-block;
}

	.caption span {
		float: left;
	}

a#pictureduri {
	background: url(/images/sprite.png) no-repeat -178px -40px;
	color: #FEB913;
	font-weight: 700;
	font-style: normal;
	padding-left: 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.btn {
	height: 19px;
	width: 19px;
	float: left;
	cursor: pointer;
}

#back {
	background: url(/images/sprite.png) no-repeat -105px -43px;
}

#next {
	background: url(/images/sprite.png) no-repeat -131px -43px;
}

#back:hover {
	background: url(/images/sprite.png) no-repeat -105px -74px;
}

#next:hover {
	background: url(/images/sprite.png) no-repeat -131px -74px;
}

#control {
	background-image: url(/images/btn_pause.png);
	margin: 0 10px;
}

#headernav-outer {
	position: relative;
	top: 276px;
	margin: 0 auto;
	width: 960px;
	z-index: 2;
}

#headernav {
	float: right;
	white-space: nowrap;
}

/* generic page hero banner */

#banner {
	background-color: #000;
	background-repeat: no-repeat;
	background-position: top center;
	height: 205px;
	position: relative;
	z-index: -5;
}

	#banner.first-aid {
		background-image: url(/images/banner-first-aid.jpg);
	}

	#banner.meet-our-people {
		background-image: url(/images/banner-first-aid.jpg);
	}

	#banner.history {
		background-image: url(/images/banner-history.jpg);
	}

	#banner.ambulance-case-studies {
		background-image: url(/images/banner-ambulance-case-studies.jpg);
	}

	#banner #band {
		top: 145px;
	}

		#banner #band h1 {
			color: #FFF;
			font-weight: 700;
			font-style: italic;
			font-size: 27px;
			margin: 0 auto;
			padding-top: 13px;
			width: 960px;
		}

/* breadcrumbs */

.breadcrumbs {
	color: #898989;
	margin: 0 auto;
	font-size: 11px;
	padding: 10px 0;
	text-transform: uppercase;
	width: 960px;
}

	.breadcrumbs a {
		font-weight: 700;
		font-style: normal;
		text-decoration: none;
	}

/* content sections */

#mainContent {
	float: left; /*width: 480px;*/
	width: 504px;
	padding: 0 24px;
}

#homeContent {
	float: left;
	width: 744px;
	padding: 0 24px 0 0;
}

#fullContent {
	float: none;
	width: 100%;
}

#leftContent {
	float: left;
	width: 216px;
}

#rightContent {
	float: left;
	width: 190px;
}

.home #rightContent {
	padding-top: 36px;
}

.intro {
	font-style: italic;
	font-size: 1.2em;
	font-weight: 600;
	padding-bottom: 20px;
}

.intro-large {
	font-size: 1.4em !important;
}

.intro-plain {
	font-size: 1.2em;
	font-weight: 600;
	padding-bottom: 20px;
}

.intro-search {
	margin-left: -5px;
	padding-bottom: 0px;
}

.intro a {
	text-decoration: underline;
}

	.intro a:hover {
		text-decoration: none;
	}

table.standard {
	margin-bottom: 20px;
	width: 100%;
}

	table.standard tr:nth-child(even) td {
		background: #FFF;
	}

	table.standard tr:nth-child(odd) td {
		background: #EBEBEB;
	}

	table.standard td {
		border-right: 1px solid #D9D9D9;
		padding-left: 10px;
	}

		table.standard td:last-child {
			border-right: 0;
		}

table.booking {
	margin-bottom: 20px;
	width: 75%;
	font-weight: 700;
}

	table.booking td {
		padding: 8px 10px;
		border-bottom: 1px solid #B7B7B7;
	}

		table.booking td:first-child {
			border-bottom: 2px solid #FEB913;
			text-transform: uppercase;
		}

.button a,
fieldset input.submit {
	background: #FEB913 url(/images/sprite.png) no-repeat -175px -64px;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 20px;
	padding: 7px 17px 7px 23px;
	text-decoration: none;
	text-transform: uppercase;
}

	.button a:hover {
		background: #000 url(/images/sprite.png) no-repeat -175px -32px;
		color: #FFF;
	}

#map {
	background: #98B2CD;
	width: 500px;
	height: 580px;
}

#mainContent img, #mainContent figure {
	max-width: 100%;
}

#mainContent #map img, #mainContent #map figure {
	max-width: none;
}

figure.tagline {
	display: block;
	margin: 0 0 10px;
	position: relative;
}

	figure.tagline.casestudy {
		display: block;
		margin: 0 0 30px;
	}

		figure.tagline.casestudy h2,
		figure.tagline.testimonial h2 {
			height: 36px;
			line-height: 36px;
			margin: 0;
		}

p.author {
	font-style: italic;
}

figure.tagline.casestudy img,
figure.tagline.testimonial img,
figure.tagline.testimonial div {
	border-top: 3px solid #FEB913;
}

figure.tagline figcaption {
	background: rgb(254,185,19);
	background: rgba(254,185,19,0.9);
	bottom: 0;
	display: block;
	line-height: 1.2em;
	position: absolute;
	width: 100%;
}

figure.tagline.casestudy figcaption {
	background: #000;
	color: #FFF;
	position: relative;
	width: 100%;
}

figure.tagline figcaption p {
	font-size: 0.9em;
	font-style: italic;
	margin: 0;
	padding: 7px 10px;
}

figure.tagline.casestudy figcaption p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.2em;
}

figure.tagline.casestudy figcaption .button {
	margin: 5px 10px;
}

	figure.tagline.casestudy figcaption .button a:hover {
		background-color: #333;
	}

a.more {
	font-weight: 700;
	text-transform: uppercase;
}

	a.more:before {
		content: "\00bb\00a0";
		font-size: 1.5em;
	}

figure.zoom {
	display: inline-block;
	position: relative;
}

	figure.zoom figcaption {
		background: #FEB913 url(/images/sprite.png) no-repeat 2px 0;
		bottom: 0;
		height: 30px;
		overflow: hidden;
		position: absolute;
		right: 0;
		text-indent: -9999em;
		width: 30px;
	}

figure.gallery-image.zoom figcaption {
	bottom: 12px;
}

#rightContent img {
	margin-bottom: 30px;
}

#rightContent .testimonial {
	border-bottom: 1px solid #FEB913;
	font-style: italic;
	height: 150px;
	margin-bottom: 30px;
	padding: 10px 0 0;
	width: 192px;
}

	#rightContent .testimonial p {
		display: none;
	}

	#rightContent .testimonial span {
		font-weight: 700;
		display: block;
		text-align: right;
	}

	#rightContent .testimonial:before {
		background: url(/images/sprite.png) no-repeat -263px -118px;
		content: "";
		display: block;
		height: 25px;
		width: 192px;
	}

/* poll */

.poll {
	background: #7AA316 url(/images/green-corners.gif) no-repeat 0 0;
	margin-bottom: 30px;
	width: 192px;
}

	.poll h2 {
		color: #FFF;
		font-style: italic;
		margin: 0;
		padding: 15px 0 0 15px;
	}

	.poll ul + h2 {
		padding: 5px 0 5px 15px;
	}

	.poll p {
		color: #FFF;
		font-style: italic;
		margin: 0;
		padding: 5px 15px;
	}

	.poll .questions,
	.poll .answers {
		background: #C1D594;
		list-style: none;
		margin: 5px 15px;
		padding: 5px;
	}

	.poll li {
		display: block;
		padding: 0 0 3px;
	}

	.poll input,
	.poll label {
		display: inline-block;
		font-style: italic;
	}

	.poll label {
		padding-left: 3px;
	}

	.poll .answers label {
		display: block;
	}

	.poll .answers .results {
		background: #FFF url(/images/pollbarbg.gif) repeat-x;
		border: 1px solid #C8C8C8;
		display: inline-block;
		height: 8px;
		margin-right: 5px;
		overflow: hidden;
		width: 115px;
	}

		.poll .answers .results img {
			display: block;
			height: 8px !important;
			margin: 0;
		}

	.poll .answers i {
		display: inline-block;
		font-style: italic;
	}

	.poll .button {
		margin: 15px 0 0 15px;
	}

		.poll .button a {
			margin: 0 0 10px;
		}

	.poll .clear {
		background: #7AA316 url(/images/green-corners.gif) no-repeat bottom right;
		height: 6px;
		visibility: visible;
		width: 192px;
	}

/* homepage content blocks */

.content-block {
	border-bottom: 1px solid #CCC;
	color: #000000;
	height: 388px;
	float: left;
	/* margin-top: 39px; */
	margin-top: 9px;
	position: relative;
	width: 360px;
}

	.content-block.latest-tweets,
	.content-block.latest-news {
		float: right;
	}

	.content-block h1 {
		border-bottom: 3px solid #FEB913;
		color: #000;
		font-size: 1.4em;
		height: 36px;
		line-height: 36px;
		margin: 0;
		width: 360px;
	}

		.content-block h1 a {
			color: #4C4C4C;
			font-size: 0.8em;
			font-style: normal;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
		}

	.content-block.latest-tweets h1 a {
		text-transform: none;
	}

	.content-block h1 a:before {
		content: "\00a0|\00a0";
		display: inline-block;
		font-weight: 400;
		font-size: 0.8em;
		vertical-align: bottom;
	}

.community-programmes ul,
ul.tweet_list {
	list-style: none;
	margin: 8px 0 0 0;
	padding: 0;
}

	.community-programmes ul li {
		border-top: 1px solid #CCC;
		height: 41px;
		line-height: 41px;
	}

		.community-programmes ul li:first-child {
			border-top: 0;
		}

		.community-programmes ul li a {
			font-weight: 700;
			text-transform: uppercase;
		}

			.community-programmes ul li a:before {
				content: "\00bb\00a0";
				font-size: 1.5em;
			}

.latest-news article {
	border-bottom: 1px solid #CCC;
	height: 148px;
	margin: 23px 0 12px;
}

	.latest-news article:last-child {
		border-bottom: 0;
	}

	.latest-news article header {
		border: 0;
		height: auto;
	}

		.latest-news article header h2 {
			color: #000;
			font-size: 1em;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.latest-news article header time {
			text-transform: uppercase;
		}

.st-john-local h2 {
	color: #000;
	margin: 10px 0 5px;
}

ul.tweet_list li {
	border-bottom: 1px solid #CCC;
	height: 100px;
}

	ul.tweet_list li:last-child {
		border-bottom: 0;
	}

	ul.tweet_list li a {
		font-style: normal;
	}

span.tweet_time {
	display: block;
	margin: 1em 0;
}

span.arrow {
	background: url(/images/sprite.png) no-repeat bottom left;
	display: block;
	height: 7px;
	left: 17px;
	position: absolute;
	top: 39px;
	width: 13px;
}

/* landing pages */

.page-feature,
.faqs-section {
	float: left;
	margin: 0 3% 30px 0;
	position: relative;
	width: 30%;
}

	.page-feature.image-box,
	.faqs-section.image-box {
		background: #000;
		color: #FFF;
		height: 330px;
	}

	.faqs-section.image-box {
		height: 152px;
	}

	.page-feature.text-box {
		border-bottom: 1px solid #B2B2B2;
		color: #7D7D7D;
		height: 150px;
	}

	/*.page-feature:nth-child(3n),
.faqs-section:nth-child(3n) {
	margin: 0 0 30px 0;
}*/

	.page-feature h2,
	.faqs-section h2 {
		height: 36px;
		line-height: 36px;
		margin: 0;
		width: 216px;
	}

	.page-feature.image-box h2,
	.faqs-section.image-box h2 {
		background: #FFF;
		color: #000;
		width: 100%;
	}

	.page-feature.text-box h2 {
		color: #000;
		font-size: 1em;
		text-transform: uppercase;
	}

	.page-feature img,
	.faqs-section img {
		border-top: 3px solid #FEB913;
		margin: 0;
		width: 100%;
	}

	.page-feature .content {
		font-style: italic;
		font-size: 16px;
		padding: 12px;
	}

		.page-feature .content p {
			height: 100px;
			overflow: hidden;
		}

		.page-feature .content .button a {
			font-size: 0.9em;
			margin-bottom: 10px;
		}

			.page-feature .content .button a:hover {
				background-color: #333;
			}

/* first aid library */

.library-section {
	float: left;
	margin: 0 24px 10px 0;
	position: relative;
	width: 216px;
}

	.library-section.image-box {
		background: #000;
		color: #FFF;
		height: 152px;
	}

	.library-section h2 {
		height: 36px;
		line-height: 36px;
		margin: 0;
		width: 216px;
	}

	.library-section.image-box h2 {
		background: #FFF;
		color: #000;
	}

	.library-section img {
		border-top: 3px solid #FEB913;
	}

/* image gallery */

.gallery-image {
	float: left;
	height: 125px;
	margin: 0 24px 10px 0;
	position: relative;
	width: 216px;
}

/* our people */

.staff-members {
	padding-bottom: 30px;
}

.staff-member {
	float: left;
	height: 237px;
	margin: 0 15px 15px 0;
	overflow: hidden;
	position: relative;
	width: 158px;
}

	.staff-member a,
	.staff-member a:hover {
		cursor: pointer;
		font-style: normal;
		text-decoration: none;
	}

	.staff-member:nth-child(3n) {
		margin: 0 0 15px 0;
	}

	.staff-member img {
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	.staff-member .details {
		background: rgb(254,185,19) url(/images/sprite.png) no-repeat -295px 170px;
		background: rgba(254,185,19,0.9) url(/images/sprite.png) no-repeat -295px 170px;
		height: auto;
		left: 0;
		padding: 10px;
		position: absolute;
		bottom: 0;
		width: 138px;
		z-index: 2;
	}

	.staff-member a:hover .details {
		height: 217px;
		display: table;
	}

	.staff-member .details hgroup {
		display: table-cell;
		vertical-align: bottom;
	}

	.staff-member .details h3 {
		font-size: 1.4em;
		margin-bottom: 0;
	}

	.staff-member a:hover .details h3 {
		margin-bottom: 0.5em;
	}

	.staff-member .details h4 {
		display: none;
	}

	.staff-member a:hover .details h4 {
		color: #FFF;
		display: block;
		font-size: 1em;
		text-transform: uppercase;
	}

	.staff-member a:hover h3 {
		color: #000;
	}

	.staff-member a:hover h4 {
		color: #FFF;
	}

/* people detail page */

.staff-member-detail {
	float: right;
	width: 336px;
}

	.staff-member-detail h1 {
		font-size: 1.6em;
	}

	.staff-member-detail h2 {
		font-size: 1.2em;
	}

.staff-member-photo {
	float: left;
	width: 168px;
}

.staff-member-detail-photo {
	display: none;
}

/* news, info, events pages */

#mainNews article,
#mainEvents article {
	border-top: 1px solid #CCC;
	padding: 10px 0;
}

#mainEvents article {
	margin: 5px 0 20px;
	padding: 0 0 5px 0;
}

#mainNews.news-article-detail article {
	border: 0;
	padding: 0 0 10px;
}

#mainNews article header,
#mainEvents article header {
	border: 0;
	height: auto;
	margin-bottom: 10px;
}

#mainEvents article header {
	background: #F1F1F1;
	padding: 10px;
}

#mainNews article h2,
#mainEvents article h2 {
	font-size: 1em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#mainEvents article h3 {
	font-size: 1em;
	margin: 0 0 0.384em;
	text-transform: uppercase;
}

#mainNews.news-article-detail article h2 {
	font-size: 1.4em;
	text-transform: none;
}

#mainNews article time,
#mainEvents article time,
#mainNews span.author,
#mainEvents article header span i,
#eventsDetail .event-section time,
#eventsDetail .event-section i {
	color: #7D7D7D;
	font-style: normal;
	text-transform: uppercase;
}

#mainEvents article header span strong,
#eventsDetail .event-section span strong {
	display: inline-block;
	width: 60px;
}

#mainNews.news-article-detail figure {
	margin-top: 10px;
}

.event-section {
	float: left;
	width: 220px;
}

#eventSections {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.event-section:nth-child(2) {
	border-left: 0;
}

/* event filters */

#FilterBasic {
	border-top: 1px solid #CCC;
	height: 25px;
	padding: 10px;
}

	#FilterBasic fieldset {
		width: auto;
	}

	#FilterBasic span,
	#FilterBasic select {
		display: inline-block;
		float: left;
		margin-right: 10px;
	}

	#FilterBasic span {
		padding-top: 5px;
	}

	#FilterBasic fieldset select {
		width: 100px;
	}

	#FilterBasic span.event-advanced {
		background: url(/images/arrows.gif) no-repeat;
		color: #7D7D7D;
		cursor: pointer;
		float: right;
		font-size: 0.9em;
		margin: 0;
		padding-right: 15px;
		text-transform: uppercase;
	}

		#FilterBasic span.event-advanced:hover {
			color: #000;
		}

		#FilterBasic span.event-advanced.open {
			background-position: right 13px;
		}

		#FilterBasic span.event-advanced.closed {
			background-position: right -186px;
		}

/* All advancedOptions moved to custom.css */
#advancedOptions {
	/* display: none; - Removed as the panel is always shown now */
	margin: 5px 0 0;
	padding: 10px;
}

	#advancedOptions fieldset {
		padding: 10px 0;
	}

	#advancedOptions input.submit {
		margin: 0;
	}

/* pagination */

#pagination {
	border-top: 1px solid #CCC;
	padding: 20px 0 0;
}

	#pagination .direction {
		display: inline-block;
		float: right;
	}

		#pagination .direction div {
			float: right;
		}

#mainNews.news-article-detail #pagination .direction {
	float: none;
	width: 100%;
}

	#mainNews.news-article-detail #pagination .direction div.previous {
		float: left;
	}

#pagination .numbers {
	display: inline-block;
	float: left;
}

#pagination a {
	cursor: pointer;
}

#pagination a, #pagination span {
	background-color: #EDEDED;
	border-radius: 3px;
	color: #555;
	display: block;
	float: left;
	font-weight: bold;
	font-style: normal;
	height: 20px;
	line-height: 20px;
	margin-right: 5px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 22px;
}

#pagination .next a,
#pagination .previous a,
#pagination .next span,
#pagination .previous span {
	font-size: 1.4em;
}

#pagination span {
	background-color: #FEB913;
	color: #000;
}

#pagination .next span,
#pagination .previous span {
	background-color: #EDEDED;
	color: #CCC;
}

#pagination a:hover {
	background-color: #000;
	color: #FFF;
}

/* forms */

fieldset {
	/*padding-bottom: 30px;*/
	width: 500px;
}

	fieldset legend {
		font-size: 1.2em;
		font-weight: 600;
		padding-bottom: 20px;
	}

		fieldset legend span {
			color: #AAA;
			font-size: 0.825em;
			font-weight: normal;
			padding-left: 10px;
		}

	fieldset .label {
		float: left;
		padding-top: 3px;
		width: 150px;
	}

	fieldset .input {
		float: left;
		width: 265px;
	}

	fieldset .status {
		color: #AAA;
		float: left;
		padding-top: 3px;
		width: 80px;
	}

		fieldset .status.required {
			color: #F00;
		}

.ie7 fieldset .label,
.ie7 fieldset .input,
.ie7 fieldset .status {
	padding-bottom: 10px;
}

fieldset .label,
fieldset label {
	font-weight: 600;
	text-transform: uppercase;
}

fieldset input,
fieldset select,
fieldset textarea {
	background: #EBEBEB;
	color: #666;
	font-family: "myriad-pro", Arial, sans-serif;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 235px;
}

fieldset textarea {
	height: 70px; /*180px; */
}

fieldset select {
	width: 256px;
}

fieldset input,
fieldset textarea {
	border: 1px solid #CCC;
}

	fieldset input.prefix {
		margin-right: 10px;
		width: 45px;
	}

	fieldset input.append {
		margin-left: 10px;
		width: 65px;
	}

	fieldset input.input-smaller {
		width: 158px;
	}

	fieldset input.input-smaller-append {
		width: 138px;
	}

fieldset#comment .label {
	display: none;
}

fieldset#comment .input {
	float: none;
	width: 405px;
}

fieldset#comment textarea {
	width: 385px;
}

fieldset#StoryArea textarea {
	width: 385px;
}

fieldset#options .option-set {
	float: left;
	height: 30px;
}

fieldset#options label {
	display: block;
	float: left;
	font-size: 1em;
	font-weight: 400;
	padding: 0 20px 0 0;
	text-transform: none;
}

fieldset#options input {
	background: none;
	border: 0;
	float: left;
	margin: 2px 5px 0 0;
	padding: 0;
	width: auto;
}

fieldset input.submit {
	width: auto;
}

fieldset input.submit,
fieldset#options input.submit {
	background: #FEB913 url(/images/sprite.png) no-repeat -175px -64px;
	border: 0;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	float: left;
	font-style: italic;
	font-weight: 700;
	margin-top: 20px;
	padding: 7px 17px 7px 23px;
	text-decoration: none;
	text-transform: uppercase;
}

	fieldset input.submit:hover,
	fieldset#options input.submit:hover {
		background: #000 url(/images/sprite.png) no-repeat -175px -32px;
		color: #FFF;
	}

/* faqs */

.faqs {
	border-top: 1px solid #CCC;
	margin: 0;
}

	.faqs dt {
		font-weight: bold;
		background: url(/images/q.gif) no-repeat 0 4px;
		border-bottom: 1px solid #CCC;
		font-size: 1.1em;
		padding: 3px 0 6px 30px;
		position: relative;
	}

		.faqs dt:hover {
			cursor: pointer;
		}

	.faqs dd {
		background: url(/images/a.gif) no-repeat 0 6px;
		border-bottom: 1px solid #CCC;
		margin: 0;
		padding: 5px 30px;
		position: relative;
	}

	.faqs .hover {
		background-color: #F6F6F6;
	}

/* location map */

.our-locations {
	height: 580px;
	position: relative;
	width: 500px;
}

.marker {
	height: 26px;
	position: absolute;
	width: 36px;
	z-index: 2;
}

	.marker a.marker-a {
		cursor: pointer;
		display: block;
		font-style: normal;
		height: 26px;
		position: relative;
		width: 36px;
	}

	.marker.sj {
		background: url(/images/marker-sj.png) no-repeat 0 0;
	}

	.marker.fa {
		background: url(/images/marker-fa.png) no-repeat 0 0;
	}

	.marker.yp {
		background: url(/images/marker-yp.png) no-repeat 0 0;
	}

	.marker.ma {
		background: url(/images/marker-ma.png) no-repeat 0 0;
	}

	.marker.hv {
		background: url(/images/marker-hv.png) no-repeat 0 0;
	}

.sj-bubble {
	background: url(/images/sj-bubble.png) no-repeat 0 0;
	bottom: 22px;
	display: none;
	height: 175px;
	left: -15px;
	padding: 7px 0 0 115px;
	position: absolute;
	width: 237px;
}

	.sj-bubble .box {
		height: 105px;
		padding: 10px;
		position: relative;
		width: 202px;
	}

		.sj-bubble .box .close {
			background: url(/images/close.gif) no-repeat 0 0;
			cursor: pointer;
			height: 16px;
			position: absolute;
			top: 0;
			right: 0;
			width: 16px;
		}

		.sj-bubble .box h3 {
			margin: 0;
		}

/* Transferred to Custom.css */
.marker.sj .sj-bubble .box {
	background: #F1F1F1;
}

.marker.fa .sj-bubble .box {
	background: #FEB913;
}

.marker.yp .sj-bubble .box {
	background: #FFE4A3;
}

#mapLegend {
	background: #F1F1F1;
	margin-bottom: 20px;
	padding: 10px;
}

	#mapLegend label {
		font-weight: bold;
	}

	#mapLegend .cbset {
		border-bottom: 1px solid #CCC;
		border-top: 1px solid #FFF;
		padding: 10px 0;
	}

		#mapLegend .cbset:nth-child(2) {
			border-top: 0;
		}

		#mapLegend .cbset:last-child {
			border-bottom: 0;
		}

		#mapLegend .cbset h3 {
			font-size: 1em;
			padding-left: 35px;
		}

		/* Updated class names in Custom.css */
		#mapLegend .cbset.sj {
			background: url(/images/label-sj.gif) no-repeat 0 10px;
		}

		#mapLegend .cbset.fa {
			background: url(/images/label-fa.gif) no-repeat 0 10px;
		}

		#mapLegend .cbset.yp {
			background: url(/images/label-yp.gif) no-repeat 0 10px;
		}

		#mapLegend .cbset.hv {
			background: url(/images/label-hv.gif) no-repeat 0 10px;
		}

		#mapLegend .cbset.ma {
			background: url(/images/label-ma.gif) no-repeat 0 10px;
		}

	#mapLegend .option label {
		font-weight: normal;
	}

/* html banners */

.banner {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	margin: 0 auto 30px;
	padding: 12px 12px 6px;
	text-align: left;
	width: 168px;
}

	.banner p {
		margin: 0 0 0.5em;
	}

	.banner a {
		padding-right: 18px;
	}

		.banner a:hover {
			text-decoration: none;
		}

#rightContent .banner img {
	margin: 0;
}

.banner.yellow {
	background: #FEB913 url(/images/banner-bg-yellow.gif) no-repeat bottom right;
	border-top: 2px solid #000;
	color: #000;
}

	.banner.yellow a {
		background: url(/images/banner-arrow-black.png) no-repeat center right;
		color: #000;
	}

		.banner.yellow a:hover {
			background: url(/images/banner-arrow-white.png) no-repeat center right;
			color: #FFF;
		}

.banner.black {
	background: #000 url(/images/banner-bg-black.gif) no-repeat bottom right;
	border-top: 2px solid #FEB913;
	color: #FFF;
}

	.banner.black a {
		background: url(/images/banner-arrow-yellow.png) no-repeat center right;
		color: #FEB913;
	}

		.banner.black a:hover {
			background: url(/images/banner-arrow-white.png) no-repeat center right;
			color: #FFF;
		}

.banner.grey {
	background: #E9E9E9 url(/images/banner-bg-grey.gif) no-repeat bottom right;
	border-top: 2px solid #FEB913;
	color: #000;
}

	.banner.grey a {
		background: url(/images/banner-arrow-black.png) no-repeat center right;
		color: #000;
	}

		.banner.grey a:hover {
			background: url(/images/banner-arrow-grey.png) no-repeat center right;
			color: #666;
		}
/* footer */

footer .quick-links-header {
	background: url(/images/footerbg.jpg) repeat-x bottom center;
	border-bottom: 1px solid #C8C8C8;
	height: 425px;
}

	footer .quick-links-header .image-container {
		background: url(/images/footer.jpg) no-repeat bottom center;
		height: 425px;
	}

		footer .quick-links-header .image-container .wrapper {
			height: 425px;
		}

footer .quick-links {
	background: #ECECEC;
	padding: 30px 0;
}

	footer .quick-links ul li {
		float: left;
		width: 192px;
	}

		footer .quick-links ul li ul {
			padding-bottom: 30px;
		}

			footer .quick-links ul li ul li {
				float: none;
			}

				footer .quick-links ul li ul li a {
					color: #555;
					display: block;
					float: none;
					font-weight: 400;
					line-height: 1.8em;
					padding: 0 24px 0 0;
					text-transform: none;
				}

					footer .quick-links ul li ul li a:hover {
						color: #000;
					}

footer h2,
footer h3 {
	font-size: 1em;
	text-transform: uppercase;
}

footer .quick-links-header h2 {
	border-bottom: 2px solid #FEB913;
	bottom: -15px;
	left: 0;
	padding-bottom: 10px;
	position: absolute;
}

footer .contact {
	background: #FFF url(/images/greypx.gif) repeat-x 0 40px;
}

	footer .contact h1 {
		float: right;
		height: 112px;
		margin: 0 48px;
		padding: 62px 0 0;
		width: 96px;
	}

		footer .contact h1 a {
			background: url(/images/sprite.png) no-repeat 0 -40px;
			display: block;
			overflow: hidden;
			text-indent: -9999em;
			height: 96px;
			width: 87px;
		}

	footer .contact .social,
	footer .contact .other-sites {
		float: left;
		padding-top: 5px;
		width: 384px;
	}

		footer .contact .social h2,
		footer .contact .other-sites h2 {
			border-bottom: 2px solid #FEB913;
			display: inline-block;
			margin: 0;
			padding: 10px 0 10px;
		}

		footer .contact .social ul,
		footer .contact .other-sites ul {
			margin: 16px 0;
		}

			footer .contact .social ul li,
			footer .contact .other-sites ul li {
				height: 24px;
				line-height: 24px;
				margin-right: 24px;
				margin-bottom: 12px;
				width: 168px;
			}

				footer .contact .social ul li a,
				footer .contact .other-sites ul li a {
					color: #000;
					display: block;
					padding: 0;
				}

				footer .contact .social ul li a {
					background: url(/images/sprite.png) no-repeat;
					padding-left: 34px;
					width: 134px;
				}

					footer .contact .social ul li a:hover {
						color: #FFF;
					}

				footer .contact .social ul li.subscribe a {
					background-position: -476px -40px;
				}

					footer .contact .social ul li.subscribe a:hover {
						background-color: #FEB913;
						color: #000;
					}

				footer .contact .social ul li.sign-up a {
					background-position: -476px -112px;
				}

					footer .contact .social ul li.sign-up a:hover {
						background-color: #000;
					}

				footer .contact .social ul li.twitter a {
					background-position: -476px -64px;
				}

					footer .contact .social ul li.twitter a:hover {
						background-color: #45B0E3;
					}

				footer .contact .social ul li.facebook a {
					background-position: -476px -136px;
				}

					footer .contact .social ul li.facebook a:hover {
						background-color: #39599F;
					}

				footer .contact .social ul li.mobile-apps a {
					background-position: -476px -88px;
				}

					footer .contact .social ul li.mobile-apps a:hover {
						background-color: #999;
					}

				footer .contact .other-sites ul li a:hover {
					color: #333;
				}

footer .copy-legal {
	background: url(/images/legalbg.gif) repeat-y top center;
	font-weight: 700;
	height: 39px;
	line-height: 39px;
	text-transform: uppercase;
}

	footer .copy-legal .charity {
		background: #FEB913;
		float: right;
		font-size: 0.9em;
		padding-left: 10px;
		width: 182px;
	}

	footer .copy-legal .legal {
		float: left;
		width: 340px;
	}

	footer .copy-legal .copy {
		color: #959595;
		float: right;
		font-size: 0.9em;
		padding-right: 10px;
		text-align: right;
		width: 400px;
	}

	footer .copy-legal .legal li {
		float: left;
	}

		footer .copy-legal .legal li a {
			color: #FFF;
			font-size: 0.9em;
			padding: 0 15px 0 0;
		}

			footer .copy-legal .legal li a:hover {
				color: #FEB913;
			}

/* ipad landscape and desktop 1024 */

@media only screen and (min-width: 1001px) and (max-width: 1223px) {
	.wrapper,
	.container,
	#banner #band h1,
	.breadcrumbs {
		max-width: 960px;
		min-width: 720px;
		width: 100%;
	}

	.layout {
		min-width: 720px;
	}
}

/* ipad portrait */

@media only screen and (min-width: 768px) and (max-width: 1000px) {
	.wrapper,
	.container,
	#banner #band h1,
	.breadcrumbs {
		max-width: 760px;
		min-width: 760px;
		width: 100%;
	}

	#banner, #hero {
		display: none;
	}

	.layout {
		min-width: 768px;
	}

	nav#mainNav ul li a {
		padding: 0 7px;
	}

	nav#mainNav ul li ul,
	nav#mainNav ul li ul li {
		width: 195px;
	}

	nav#mainNav ul li.dd:last-child ul {
		left: inherit;
		right: 0;
	}

	#firstline {
		font-size: 18px;
		padding-right: 20px;
	}

	#headernav-outer {
		width: 768px;
	}

	#mainContent {
		padding: 0 12px;
		width: 330px;
	}

	table tr td p {
		padding: 10px 0px;
	}

	#homeContent {
		width: 546px;
	}

	#map {
		background: none;
		height: 22px;
		width: 100% !important;
	}

		#map div {
			width: auto !important;
		}
	/*.page-feature:nth-child(3n),
	.faqs-section:nth-child(3n) {
		margin: 0 24px 30px 0;
	}*/

	.ie6 .page-feature,
	.ie7 .page-feature,
	.ie8 .page-feature {
		margin-right: 24px !important;
	}

	.page-feature, .faqs-section {
		float: left;
		margin: 0 3% 30px 0;
		position: relative;
		width: 47%;
	}

	.staff-member {
		margin: 0 10px 10px 0;
	}

		.staff-member:nth-child(3n) {
			margin: 0 10px 10px 0;
		}

		.staff-member:nth-child(2n) {
			margin: 0 0 10px 0;
		}

	.staff-member-detail {
		float: none;
		width: auto;
	}

	.staff-member-photo {
		display: none;
	}

	.staff-member-detail-photo {
		display: block;
		float: right;
		margin: 0 0 10px 10px;
		max-width: 30%;
	}

	fieldset {
		width: 325px;
	}

		fieldset .label {
			float: none;
			padding-bottom: 5px;
		}

		fieldset .input {
			width: 240px;
		}

		fieldset input, textarea {
			width: 210px;
		}

		fieldset select {
			width: 230px;
		}

		fieldset input.prefix {
			width: 35px;
		}

		fieldset input.input-smaller {
			width: 140px;
		}

		fieldset#comment textarea {
			width: 305px;
		}

		fieldset#options .input {
			width: 325px;
		}

		fieldset .radiobuttonlist {
			width: 240px;
		}

	#FilterBasic span.sort {
		display: none;
	}

	.our-locations {
		width: 300px;
	}

	footer .quick-links ul li {
		width: 152px;
	}

	footer .contact .social, footer .contact .other-sites {
		width: 266px;
	}

	footer .copy-legal .legal li a,
	footer .copy-legal .charity,
	footer .copy-legal .copy {
		font-size: 0.8em;
	}

	footer .copy-legal,
	footer .copy-legal .charity {
		height: 50px;
		line-height: 1.8em;
	}

		footer .copy-legal .copy {
			float: left;
			text-align: left;
		}

	footer .contact .social ul li a,
	footer .contact .other-sites ul li a {
		font-size: 0.9em;
	}

	.content-block,
	.content-block.latest-tweets,
	.content-block.latest-news {
		float: none;
		height: auto;
		width: 546px;
	}

		.content-block h1 {
			width: 546px;
		}

	.latest-news article {
		height: auto;
	}

	#mainContent img,
	#mainContent figure {
		max-width: 100%;
	}

		#mainContent figure.tagline img,
		#mainContent figure.tagline {
			max-width: 100%;
			width: 480px;
		}

	#Image-Maps_4201204301740093 {
		display: none;
	}
}

/* mobile */

@media only screen and (max-width: 767px) {
	.wrapper,
	.container {
		min-width: 320px;
		width: 100%;
	}

	/* Comment to hide hero banner on mobile devices */
	#hero {
		display: none;
	}

	#banner {
		display: none;
	}

		#banner #band h1,
		.breadcrumbs {
			min-width: 300px;
			padding: 10px;
			width: 95%;
		}

		#banner #band h1 {
			font-size: 20px;
			padding: 16px 0 0 10px;
		}

	.layout {
		min-width: 300px;
	}

	#band {
		top: 437px;
	}

	#firstline {
		font-size: 15px;
		padding-right: 10px;
	}

	#headernav-outer {
		width: 100%;
	}

	#headertxt {
		height: auto;
		line-height: 1.2em;
	}

		#headertxt .wrapper {
			width: 95%;
		}

	#headernav {
		margin-right: 10px;
	}

	.pictured {
		display: none;
	}

	.caption {
		display: block;
		height: 16px;
		margin-top: 20px;
		max-width: 200px;
		overflow: hidden;
	}

		.caption:after {
			content: "...";
		}

	nav#mainNav {
		display: none;
	}

	#mainNavForm {
		background: #FEB913;
		padding: 2px 0;
	}

	#sideNavForm {
		padding: 0 0 20px;
	}

		#mainNavForm select,
		#sideNavForm select {
			display: block;
			margin: 5px 5%;
			padding: 5px;
			width: 90%;
		}

		#sideNavForm select {
			border: 1px solid #CCC;
			outline: 5px solid #EEE;
		}

	header {
		height: 160px;
	}

		header h1 {
			margin-left: 5%;
		}

	#searchBox {
		top: 115px;
		right: 5%;
	}

		#searchBox input.input {
			width: 133px;
		}

	nav#topNav {
		height: auto;
		right: 5%;
		top: 5%;
	}

		nav#topNav ul li,
		nav#topNav ul li a {
			float: none;
			display: block;
		}


			nav#topNav ul li a,
			nav#topNav ul li.supporter a,
			nav#topNav ul li.donate a {
				background: #FFF;
				color: #707070;
				padding: 0;
			}

				nav#topNav ul li a:hover,
				nav#topNav ul li.supporter a:hover,
				nav#topNav ul li.donate a:hover {
					background: #FFF;
					color: #000;
				}

	#mainContent,
	#rightContent,
	#homeContent {
		float: none;
		padding: 0;
		width: auto;
	}

	#leftContent {
		display: none;
	}

	#rightContent {
		text-align: center;
	}

	#mainContent,
	#homeContent {
		padding: 0 10px;
	}

	#map {
		background: none;
		margin: 0 auto;
		position: relative;
		width: 100% !important;
	}

		#map div {
			width: auto;
		}

	#Image-Maps_4201204301740093 {
		display: none;
	}

	#rightContent {
		text-align: center;
	}

		#rightContent img,
		#rightContent .testimonial {
			margin: 20px auto;
		}

	.content-block,
	.content-block.latest-tweets,
	.content-block.latest-news {
		float: none;
		height: auto;
		width: 95%;
	}

		.content-block h1 {
			width: 95%;
		}

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

	.latest-news article {
		height: auto;
	}

	.page-features,
	.first-aid-library,
	.contact-us-with-faqs {
		text-align: center;
	}

	.page-feature,
	.library-section,
	.faqs-section,
	.page-feature:nth-child(3n),
	.faqs-section:nth-child(3n),
	figure.gallery-image,
	figure.gallery-image.zoom {
		float: none;
		display: block;
		margin: 0 auto 30px;
		text-align: left;
	}

	.page-feature, .faqs-section {
		margin: 0 3% 30px 0;
		width: 100%;
	}

		.page-feature img, .faqs-section img {
			border-top: none;
			float: left;
			width: auto;
		}

		.page-feature .content {
			float: left;
		}

		.page-feature .button.baseline {
			right: 10px;
		}

		.page-feature.image-box h2, .faqs-section.image-box h2 {
			border-bottom: 3px solid #FEB913;
		}

	.staff-members {
		text-align: center;
	}

	.staff-member,
	.staff-member:nth-child(3n),
	.staff-member:nth-child(2n) {
		float: none;
		display: inline-block;
		margin: 0 10px 10px 0;
		text-align: left;
	}

	.staff-member-detail {
		float: none;
		width: auto;
	}

	.staff-member-photo {
		display: none;
	}

	.staff-member-detail-photo {
		display: block;
		float: right;
		margin: 0 0 10px 10px;
		max-width: 30%;
	}

	#mainContent img,
	#mainContent figure {
		max-width: 100%;
	}

		#mainContent figure.tagline img,
		#mainContent figure.tagline {
			max-width: 100%;
			width: 480px;
		}

	#mainContent figure {
		margin: 10px auto;
	}

		#mainContent figure.tagline.casestudy {
			margin: 0 auto 30px;
		}

	#fullContent h1,
	#fullContent .intro {
		padding: 0 10px;
	}

	fieldset {
		/* margin: 0 auto; */
		width: 320px;
	}

		fieldset .input {
			width: 210px;
		}

		fieldset input, fieldset select, fieldset textarea {
			width: 180px;
		}

		fieldset select {
			width: 200px;
		}

		fieldset input.prefix, fieldset input.append {
			width: 25px;
		}

		fieldset input.input-smaller, fieldset input.input-smaller-append {
			width: 123px;
		}

		fieldset#comment .input {
			width: 250px;
		}

		fieldset#comment textarea {
			width: 250px;
			height: 50px;
		}

		fieldset#options .input {
			width: 300px;
		}

		fieldset .radiobuttonlist {
			width: 210px;
		}

	#advancedOptions input.submit {
		clear: both;
	}

	#FilterBasic span.sort {
		display: none;
	}

	#FilterBasic span.event-advanced {
		font-size: 0.8em;
	}

	.event-section {
		width: 100%;
	}

	#mapLegend {
		text-align: left;
		margin: 10px auto;
		width: 280px;
	}

	.our-locations {
		width: 300px;
		margin: 10px auto;
	}

	fieldset input[type="radio"] {
		/*width:1.5em;
        height:1.5em;*/
		background-color: #ffb200;
	}

	fieldset input[type="checkbox"] {
		/*width:1.5em;
        height:1.5em;*/
		background-color: #ffb200;
	}

	/* suppress display of donation image */
	img#donation-thanks-image {
		display: none;
	}

	footer .quick-links ul li {
		width: 50%;
	}

		footer .quick-links ul li ul li,
		footer .quick-links ul li h3 {
			padding-left: 10px;
			width: auto;
		}

			footer .quick-links ul li ul li a {
				padding: 0 12px 0 0;
			}

	footer .quick-links-header h2 {
		left: 10px;
	}

	footer .copy-legal {
		background: none;
		height: auto;
		line-height: 1.5em;
	}

	footer .contact .social,
	footer .contact .other-sites {
		padding-left: 10px !important;
		padding-right: 10px !important;
		width: 95%;
	}

		footer .contact .social ul li a,
		footer .contact .other-sites ul li a {
			font-size: 0.9em;
		}

	footer .contact h1 {
		float: none;
		margin: 0 auto;
	}

	footer .contact .social h2,
	footer .contact .other-sites h2 {
		display: block;
	}

	footer .copy-legal .charity,
	footer .copy-legal .legal,
	footer .copy-legal .copy {
		float: none;
		height: auto;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}

	footer .copy-legal .legal,
	footer .copy-legal .copy {
		background: #000;
	}

	footer .copy-legal .legal {
		padding: 0;
	}

		footer .copy-legal .legal li {
			float: none;
			display: inline-block;
		}
}

/* print styles */

@media print {
	* {
		background: transparent !important;
		color: #444 !important;
		text-shadow: none;
	}

	header,
	footer,
	nav,
	#leftColumn,
	.button,
	#hero {
		display: none !important;
	}

	#banner,
	.heroimg,
	#band {
		height: auto;
		width: auto;
	}

	.wrapper,
	.layout,
	#band {
		float: none;
		margin: 0;
		max-width: 100%;
		min-width: 500px;
		width: 100%;
	}

	#band {
		position: static;
	}

	#mainContent,
	#rightContent {
		padding: 0 24px 0 0;
		width: auto;
	}

	.content-block,
	.content-block.latest-tweets,
	.content-block.latest-news {
		float: none;
		height: auto;
		width: 90%;
	}

		.content-block h1 {
			width: 95%;
		}

	.latest-news article,
	ul.tweet_list li {
		height: auto;
		width: 95%;
	}

	#map {
		clear: both;
		display: block;
	}

	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}

	pre, blockquote {
		page-break-inside: avoid;
	}

	img {
		page-break-inside: avoid;
	}

	@page {
		margin: 0.5cm;
	}

	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}

	h2, h3 {
		page-break-after: avoid;
	}
}

/* opportunity shop styles */

.store-list ul {
	list-style-type: none;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin: 0;
	padding: 0;
}

.store-list a {
	font-weight: 600;
	font-style: normal;
	text-decoration: underline;
	display: block;
	padding: 0 0 8px 0;
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

	.nav > li {
		position: relative;
		display: block;
	}

		.nav > li > a {
			color: #fff !important;
			display: block;
			padding: 10px 15px;
			position: relative;
			text-decoration: none !important;
		}

			.nav > li > a:hover,
			.nav > li > a:focus {
				text-decoration: none;
				background-color: #feb913;
			}

.nav-tabs {
	border-bottom: 2px solid #feb913;
	margin: 20px 0;
}

	.nav-tabs > li {
		float: left;
		margin-bottom: -1px;
	}

		.nav-tabs > li > a {
			margin-right: 2px;
			line-height: 1.42857143;
			border: 1px solid transparent;
			text-transform: uppercase;
			font-style: normal;
			font-weight: 600;
			background-color: #000;
			color: #fff;
		}

			.nav-tabs > li > a:hover {
				border-color: #feb913;
				color: #000;
			}

		.nav-tabs > li.active > a,
		.nav-tabs > li.active > a:hover,
		.nav-tabs > li.active > a:focus {
			color: #000 !important;
			cursor: default;
			background-color: #feb913;
			border: 1px solid #ddd;
			border-bottom-color: transparent;
		}

.tab-content > .tab-pane {
	display: none;
}

.tab-content > .active {
	display: block;
}

/* responsive embed */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

.shop-detail {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1em;
}

.shop-detail-line {
}

.shop-detail-label {
	font-weight: 600;
	float: left;
	width: 140px;
}

	.shop-detail-label a {
		text-decoration: underline;
	}

.shop-detail-info {
	float: left;
	width: 344px;
}

.shop-detail-email {
	font-style: normal;
	text-decoration: underline;
}

.sidebar-widget {
	padding: 20px;
	border-radius: 6px;
	background-color: #feb913;
	color: #000;
	font-weight: 600;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.nav-tabs > li.nomobile {
		display: none !important;
	}

	.shop-detail-label, .shop-detail-info {
		width: 100%, float: none;
	}

	.store-list ul {
		list-style-type: none;
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
		margin: 0;
		padding: 0;
	}
}

.info-window-outer {
	background: #fff url(/images/info-window.png) no-repeat 18px 20px;
	padding-left: 102px;
}

.info-window-inner {
	background-color: #feb913;
	color: #000;
	font-family: Roboto,Arial,sans-serif;
	font-size: 11px;
	font-weight: 400;
	padding: 10px;
	position: relative;
	min-height: 150px;
	min-width: 250px;
}

	.info-window-inner a:hover,
	.info-window-inner a:focus {
		color: #fff !important;
	}

	.info-window-inner .close {
		background: #fff url(/images/close.gif) no-repeat 0 0;
		cursor: pointer;
		height: 16px;
		position: absolute;
		right: 0;
		top: 0;
		width: 16px;
	}


td.icon-24 {
	height: 50px;
	vertical-align: middle;
	padding: 4px 10px 0px 10px;
}

td.contact-block-content {
	height: 50px;
	vertical-align: middle;
}

.radiobuttonlist tr {
	background-color: transparent;
	margin: auto;
}

.radiobuttonlist {
	width: 265px;
}

.html-button-nonsubmit {
	background: #FEB913 url(/images/sprite.png) no-repeat -175px -66px;
	border: 0;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	float: left;
	font-style: italic;
	font-weight: 700;
	margin-top: 0px;
	padding: 7px 15px 7px 23px;
	text-decoration: none;
	text-transform: uppercase;
}