/* mobile first styles */

body {
	text-align:center;
}

#a1 {
	background:#fff;
}

#b1 {
	background:#0a125a;
	border-bottom:2px solid #fff;
}

	#c1_logo {
		width:90%;
	}

	#searchform {
		display:none;
	}
	#contacts {
		display:none;
	}

#b2 {
	background:#ffe4b5;
	overflow:visible;
}

#c2 {
	overflow:visible;
}

#b3 {
	background:#CED0DD center center;
	height:213px;
	overflow:hidden;
}

#c3 {
	display:none;
}





#b4 {}

#c4 {
	padding:46px 10px 54px 10px;
	text-align:left;
}

	#c4 img {
		max-width:100%;
		height:auto;
	}

	.shop_item {
		padding:20px;
		border-bottom:1px solid #ccc;
		overflow:auto;
	}

	article {
		margin:30px 0;
		clear:both;
		overflow:auto;
	}
	.slot {
		margin-bottom:10px;
	}
	.slot h3 {
		padding:10px;
		background:#2b6e89;
		color:#fff;
	}
	.slot .searchform {
		padding:10px;
		background:#2b6e89;
	}
	.slot .searchform input {
		font-size:15px;
		border:0;
	}
	.slot .searchform input[type=search] {
		width:80%;
	}
	.slot .searchform input[type=submit] {
		margin-left:2%;
		width:18%;
	}
	.slot:nth-child(even) h3 {
		background:#2b6e89;
	}
	.slot h3 a {
		color:#fff;
	}
	.slot a.block {
		display:block;
		padding:10px;
		color:#222;
		background:#e6f3fb;
	}
	.slot a.block.on {
		background:#B6DCF3;
	}
	.slot a.block.submenu {
		padding:6px 10px;
		font-size:0.9em;
		text-indent:2em;
	}
	.slot div {
		padding:10px;
		font-size:0.9em;
	}
	.slot div.inner {
		background:#E6F3FB;
	}

.msg {
	background:#FFE4B5;
	color:#0A125A;
	padding:2em;
	text-align:center;
	-webkit-border-radius:2em;
	border-radius:2em;
}

.slideshow_holder {
	background:#eee;
	padding:10px;
	margin:10px 0;
}
	.slideshow {
		margin-bottom:10px;
	}
	.slideshow div {
		position:relative;
		width:100%;
	}
	.slideshow div img {
		display:block;
		margin:0 auto;
		max-width:900px;
		max-height:350px !important;
	}
	.slideshow div span {
		display:block;
		position:absolute;
		background:#000;
		z-index:999999;
		bottom:0;
		left:0;
		right:0;
		color:#fff;
		padding:5px 10px;
		opacity:0.5;
		font-size:.8em;
	}
	.cycle-prev {
		display:block;
		padding:5px 10px;
		background:#fff;
		position:absolute;
		z-index:999999;
		top:45%;
		left:5px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		text-align:center;
		text-decoration:none;
		color:#000;
		font-size:30px;
		font-weight:bold;
		cursor:pointer;
		opacity:0.5;
		-webkit-box-shadow: 1px 1px 5px 1px #666666;
		box-shadow: 1px 1px 5px 1px #666666;
	}
	.cycle-prev:hover {
		opacity:1;
		text-decoration:none;
	}
	.cycle-next {
		display:block;
		padding:5px 10px;
		background:#fff;
		position:absolute;
		z-index:999999;
		top:45%;
		right:5px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		text-align:center;
		text-decoration:none;
		color:#000;
		font-size:30px;
		font-weight:bold;
		cursor:pointer;
		opacity:0.5;
		-webkit-box-shadow: 1px 1px 5px 1px #666666;
		box-shadow: 1px 1px 5px 1px #666666;
	}
	.cycle-next:hover {
		opacity:1;
		text-decoration:none;
	}
	#slideshow_pager {
		overflow:auto;
	}
	#slideshow_pager img {
		display:block;
		float:left;
		width:40px;
		height:30px;
		margin-right:2px;
	}




#b5 {
	background:#ced0dd;
	border-top:4px solid #333333;
}

#c5 {
	font-size:12px;
	padding:10px 0;
}
	#c5 a {
		color:#555;
	}

