@import url(/core/css/reset.css);
@import url(/core/css/forms.css);


body {
	font-size: medium;
	font-size: 0.9em;
	color: #1C1A19;
	background-color: White;
}


body, input, select, textarea {
	font-family: "Lucida Grande", Arial, sans-serif;
}

@font-face {
	font-family: 'icons';
	src:url('/fonts/icons.eot');
	src:url('/fonts/icons.eot?#iefix') format('embedded-opentype'),
		url('/fonts/icons.ttf') format('truetype'),
		url('/fonts/icons.woff') format('woff'),
		url('/fonts/icons.svg#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-font,
ul.extra_nav li.home a:before {
	font-family: 'icons';
	/*speak: none;*/
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1;*/
	font-size: 16px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h1, h2, h3.block,
ul.main_nav,
p.link-block,
p.top-link a,
p.top-ten-number,
div.featured-events span.title,
p.home-intro {
	font-family: "chaparral-pro", "Lucida Grande", Arial, sans-serif;
}

p, li, cite {
	margin-bottom: 1em;
}

p, dt, dd, li, cite, em, strong, i, b, s, a, span {
	line-height: 1.5em;
}

pre {
	font-family: 'Courier New', monospace;
	overflow-x: auto;
	overflow-y: hidden;
	font-size: 0.9em;
	line-height: 1.3em;
}

h1 {
	font-size: 3em;
	margin-bottom: 0.5em;
	letter-spacing: -1px;
	font-weight: normal;
}

body.home h1 {
	font-size: 2.85em;
	margin-bottom: 0.25em;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

h2 a {
	line-height: 1.3em;
}


hr + h2 {
	clear: both;
}


h3 {
	margin: 1em 0 0 0;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
}

dl {
	margin: -0.5em 0 1em 0;
}

dt {
	margin-top: 0.5em;
	font-weight: bold;
}

ul {
	list-style-type: none;
	display: block;
	margin: 0 0 1em 0;
}

ul > li {
	background-image: url(/graphics/bullet.gif);
	background-position: 8px 8px;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0.25em 0;
}

ul.flat {
	list-style-type: none;
	margin-left: 0;
}

ol {
	list-style-type: decimal;
	display: block;
	list-style-position: outside;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

ol > li {
	display: list-item;
	margin-bottom: 0.5em;
}





#content li.current, #content li.current a {
	font-weight: bold;
	color: Gray;
	text-decoration: none;
}

blockquote {
	background-image: url(/graphics/blockquote_background.png);
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-color: #F3F5FA;
	padding: 20px 20px 10px 70px;
	margin: 20px;
	font-style: italic;
	font-size: 0.9em;
	border: 2px solid #7E93C8;
	border-width: 2px 0;
}

blockquote em {
	font-style: normal;
}

div.cols blockquote,
div.sidebar blockquote {
	margin: 0 0 20px 0;
}

div.cols p:last-child {
	margin-bottom: 0;
}

cite {
	font-size: 0.9em;
	font-style: italic;
	text-align: right;
	display: block;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	/*color: #9f6918;*/
	color: #E09931;
}

a:hover {
	text-decoration: none;
}

label {
	font-weight: bold;
}

.info,
.added {
	font-size: 0.8em;
	color: Grey;
	font-style: italic;
	margin-top: -1em;
}

.added a {
	color: Grey;
}

span.added {
	white-space: nowrap;
}

.highlight {
	font-size: 1.1em;
	color: #001B4D;
	font-weight: bold;
}

hr {
	background-color: #001B4D;
	color: #001B4D;
	border: none;
	border-top: 2px solid #001B4D;
	height: 2px;
	width: 100%;
	margin: 20px 0;
	padding: 0;
	float: left;
	clear: both;
}

p.info {
	color: Gray;
	font-size: 0.9em;
	font-style: italic;
	
}

.summary {
	font-size: 0.8em;
}

div.block {
	border: 1px solid #7E93C8;
	padding: 5px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc); 
	-moz-box-sizing: border-box;
}

div.block h2 {
	position: relative;
	top: -5px;
	left: -5px;
	width: 100%;
	padding: 5px;
	margin: 0 0 5px 0;
	background-color: #7E93C8;
	color: White;
	font-size: 18px;
	line-height: 1.2em;
	text-transform: uppercase;
}

div.block h2 a {
	text-decoration: none;
	color: White;
	line-height: 1.2em;
}

div.block h2 a.full {
	display: block;
	position: relative;
	top: -6px;
	left: -6px;
	width: 100%;
	padding: 6px;
	margin: 0 0 -11px 0;
}

div.block h2 a.full:hover {
	background-color: #001B4D;
}

div.block *:last-child {
	margin-bottom: 0;
}

div.blocks {
	border-bottom: 1px dotted Gray;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

div.highlighted-block {
	border: 2px solid #7E93C8;
	border-width: 2px 0;
	background-color: #F3F5FA;
	padding: 5px;
}

div.pdf-archive-links p {
	text-align: center; 
	margin: 0.5em 0;
}

div.pdf-archive-links {
	margin-bottom: 1em;
}

textarea#comments_prayer {
	width: 270px;
	height: 6em;
}

.left {
	float: left;
	clear: left;
	margin: 5px 20px 20px 0;
}

.right {
	float: right;
	clear: right;
	margin: 5px 0 20px 20px;
}

.clear {
	clear: both;
}

img.icon {
	vertical-align: middle;
	height: 1em;
}

.waiting-spinner {
	animation: 1s infinite rotate step-end;
}

@keyframes rotate {
	0% { transform: rotate(0deg); }
	12.5% { transform: rotate(45deg); }
	25% { transform: rotate(90deg); }
	37.5% { transform: rotate(135deg); }
	50% { transform: rotate(180deg); }
	62.5% { transform: rotate(225deg); }
	75% { transform: rotate(270deg); }
	87.5% { transform: rotate(315deg); }
}

input.feed-url {
	border: 1px dotted Gray;
	display: block;
	padding: 3px;
	width: 132px;
	font-size: 0.8em;
}

input.qty {
	text-align: center;
}

table {
	margin: 0 auto 1em auto;
}

table.fullwidth {
	width: 100%;
}

table, tr, td, th {
	border-collapse: collapse;
}

tr, td {
	border-bottom: 1px solid #A6C462;
}

td, th {
	padding: 5px 10px;
}

td {
	font-size: 0.85em;
}

th {
	font-weight: bold;
	text-align: right;
}

thead th {
	text-align: left;
	color: White;
	background-color: #A6C462;
}

th.currency,
td.currency {
	text-align: right;
}



.form-container div.text p {
	margin-bottom: 0.5em;
}

.form-container div.inline {
	float: none;
}

.form-container div.inline label.hidden {
	position: absolute;
	top: 0;
	left: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-container .control {
	background-color: #F3F5FA;
	float: left;
	margin-bottom: 5px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
}

.form-container .control .control {
	padding: 0;
}

.form-container .control.join-next {
	margin-bottom: 0;
	padding-bottom: 0;
}


.form-container label,
.form-container span.label {
	text-align: left;
	padding-bottom: 0;
}

.form-container select {
	max-width: 260px;
}

.form-container fieldset {
	clear: both;
}

.form-container input, .form-container textarea, .form-container select {
	font-size: 12px;
	border: 1px solid #999;
	background-color: White;
	padding: 3px;
	vertical-align: top;
	color: #555;
}

.form-container.narrow label {
	width: 100px !important;
}

.form-container.narrow input, .form-container.narrow textarea {
	width: 165px;
}

.form-container.narrow .checkbox input {
	width: auto;
	background-color: transparent;
	float: right;
}

.form-container.narrow select {
	width: 173px;
}

.form-container.narrow span.after {
	white-space: nowrap;
}

.form-container label.hidden {
	position: static;
	height: 1.3em;
	width: 150px;
	visibility: hidden;
}

.form-container p.note {
	clear: both;
}

.form-container input.fullwidth,
.form-container textarea.fullwidth,
.form-container select.fullwidth {
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
}

ul.error {
	color: #C00;
}



ul.card-logos {
	list-style-type: none;
	margin: 0 -5px 0 180px;
	padding: 0;
	clear: both;
	float: left;
}

ul.card-logos li {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: none;
}

ul.card-logos img.disabled {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	opacity: 0.5;
}

div.card-form #card_number {
	padding-right: 32px;
	background-position: 98% 50%;
	background-repeat: no-repeat;
}

div.card-form #card_cvc {
	max-width: 65px;
}

div.card-form div.date label {
	display: none;
}


div.radio input {
	border: 0;
}

div.errors p {
	margin-bottom: 1em;
}

a.more {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 1px 5px;
	background-color: #7E93C8;
	color: White;
	text-decoration: none;
	font-size: 0.8em;
}

a.more:hover {
	background-color: #001B4D;
}


/**********************************************************
 * Link   Blocks                                          *
 **********************************************************/

p.link-block {
	margin: 0 20px 0 0;
	width: 100%;
	background-size: 100%;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-color: #7E93C8;
}

p.link-block + p.link-block {
	margin-top: 20px 
}

p.link-block a {
	display: inline-block;
	width: 100%;
	overflow: hidden;
	color: White;
	text-decoration: none;
	font-size: 18px;
	line-height: 1.2em;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	box-sizing: border-box;
	padding-top: 104px;
}

p.link-block:hover {
	background-color: #001B4D;
}

p.link-block a span {
	display: block;
	padding: 5px;
}

div.cols p.link-block a span.image {
	position: relative;
	left: -5px;
	display: block;
	background-color: #666;
	text-align: center;
	line-height: 0;
	padding: 0 5px;
	width: 100%;
}

div.cols p.link-block a span.image img {
	margin-bottom: 0;
	float: none;
}



p.link-block a span.title {
	display: block;
	padding-top: 5px;
	line-height: 1.2em;
	padding-bottom: 0;
}

div.link-blocks {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	clear: both;
}

div.link-blocks p.link-block {
	width: 185px;
	margin-bottom: 20px;
	margin-right: 0;
	max-width: 48%;
}

div.link-blocks p.link-block + p.link-block {
	margin-top: 0;
}

div.link-blocks-230 p.link-block {
	width: 230px;
}

div.link-blocks-230 p.link-block a {
	padding-top: 130px;
}

div.link-blocks-253 p.link-block {
	width: 253px;
}

div.link-blocks-253 p.link-block a {
	padding-top: 143px;
}

div.link-blocks-390 p.link-block {
	width: 390px;
}

div.link-blocks-390 p.link-block a {
	padding-top: 220px;
}

/*
185 x 104
230 x 130
390 x 219
*/

/**********************************************************
 * Related Links                                          *
 **********************************************************/

div.related {

}

div.related h2 {
	display: block;
	background-color: #7E93C8;
	color: White;
	font-size: 18px;
	line-height: 1.2em;
	padding: 5px;
	text-transform: uppercase;
	margin-bottom: 0;
}

div.related ul {
	border-bottom: 1px solid #7E93C8;
	padding: 0;
	clear: both;
	list-style-type: none;
	margin: 0 0 1em 0;
}

div.related li {
	display: block;
	border-bottom: 1px solid #7E93C8;
	padding: 0;
	margin: 0;
	background-image: none;
}

div.related li a {
	display: block;
	padding: 6px;
	text-decoration: none;
	line-height: 1.2em;
	color: #1A1F2A;
	background-color: #F3F5FA;
	
}

div.related li a:hover {
	background-color: #E4E9F4;
}



/**********************************************************
 * News Archive                                           *
 **********************************************************/

div.news div.headline {
	clear: left;
}

div.news div.headline div.left {
	width: 230px;
	text-align: center;
}

div.news p.added {
	margin-top: 0;
}

div.archive {
	float: left;
	width: 100%;
	margin: 0 0 1em 0;
}

div.archive h3 {
	clear: both;
	margin-top: 0;
}

div.archive ul.months {
	margin: 0;
	padding: 0;
	width: 145px;
}

div.archive ul.months li {
	list-style-type: none;
	display: block;
	float: left;
	width: 30px;
	height: 1.2em;
	margin-right: 5px;
	color: Gray;
}

div.news-highlighted p.link-block a span.title {
	max-height: 3.6em;
	overflow: hidden;
}

/**********************************************************
 * Staff Listing                                          *
 **********************************************************/

div.clergy-list,
div.staff-list {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

div.clergy-list div.person,
div.staff-list div.person {
	width: 480px;
	margin: 0;
	padding: 0;
}

div.staff-list div.person {
	width: 230px;
}

div.person {
	clear: both;
}

div.person h3 {
	margin-bottom: 0.5em;
	padding-bottom: 0;
	clear: none;
}

div.person h3 a.full {
	padding-bottom: 0;
	margin-bottom: 0;
}

div.person h3 span {
	line-height: 0;
}

div.person p.image-container {
	float: left;
	margin: 0 20px 20px 0;
}

div.person p.image-container a.more {
	display: block;
	background-color: #7E93C8;
	color: White;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 5px;
}

div.person p.image-container a.more:hover {
	background-color: #001B4D;
}

div.clergy-list div.details {
	margin-left: 180px
}

div.staff-list div.details {
	margin-left: 120px
}

div.person p.title {
	font-weight: bold;
	margin-bottom: 0;
}

div.person p.contact {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


div.person .org {
	display: none;
}



/**********************************************************
 * Tabs                                         *
 **********************************************************/

div.tabs ul.tabs {
	float: left;
	width: 100%;
	display: block;
	margin: 20px 0;
	padding: 0 20px;
	list-style-type: none;
	border-bottom: 2px solid #001B4D;
}

div.tabs ul.tabs li {
	display: block;
	float: left;
	margin: 0 18px -2px 0;
	padding: 0;
}

div.tabs ul.tabs li a {
	display: block;
	background-color: #7E93C8;
	padding: 8px 16px;
	color: White !important;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #001B4D;
}

div.tabs ul.tabs li.current a,
div.tabs ul.tabs li.current a:hover {
	background-color: #001B4D;
	color: White !important;
}

div.tabs ul.tabs li.current a:hover {
	cursor: default;
}

div.tabs ul.tabs li a:hover {
	background-color: White;
	border: 2px solid #001B4D;
	border-bottom-width: 0;
	color: #001B4D !important;
	padding: 6px 14px 10px 14px;
}


/**********************************************************
 * Coloured Lists                                         *
 **********************************************************/

div.sidebar h2,
h2.block,
h3.block {
	display: block;
	background-color: #7E93C8;
	color: White;
	font-size: 18px;
	line-height: 1.2em;
	padding: 5px;
	text-transform: uppercase;
	clear: both;
	font-weight: normal;
}

h2.block,
h3.block,
div.flat h2 {
	margin-bottom: 0;
}

h2.block a,
h3.block a {
	text-decoration: none;
	color: White;
	line-height: 1.2em;
}

h2.block a.full,
h3.block a.full {
	display: block;
	position: relative;
	top: -5px;
	left: -5px;
	width: 100%;
	padding: 5px;
	margin: 0 0 -11px 0;
}

h2.block a.full:hover,
h3.block a.full:hover {
	background-color: #001B4D;
}

div.flat ul,
ul.flat, 
ul.feed {
	border-bottom: 1px solid #7E93C8;
	padding: 0;
	clear: both;
	list-style-type: none;
	margin: 0 0 1em 0;
}

div.flat ul li,
ul.flat li,
ul.feed li {
	display: block;
	border-bottom: 1px solid #7E93C8;
	padding: 6px;
	margin: 0;
	background-image: none;
	background-color: #F3F5FA;
}

ul.feed li,
ul.flat.links li {
	padding: 0;
}

ul.feed li a,
ul.flat.links li a {
	text-decoration: none;
	line-height: 1.2em;
	color: #1A1F2A;
	display: block;
	padding: 6px;
} 

ul.feed li a:hover,
ul.flat.links li a:hover {
	background-color: #E4E9F4;
}


/************************
* Twitter Feed          *
*************************/

div.twitter {
	color: #666;
	font-size: 0.8em;
}

div.twitter li {
	float: left;
	width: 100%;
	background-image: none;
}

div.twitter li.follow p {
	margin-bottom: 0;
	line-height: 1em;
}

div.twitter a.user {
	color: #999;
}

div.twitter a.name {
	color: #666;
	font-weight: bold;
	font-size: 1.1em;
}

div.twitter div.body {
	margin-left: 60px;
}

div.twitter span.tweet,
div.twitter span.added {
	display: block;
}

div.twitter span.added  {
	margin-top: 0;
	font-size: 0.8em;
}

div.twitter span.added a  {
	color: #CCC;
}

div.twitter img.user {
	float: left;
	border: 1px solid #CCC;
}

div.twitter a.icon img {
	height: 16px;
	vertical-align: middle;
}

div.twitter a.icon:hover img {
	opacity: 0.5;
}

div.twitter a {
	text-decoration: none;
}


/**********************************************************
 * Sidebar Buttons                                        *
 **********************************************************/

.sidebar p.donate-now {
	
}

p.donate-button a,
.sidebar p.news-button a,
.sidebar p.tours-button a,
p.logo a.donate-button {
	display: block;
	background-color: #001B4D;
	color: White;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding: 5px;
	background-image: url(/graphics/pound-background.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	clear: both;
}

#content p.donate-button {
	font-size: 1.4em;
	max-width: 293px;
	margin-left: auto;
	margin-right: auto;
}

p.donate-button a,
p.logo a.donate-button {
	background-color: #EC0000;
}

p.donate-button a:hover,
p.logo a.donate-button:hover {
	background-color: #001B4D;
}

.sidebar p.news-button a:hover {
	background-color: #7E93C8;
}

.sidebar p.news-button a,
.sidebar p.tours-button a {
	font-size: 0.8em;
	text-transform: none;
	background-image: url(/graphics/news-background.png);
}

.sidebar p.news-button a span {
	font-size: 2em;
	color: #E09931;
	text-transform: uppercase;
}

.sidebar p.tours-button a {
	background-image: none;
	background-color: #E09931;
}

.sidebar p.tours-button a span {
	color: #001B4D;
	font-size: 1.6em;
	text-transform: uppercase;
}



/**********************************************************
 * Diary                                                  *
 **********************************************************/

 
div.diary > div {
	border-top: 2px solid #7E93C8;
	padding: 10px 0;
}

div.diary #today {
	background-color: #F3F5FA;
}

div.diary dl {
	position: relative;
	clear: left;
}

div.diary dt {
	font-weight: normal;
	width: 4.7em;
	position: absolute;
	left: 0;
	margin: 0;
	padding-top: 1em;
}

div.diary dd {
	margin: 0 0 0 5em; /* If left margin changed, also change dt margin in ie6 css */
	padding-top: 1em;
	line-height: 1.5em;
}

div.diary dd span.details {
	font-size: 0.85em;
}

.diary .composer,
.diary .celebrant {
	font-style: italic;
}

.diary .day-info {
	margin-bottom: 1em;
}

.diary .day-info p {
	margin-bottom: 0;
}

.diary .red-letter {
	text-transform: uppercase;
	font-weight: bold;
	color: #C30;
	font-size: 1.1em;
}

.diary .black-letter {
	font-weight: bold;
	font-size: 0.8em;
}

.diary .day-extra {
	font-style: italic;
	font-size: 0.8em;
}

.diary p.more {
	text-align: right;
	margin-bottom: 0;
	font-size: 0.8em;
}

.diary .restriction {
	color: #AAA;
}

.diary dd.restriction .restriction {
	color: Black;
	font-weight: bold;
}

.diary .restriction.closed {
	color: #D66;
}

.diary dd.restriction .restriction.closed {
	color: #A00;
}

p.controls {
	float: left;
	width: 100%;
	margin-top: -1em;
}

p.controls .prev {
	float: left;
	display: block;
}

p.controls .next {
	float: right;
	display: block;
}


div.diary-summary h3 {
	margin-top: 0;
}

div.diary-summary h3 span.subtitle {
	display: block;
	color: #999;
	font-size: 0.8em;
	text-transform: none;
}

body.home div.diary-summary h3 span.subtitle {
	display: inline;
}

body.home div.diary-summary div.day + div.day {
	margin-top: 0.5em;
}

div.diary-summary ul{
	margin-bottom: 0;
}

div.diary-summary li{
	background-image: none;
	padding: 0;
	font-size: 0.8em;
}

div.diary-summary.weekly div.day {
	float: left;
	width: 14%;
	padding: 5px;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
	margin: -10px 0 -5px 0;
}

div.diary-summary.weekly div.sunday {
	background-color: #E9EDF6;
	width: 16%;
}

div.mini-tabs.diary-summary ul.tabs li span.subtitle {
	display: none;
}

div.mini-tabs ul.tabs {
	margin: 0 0 0.5em 0;
	padding: 0;
	display: block;
	list-style-type: none;
	float: left;
	width: 100%;
	font-size: 0.75em;
}

div.mini-tabs ul.tabs li {
	float: left;
	display: block;
	background-image: none;
	padding: 0;
	margin: 0 4px 0 0;
}

div.mini-tabs ul.tabs li:last-child {
	margin-right: 0;
}

div.mini-tabs ul.tabs li a {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 7px;
}

div.sidebar div.mini-tabs ul.tabs li {
	margin-right: 2px;
}

div.sidebar div.mini-tabs ul.tabs li a {
	padding: 2px 5px;
}

#content div.mini-tabs ul.tabs li.current a,
#right-sidebar div.mini-tabs ul.tabs li.current a,
#left-sidebar div.mini-tabs ul.tabs li.current a {
	background-color: #001B4D;
	color: White;
	cursor: default;
	text-decoration: none;
}

div.mini-tabs ul.tabs li a:hover {
	background-color: #7E93C8;
	color: White;
	text-decoration: none;
}

div.mini-tabs ul.tabs li.current a:hover {
	background-color: #001B4D;
}

div.mini-tabs div.tab {
	clear: both;
}

div.mini-tabs em,
div.sermon-summary em {
	color: #999;
	font-size: 0.8em;
}

div.mini-tabs li,
div.sermon-summary li {
	background-image: none;
	padding: 0;
}

div.diary-filter label {
	margin-right: 2em;
}

div.diary-filter input {
	width: auto !important;
}

div.sidebar h2.expander {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

div.sidebar h2.expander span {
	line-height: 0;
}

div.sidebar h2.expander img.chevron {
	height: 24px;
	filter: invert(100%);
	line-height: 1;
}


/**********************************************************
 * Sermons                                                *
 **********************************************************/



dl.details {
	position: relative;
	margin-top: 0;
}

dl.details dt {
	width: 6em;
	position: absolute;
	left: 0;
	margin: 0;
	padding-top: 0em;
}

dl.details dd {
	margin: 0 165px 0 7em; /* If left margin changed, also change dt margin in ie6 css */
	padding-top: 0em;
	line-height: 1.5em;
}

div.sermon-list h2 {
	margin-bottom: 0;
}

#right-sidebar p.preacher {
	margin-bottom: 0;
}

div.sidebar img {
	max-width: 100%;
}


/**********************************************************
 * Gallery                                                *
 **********************************************************/

div.gallery-wrapper {
	background-color: #2E2B29;
	float: left;
	width: 100%;
	padding: 0 0 10px 0;
	position: relative;
}

div.gallery-wrapper.events-gallery {
	padding-bottom: 0;
	margin-bottom: 20px;
}

a.carousel-prev,
a.carousel-next {
	width: 25px;
	height: 116px;
	display: block;
	margin: 0;
	float: left;
	overflow: hidden;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-color: #2E2B29;
	background-position: 50% 50%;
	z-index: 10;
}

a.carousel-prev {
	background-image: url(/graphics/gallery-prev.png);
}

a.carousel-next {
	background-image: url(/graphics/gallery-next.png);
}

a:hover.carousel-prev {
	background-image: url(/graphics/gallery-prev-default.png);
}

a:hover.carousel-next {
	background-image: url(/graphics/gallery-next-default.png);
}

ul.image-gallery,
ul.events-image-gallery  {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

ul.image-gallery li,
ul.events-image-gallery li {
	float: left;
	padding: 0;
	overflow: hidden;
	margin: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-image: none;
	display: block;
}

ul.events-image-gallery li {
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.image-gallery li h2,
ul.image-gallery li div.description {
	display: none;
}

ul.image-gallery li a,
ul.events-image-gallery a {
	border: 0;
	margin: 0;
	padding: 10px;
	display: block;
	float: left;
	line-height: 1em;
	height: 100px;
}

ul.image-gallery li.current {
	opacity: 1;
	filter: alpha(opacity=100);
}

ul.image-gallery li.current a,
ul.image-gallery li a:hover,
ul.events-image-gallery li a:hover {
	border: 10px solid #DCCFA8;
	margin: 0;
	padding: 0
}

ul.events-image-gallery a span.title,
ul.events-image-gallery li .caption,
ul.events-image-gallery li .copyright {
	display: none;
}



ul.image-gallery-large {
	height: 540px;
	background-color: #7B726D;
	overflow: hidden;
	position: relative;
	list-style-type: none;
	clear: both;
	margin-bottom: 0;
}

ul.image-gallery-large li {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: none;
	padding: 0;
}

ul.image-gallery-large img {
	cursor: pointer;
}

div.controls {
	margin: 0;
	padding: 5px;
	float: left;
	text-transform: uppercase;
	width: 100%;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
}

div.controls h2 {
	float: left;
	width: 615px;
	color: White;
	margin: 0;
}


div.controls a {
	display: block;
	float: right;
	margin: 0.3em 0 0 1em;
	text-decoration: none;
	color: White;
	background-repeat: no-repeat;
	line-height: 1em;
}

div.controls a.prev {
	padding-left: 16px;
	background-image: url(/graphics/gallery-prev.png);
	background-position: 0% 50%;
}

div.controls a.next {
	padding-right: 16px;
	background-image: url(/graphics/gallery-next.png);
	background-position: 100% 50%;
}

div.controls a.prev:hover {
	background-image: url(/graphics/gallery-prev-default.png);
}

div.controls a.next:hover {
	background-image: url(/graphics/gallery-next-default.png);
}

div.controls a:hover {
	color: White;
}

div.gallery-wrapper div.description {
	color: White;
	padding: 10px;
}







/**********************************************************
 * Lightbox                                               *
 **********************************************************/

.caption,
#lightbox-image-details-caption {
	text-align: center;
	font-weight: bold;
}

.gallery-item div.caption p,
#lightbox-image-details-caption p {
	text-align: center;
	margin-bottom: 0.5em;
}

.gallery-item p.copyright,
#lightbox-image-details-copyright {
	
}



#lightbox-image-details-title {
	font-weight: bold;
}
#lightbox-image-details-copyright {
	font-style: italic;
}