#b6 {}


	#c6 {
		padding:22px 0 80px 0;
	}

		#c6 .fraction {
			padding:10px;
		}

		.footer-logo {
			padding:5px;
			background-color:#fff;
			border:1px solid #cccccc;
			margin:10px;

		}
		.footer-logo a, .footer-logo span {
			margin:0 auto;
			display:block;
			width:50%;
			height:130px;
			background-color:#fff;
			background-size:contain;
			background-position:center center;
			background-repeat:no-repeat;
		}



.box {
	position:relative;
	height:300px;
	border-bottom:3px solid #2b6e89;
	background-size:cover;
	background-position:center center;
	background-image: url(/userfiles/design/topbars/8.jpg);
	margin-bottom:30px;
}
	.box_title {
		background:#2b6e89;
		color:#fff;
		font-size:1.3em;
		padding:10px 20px;
	}
	.box_content {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:60px;
		padding:10px 20px 20px 20px;
		background-image:url(/userfiles/design/blank_60.png);
		overflow:hidden;
		color:#000;
	}
	.box_link {
		display:block;
		position:absolute;
		bottom:0;
		right:0;
		z-index:5;
		background:#2b6e89 no-repeat center center url(/userfiles/design/arrow_right.png);
		background-size:contain;
		width:34px;
		height:31px;
	}
	.box:hover a, .box a:hover {

	}

.event_summaries {}

.event_summary {
	padding:1em 0;
	border-bottom:3px solid #0A125A;
	overflow:auto;
	position:relative;
}
	.event_summary:last-child {
		border-bottom:0;
	}
	.event_summary img {
	
	}
	.event_full {
		display:block;
		color: red;
		position: absolute;
		top: 50px;
		left:40px;
		right:40px;
		text-align: center;
		font-size: 14px;
		line-height:17px;
		background: rgba(255,255,255,.8);
		padding:10px;
		border-radius:10px;
		-webkit-border-radius:10px;
		transform: rotate(-15deg);
		border:2px solid red;
	}
	@media(min-width: 800px) {
		.event_full {
			top:90px;
			font-size: 20px;
			line-height:27px;
			left:120px;
			right:120px;
			transform: rotate(-10deg);
		}
	}

#faq h4 {
	background:#2b6e89;
	color:#fff;
	padding:10px;
	margin-bottom:4px;
	cursor:pointer;
}
	#faq dl {
		margin:0 0 4px 0;
	}
	#faq dt {
		background:#dbf2fc;
		padding:16px;
		cursor:pointer;
		margin-top:4px;
	}
	#faq dd {
		padding:16px;
		margin:0;
	}


	.icon {
		height:22px;
		padding:5px 5px 5px 22px;
		background-repeat:no-repeat;
		background-position:center left;
		outline:none;
	}
	.icon.edit {
		background-image:url(/userfiles/icons/pencil.png);
	}
	.icon.external-link {
		background-image:url(/userfiles/icons/external-link.png);
	}	
	.data th .icon {
		color:#fff;
		font-style:italic;
	}

	.login_message {
		font-weight:400;
		color:red;
	}

	.pointer {
		cursor:pointer;
	}

.shopselect.nonzero {
	background:#ff8;
}


#charity_checkout_button {
	display:block;
	width:240px;
	height:62px;
	background-image:url(/userfiles/design/cc_donate.png);
	background-position:bottom left;
	text-indent:-500em;
	outline:none;
	margin:0 auto;
}
	#charity_checkout_button:hover {
		background-position:top left;
	}

#btt {
	margin: 0;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	z-index: 100;
	display: none;
	background: url(/userfiles/design/btt.png);
	text-indent:-5000em;
}

.clear {
	clear:both;
}





/* mobile landscape */
@media(min-width: 400px) {
	.data div.ellipsis {
		width:310px;
	}
}