/**********************************************************
 * Selectors                                              *
 **********************************************************/

ul.selector {
	list-style-type: none;
	margin: 0 0 1em 0;
	text-align: center;
	position: relative;
	top: 2px;
	clear: both;
}

ul.selector li {
	display: inline;
	background-image: none;
	padding: 0;
	line-height: 2em;
}

ul.selector a {
	display: inline;
	position: relative;
	margin: 0 5px 0 0;
	padding: 3px 5px;
	border: 1px solid #001B4D;
	background-color: #001B4D;
	color: White;
	text-decoration: none;
	outline: none;
}

ul.selector a:hover,
ul.selector li.current a:hover {
	background-color: #7E93C8;
	color: White;
}

ul.selector li.current a {
	color: #001B4D;
	background-color: White;
}

ul.selector li.prev a,
ul.selector li.next a {
	color: #001B4D;
	background-color: transparent;
	border: none;
}

ul.selector li.prev a:hover,
ul.selector li.next a:hover {
	text-decoration: underline;
}

ul.selector li.disabled a {
	color: #AAA;
	cursor: default;
}

ul.selector li.disabled a:hover {
	text-decoration: none;
}

ul.selector li.start-group {
	margin-left: 1em;
}





/**********************************************************
 * Search                                                 *
 **********************************************************/

.search-form label {
	position: absolute;
	top: -5000px;
	height: 1px;
	overflow: hidden;
}

.search-form input {
	width: 250px;
	max-width: 100%;
}

p.provided-by {
	font-size: 0.8em;
	text-align: right;
	font-style: italic;
}

ol.search-results {
	list-style-type: none;
	margin-left: 0;
}

ol.search-results li {
	
}

ol.search-results li p, ol.search-results li h3 {
	margin-bottom: 0;
}


ol.search-results li p.url{
	color: #A6C462;
	font-size: 0.9em;
}


/**********************************************************
 * Slideshow                                              *
 **********************************************************/


#header .inner ul.images,
#header .inner ul.images li {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: none;
	list-style-type: none;
}

#header .inner ul.images img {
	display: none;
}


/**********************************************************
 * Google Maps                                            *
 **********************************************************/

div.map-container {
	clear: both;
}

div.google-directions-text {
	position: absolute;
	top: 0;
	left: 20px;
	width: 253px;
	max-width: 100%;
	height: 100%;
	background-color: White;
}

div.google-directions-text > div {
	width: 100%;
	height: 100%;
	overflow: auto;
}

div.google-directions-text > a.close {
	position: absolute;
	top: 3px;
	right: 25px;
	background-color: White;
	border: 1px solid #666;
	border-radius: 3px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 5px;
	font-size: 0.8em;
}