/* small tablet styles */
@media(min-width: 800px) {

#c1 {
		height:148px;
	}

	#c1_logo {
		position:absolute;
		top:20px;
		left:110px;
		width:auto;
	}
	#c1_stb {
		position:absolute;
		top:32px;
		left:0;
	}

	#c1 #sn {
		display:block;
		position:absolute;
		bottom:18px;
		right:0;
	}

		#c1 #sn a {
			display:inline-block;
			height:32px;
			width:32px;
			background:url(/userfiles/design/sn_icons/share.png);
		}
		#c1 #sn a:hover,
		#c1 #sn a:active,
		#c1 #sn a:focus {

		}

			#c1 #sn a#facebook {
				background:url(/userfiles/design/icons.png);
			}
			#c1 #sn a#google {
				background:url(/userfiles/design/icons.png);
			}
			#c1 #sn a#rss {
				background:url(/userfiles/design/icons.png) 35px 0;
			}
			#c1 #sn a#pinterest {
				background:url(/userfiles/design/icons.png);
			}
			#c1 #sn a#linkedin {
				background:url(/userfiles/design/icons.png);
			}
			#c1 #sn a#twitter {
				background:url(/userfiles/design/icons.png);
			}




	#searchform {
		display:block;
		position:absolute;
		top:35px;
		right:0;
	}
	.event_summary img {
		float:right;
		max-width:300px !important;
		margin-left:1em;
	}
	#contacts {
		display:block;
		position:absolute;
		bottom:20px;
		right:90px;
	}
		#contact_tel {
			color:#fff;
			padding:5px 0;
		}
			#contact_tel span {
				width:32px;
				height:32px;
				display:inline-block;
				background:url(/userfiles/design/icons.png) 101px 7px;
				margin-right:8px;
			}
		#contact_email {
			color:#fff;
			padding:5px 0 5px 10px;
		}
			#contact_email span {
				width:32px;
				height:30px;
				display:inline-block;
				background:url(/userfiles/design/icons.png) 126px 4px;
			}

#b2 {
	background:#FFE4B5;
	min-height:52px;
}

#c3 {
	display:block;
	width:1280px;
}
	#c3 img {
		display:block;
	}

	#boxes {
		padding:20px 0;
	}
		.box {
			width:32%;
			float:left;
			margin-right:2%;
			box-sizing: border-box;
		}
		.box:nth-child(3n) {
			margin-right:0;
		}



}


/* desktop styles */
@media(min-width: 1050px) {

	#a1 {

	}

	#b1 {

	}

	#c1 {
		text-align:center;
		}




	#c3 {
	}

	#c3 img {
		/* cycle causes 1st img to be positioned wrongly without this */
		position:relative;
		top:0;
		left:0;
	}

	#c4 {
		overflow:auto;
		padding:46px 0 54px 0;
	}

		#pagecontent>h1 {
			padding-top:0;
		}
		.layout0 #pagecontent {
			float:left;
			width:920px;
		}

		.layout0 #slots {
			width:272px;
			float:right;
			position:relative;
			z-index:10;
		}

	#c5 {}

	#c6 {

	}


		#faq dt {
			margin:4px 0 0 16px;
		}
		#faq dd {
			margin:4px 0 0 16px;
		}

	table.data {
		width:100%;
		border-collapse: separate;
		border-spacing: 0 4px;
	}
		.data th, .data td {
			padding:4px 8px;
			margin-bottom:4px;
		}
		.data th {
			background:#2B6E89;
			color:#fff;
		}
		.data td {
			font-size:0.8em;
		}
		.data tr:nth-child(odd) {
			background:#E6F3FB;
		}
		.data tr:nth-child(even) {
			background:#eeeeee;
		}
		.data .tar {
			text-align:right;
		}
		.data div.ellipsis {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			width:74px;
		}

		.data th:first-child, .data td:first-child {
			padding-left:16px;
		}
		.data th:last-child, .data td:last-child {
			padding-right:16px;
		}

}

.paypal_button {
    display: inline-block;
    font-size: 10px;
    background: #FEC338;
    border:2px solid #FEC338;
    padding: 8px 12px;
    margin:10px;
    border: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-family: verdana;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.4);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.4);
    white-space: nowrap;
    text-transform:uppercase;

}
	.paypal_button:hover {
    	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,.7);
    	box-shadow: 1px 1px 2px 0 rgba(0,0,0,.7);
	}
	.paypal_button:active,
	.paypal_button:focus {
    	border:2px solid red;
	}

.paypal_button > b {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #365B9E;
    text-shadow: 0 1px rgba(255,255,255,.5);
    text-transform:none;
}

.paypal_button > b > span {
    color: #199AD6;
}

#gift-aid {
	max-width: 800px;
	font-size: 13px;
	text-align: left;
	line-height: 17px;
}