div.google-directions-text > a.close:hover {
	color: White;
	background-color: #999;
}

form.google-directions {
	border-top: 1px solid #EEE;
	padding: 0.5em 0 0 0;
}

form.google-directions div.origin {
	border: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	padding: 5px;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
	width: 100%;
	float: left;
}

form.google-directions div.origin label {
	display: none;
}

form.google-directions div.origin input {
	border: 0;
	font-weight: bold;
	color: #666;
	width: 205px;
	float: left;
	font-size: 14px;
	padding: 4px 0;
}

form.google-directions div.origin input.blur {
	color: #CCC;
}

form.google-directions div.origin button {
	text-transform: uppercase;
	color: White;
	border: 0;
	border-radius: 3px;
	background-color: #BBB;
	cursor: pointer;
	font-weight: bold;
	padding: 3px;
	float: right;
}

form.google-directions div.mode {
	border: 1px solid #CCC;
	border-top: 0;
	border-radius: 0 0 5px 5px;
	float: left;
	margin: 0 0 5px 0;
	width: 100%;
	box-sizing: border-box; *behavior: url(/core/scripts/boxsizing.htc);
	-moz-box-sizing: border-box;
}

form.google-directions div.mode input {
	display: none;
}

form.google-directions div.mode label {
	font-size: 0.9em;
	display: block;
	float: left;
	padding: 5px;
	border-left: 1px solid #CCC;
	cursor: pointer;
}

form.google-directions div.mode label:first-child {
	border: 0;
}

form.google-directions div.mode label.current {
	color: White;
	background-color: #BBB;
}

form.google-directions div.presets {
	clear: left;
}


/**********************************************************
 * Captioned Images                                       *
 **********************************************************/

div.image-caption {
	font-weight: bold;
	font-size: 0.8em;
	position: relative;
	background-color: #F3F5FA;
}

div.image-caption img {
	display: block;
	margin: 0 auto;
}

div.image-caption p {
	margin-bottom: 0.5em;
}

div.image-caption p.copyright {
	color: #888;
	font-style:italic;
	font-weight:normal;
	font-size: 0.8em;
}

div.image-caption p.copyright a {
	color: #888;
}

.cols div.image-caption {
	padding: 0;
	border: 0;
}

div.image-caption div.caption-text {
	padding: 5px 10px 1px 10px;
	border-bottom: 2px solid #7E93C8;
}




/**********************************************************
 * Venue Hire Links                                       *
 **********************************************************/

div.venue-hire-large {
	height: 290px;
	width: 410px;
	max-width: 100%;
	background-image: url(/images/venue-hire-large.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 auto;
}

body.home div.venue-hire-large {
	height: 290px;
	background-position: left bottom;
} 

div.venue-hire-large div.text {
	float: left;
	width: 190px;
	margin-top: 10px;
	background-color: #666666;
	background-color: rgba(0,0,0,0.5);
	color: White;
	padding: 10px;
}

div.venue-hire-large h2 {
	font-size: 2.3em;
	margin: 0;
	text-transform: uppercase;
}

div.venue-hire-large p {
	margin: 0;
}

div.venue-hire-small {
	height: 190px;
	width: 313px;
	background-image: url(/images/venue-hire-small.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div.venue-hire-small div.text {
	float: left;
	width: 140px;
	margin-top: 10px;
	background-color: #666;
	background-color: rgba(0,0,0,0.5);
	color: White;
	padding: 10px;
}

div.venue-hire-small h2 {
	font-size: 1.5em;
	margin: 0;
	text-transform: uppercase;
}

div.venue-hire-small p {
	margin: 0;
	font-size: 0.9em;
}

div.future-plans {
	width: 100%;
	height: 120px;
	margin-bottom: 20px;
	background-image: url(/images/future-plans.jpg);
	background-position: 0 -15px;
	background-repeat: no-repeat;
	position: relative;
}

div.future-plans h2 {
	font-size: 2em;
	padding: 0;
	text-transform: uppercase;
	background-color: transparent;
	/*text-shadow: 0px 0px 3px #FFF;
    filter: dropshadow(color=#FFFFFF, offx=1, offy=1);*/
	margin: 0;
	position: absolute;
	top: 10px;
	right: 10px;
}

div.future-plans a {
	color: #2E2B29;
	text-decoration: none;
	line-height: 1em;
	display: block;
	padding: 5px 5px 0 5px;
}


.sidebar > div {
	margin-bottom: 20px;
}

div.box-office-logo * {
	line-height: 1em;
}

div.keep-in-touch {
	float: left;
	height: 80px;
	width: 100%;
	background-image: url(/images/keep-in-touch.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 40px;
}

div.keep-in-touch div.content {
	float: right;
	width: 222px;
}

div.keep-in-touch h2 {
	font-size: 1.8em;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	background-color: transparent;
	background-color: Black;
	background-color: rgba(0,0,0,0.6);
	padding: 0;
}

div.keep-in-touch a {
	display: block;
	color: White;
	text-decoration: none;
	padding: 5px 5px 0 5px;
	line-height: 1em;
}

.sidebar div.keep-in-touch {
	height: auto;
	background-image: url(/images/keep-in-touch-sidebar.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 28px;
	width: 160px;
}

.sidebar div.keep-in-touch div.content {
	width: 110px;
}

.sidebar div.keep-in-touch h2 {
	font-size: 1.6em;
	margin: 10px 0 0 0;
}

.sidebar div.keep-in-touch a {
	padding: 5px 5px 0 5px;
}


/**********************************************************
 * Things to Do                                           *
 **********************************************************/

p.top-ten-number {
	background-color: #A6C462;
	border: 3px solid White;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: -5px;
	text-align: center;
	font-size: 25px;
	padding: 5px;
	color: White;
	transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
}


/**********************************************************
 * Interactive Map                                        *
 **********************************************************/

ol.tour-map {
	background-image: url(/graphics/plan.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 328px 0 0 0;
}

div.interactive-tour {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

div.interactive-tour ol.tour-map {
	height: 328px;
	padding: 0;
	list-style-type: none;
}

div.interactive-tour ol.tour-map li {
	position: absolute;
}

div.interactive-tour ol.tour-map li a {
	border: 2px solid White;
	border-radius: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 15px;
	color: White;
	background-color: #A6C462;
	padding: 5px;
	margin: 0;
	font-weight: bold;
	display: block;
	color: White;
	text-decoration: none;
	z-index: 10;
	position: absolute;
	line-height: 1.3em;
}

div.interactive-tour ol.tour-map li a.current,
div.interactive-tour ol.tour-map li a.current:hover {
	background-color: #7E93C8;
}

div.interactive-tour ol.tour-map li a:hover {
	background-color: #001B4D;
}

ol.tour-map li span.popup {
	display: block;
	position: absolute;
	left: 35px;
	top: 0px;
	border: 2px solid #7E93C8;
	background-color: White;
	color: Black;
	padding: 5px;
	width: 150px;
	z-index: 20;
}

ol.tour-map li span.popup strong {
}

ol.tour-map li span.popup em.more {
	font-size: 0.7em;
	font-weight: normal;
	color: #CCC;
	text-transform: uppercase;
	display: block;
}

div.tour-pois {
	float: left;
	width: 100%;
}

div.tour-poi {
	float: left;
	width: 390px;
	max-width: 100%;
	margin: 20px 20px 0 0;
}

div.tour-poi:nth-child(2n) {
	margin-right: 0;
}

div.tour-poi:nth-child(2n+1) {
	clear: both;
}

div.interactive-tour div.tour-poi {
	position: absolute;
	top: 0;
	left: 0;
	max-height: 308px;
	margin: 10px;
	z-index: 15;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
}


/**********************************************************
 * Box Office                                             *
 **********************************************************/

div.box-office fieldset.area {
	border: 2px solid White;
}

div.box-office fieldset.area legend {
	width: 366px;
	max-width: 100%;
	padding: 5px 12px;
	margin: 0 -12px;
	font-size: 1.2em;
}

div.box-office div.presets {
	display: flex;
	flex-wrap: wrap;
}

div.box-office div.presets button {
	color: White;
	border: 1px solid transparent;
	background-color: #7E93C8;
	border-radius: 6px;
	cursor: pointer;
	margin-right: 0.25em;
	margin-bottom: 0.25em;
}

div.box-office div.presets button:hover {
	border-color: #001B4D;
}

div.box-office div.presets button.selected {
	background-color: #001B4D;
}


/**********************************************************
 * MYM Ticker                                             *
 **********************************************************/

div.mym-ticker {
	display: none;
	overflow: hidden;
	background-color: #F8F5ED;
	padding: 10px 0;
}

div.mym-ticker a.logo {
	float: left;
	position: relative;
	top: 4px;
	margin-right: 7px;
}

div.mym-ticker a.close {
	float: right;
	width: 20px;
	text-align: right;
	color: #D6D3CC;
	text-decoration: none;
}

div.mym-ticker a.close:hover {
	color: #2E2B29;
}

div.mym-ticker ul {
	display: block;
	margin: 0;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

div.mym-ticker ul li {
	color: #2E2B29;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0 20px 0 0;
	background-image: none;
	border-right: 1px solid #D6D3CC;
	position: relative;
	top: 2px;
}


div.linden-homes-button {
	border: 2px solid #8D151E;
	padding: 20px 10px 0 10px;
}

div.linden-homes-button p {
	color: #8D151E;
	text-align: center;
	font-size: 0.7em;
}

div.linden-homes-button a {
	color: #8D151E;
	text-decoration: none;
}


/**********************************************************
 * New Home Page                                          *
 **********************************************************/

p.home-intro {
	font-size: 2em;
	text-align: center;
	border-top: 3px solid #001B4D;
	border-bottom: 3px solid #001B4D;
	clear: both;
	padding: 0.5em 0;
}

div.deans-welcome img {
	max-width: 100%;
}

div.deans-welcome {
	margin-top: -20px;
	position: relative;
	background-image: url(/graphics/Bob-Cooper.png);
	background-position: 101% 100%;
	background-repeat: no-repeat;
	background-size: 16%;
}

.cols div.deans-welcome {
	margin-top: 0;
}

div.deans-welcome > *:not(:first-child) {
	padding-right: 12%;
}

div.deans-welcome > h2:first-child {
	z-index: -1;
} 

div.deans-welcome p:not(.highlight) {
	font-size: 0.9em;
}

div.deans-welcome img.photo {
	float: right;
	shape-outside: polygon(0% 100%, 11% 70%, 20% 58%, 9% 32%, 12% 10%, 30% 0%, 60% 0%, 75% 21%, 68.49% 45%, 72.32% 59%, 100% 75%, 100% 100%) padding-box;
	margin-right: -5px;
	margin-bottom: -5px;
	height: 150px;
}

/**/

div.featured-events {
	background-color: rgba(126,147,200,0.2);
}

div.featured-events ul {
	display: flex;
	list-style-type: none;
	justify-content: space-between;
	margin: 0;
	padding: 6px 10px;
}

div.featured-events ul li {
	background-image: none;
	padding: 0;
	margin: 0;
	width: 30%;
}

div.featured-events ul li a {
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: White;
	color: #001B4D;
	text-decoration: none;
	font-size: 18px;
	line-height: 1.2em;
	padding: 0;
	box-sizing: border-box;
	height: 100%;
}

div.featured-events ul li a:hover {
	background-color: #7E93C8;
	color: White;
}

div.featured-events ul li span.image {
	display: block;
	background-image: url(/images/events/default.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100px;
}

div.featured-events ul li span.title {
	display: block;
	padding: 5px 10px 5px 10px;
	line-height: 1.2em;
}

div.featured-events ul li a span.title span.date {
	white-space: nowrap;
	line-height: inherit;
	font-size: 0.8em;
	color: #7E93C8;
}

div.featured-events ul li a:hover span.title span.date {
	color: White;
}



a.solid-button {
	display: inline-block;
    background-color: #001B4D;
    color: White;
    padding: 3px 16px;
    text-decoration: none;
    border-radius: 5px;
}

a.solid-button:hover {
	background-color: #7E93C8;
}