@charset "UTF-8";

/* ====================================================================================================================
   Design styles
   ==================================================================================================================== */

/* ==========================================================================
   All screen sizes
   ========================================================================== */

/* Fonts */

html, input, select, textarea, .subnav {
	font-family: "StoneHumanistITCW01-Md", sans-serif;
}
strong, .events h3 {
	font-family: "StoneHumanistITCW01-Bd", sans-serif;
	font-weight: normal;
}
em {
	font-family: "StoneHumanistITCW01-MdI", sans-serif;
	font-style: normal;
}
strong em, em strong {
	font-family: "StoneHumanistITCW01-BdI", sans-serif;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, input[type=button], input[type=submit], input[type=reset], button, .button, .sitenav, .navshow, .navclose, .cap, .tagline {
	font-family: "StoneInformalITCW01-Md", serif;
	font-weight: normal;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .button em, .sitenav em {
	font-family: "StoneHumanistITCW01-MdI", serif;
	font-weight: normal;
	font-style: normal;
}

/* HTML defaults */

body.page {
	color: #505960;
	background-color: #d9e3ec;
}
a {
	text-decoration:underline;
	color: #004c7a;
}
a:hover {
	color: #bc813b;
}
img {
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #004c7a;
}
h1 {
	margin: 0;
}
img, input, select, textarea, button {
	vertical-align: middle;
}
hr {
	color: #c5c9cd;
	height: 1pt;
	padding: 0;
	border: none;
}
input[type=text], input[type=email], input[type=search], input[type=password], select, textarea {
	height: 1.625em;
	border: solid thin #c5c9cd;
}
input[type=button], input[type=submit], input[type=reset], button, .button {
	line-height: 1em;
	text-decoration: none;
	color: #fff;
	background-color: #bc813b;
	display: block;
	text-align: center;
	padding: .40625em 1em;
	border: none;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
	text-decoration: none;
	color: #fff;
	background-color: #cc9f6a;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	overflow: auto;
}
caption, th, td {
	font-size: 1em;
	text-align: left;
	vertical-align: top;
}
figcaption {
	font-size: .88em;
	line-height: 1.21875em;
	margin: .625em 0;
}
header ul, nav ul, aside ul, footer ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
header ul li, nav ul li, aside ul li, footer ul li {
	list-style: none;
}

/* Header */

.headerwrapper {
	background: #d9e3ec;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZTNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d9e3ec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e3ec), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d9e3ec 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e3ec', endColorstr='#ffffff',GradientType=0 );
	position: relative;
	z-index: 99;
}
.siteheader {
	background: url(../images/header-bg-rev.png) no-repeat right bottom;
}
.logo {
	text-align: center;
}
.logo img {
	width: 100%;
	max-height: 91px;
	max-width: 350px;
}
.contact p {
	line-height: 1.21875em;
	margin: 0 0 .21875em 0;
}
.phone, .email, .address {
	font-size: .93em;
}
.contact .button {
	display: inline-block;
}
.social {
	margin-bottom: 1em;
}
.social li {
	display: inline;
}
.social a {
	background-color: #004c7a;
	display: inline-block;
}
.facebook a:hover {
	background-color: #3b5998;
}
.twitter a:hover {
	background-color: #00a0d1;
}
.gplus a:hover {
	background-color: #666;
}
.youtube a:hover {
	background-color: #c4302b;
}
.pinterest a:hover {
	background-color: #4c68d7;
}

.newsletter .button {
	white-space: nowrap;
}
.icon {
	margin-right: .625em;
}
.nonmobile {
	display: none;
}

/* Nav */

.sf-menu ul, .navshow, .navclose, .mainnav {
	background-color: #004c7a;
}
.mainnav a, .mainnav .on:hover, .mainnav li:hover>a, .navshow, .navclose {
	color: #fff;
}
.mainnav li:hover, .navshow:hover, .navclose:hover {
	background-color: #7b9dbe;
}
.navshow, .navclose {
	border-bottom: solid thin #d9e3ec;
	cursor: pointer;
}
.mainnavshow, .contactshow {
	font-size: 1.375em;
	text-align: center;
}
.mainnavshow img, .contactshow img {
	margin-right: .25em;
}
.navclose {
	font-size: .88em;
	text-align: right;
	padding: .5em;
}
.navclose img {
	margin-left: .25em;
}
.mainnav, .contact {
	display: none;
}
.sitenav {
	font-size: 1.375em;
	position: relative;
	z-index: 102;
}
.sitenav ul {
	box-shadow: .25em .25em .5em rgba(0,0,0,.3);
}
.subnav {
	z-index: 103;
}
.sitenav>li {
	border-bottom: solid thin #d9e3ec;
}
.sitenav a {
	text-decoration: none;
	padding: 0 .5em;
}
.subnav li a {
	font-size: .75em;
	line-height: 1.21875em;
	text-transform: none;
	padding: .625em;
}
.mainnav .on {
	color: #ffd66b;
}

/* Footer */

.sitefooter {
	font-size: .625em;
	line-height: 1.21875em;
	background: #d9e3ec;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q5ZTNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #d9e3ec 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9e3ec), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #d9e3ec 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #d9e3ec 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e3ec', endColorstr='#ffffff',GradientType=0 );
	text-align: center;
	border-top: solid thin #fff;
}

/* Content */

.content {
	background: #fff url(../images/body-bg.jpg) no-repeat right bottom;
	z-index: 10;
}
.cap {
	font-size: 4.875em;
	line-height: 1em;
	color: #c3d3e1;
	float: left;
	margin-right: .1em;
}
.bodytext h2 {
	margin-bottom: 0;
}
.bodytext h2+* {
	margin-top: 0;
}
.imageleft, .imageright {
	margin: 1em auto;
}
.sidephoto {
	margin: 0 auto 1.625em auto;
}
.landscapephoto {
	max-width: 32em;
}
.portraitphoto {
	max-height: 32em;
}
.sidenav {
	margin: 0 0 1em 0;
}
.obits h2, .events h2, .sidenav h2 {
	font-size: 1.21875em;
	margin: 0;
}
.obits h2 a, .events h2 a, .sidenav h2 a {
	text-decoration: none;
	color: #fff;
	background-color: #bc813b;
	display: block;
	padding: .21875em .625em;
}
.events h2 a:hover, .obits h2 a:hover, .sidenav h2 a:hover {
	color: #fff;
	background-color: #cc9f6a;
}
.sidenav li {
	line-height: 1.21875em;
}
.sidenav a {
	text-decoration: none;
	display: block;
}
.obits li a:hover, .sidenav a:hover {
	color: #004c7a;
	background-color: #e9eff4;
}
.sidenav li a {
	padding: .625em 1em;
}
.sidenav .on {
	color: #bc813b;
}
.buttonnav {
	margin-bottom: 1em;
}
.buttonnav .button {
	line-height: 3em;
	text-align: left;
	background-color: #004c7a;
	padding: .21875em 1em;
}
.buttonnav .button:hover {
	color: #fff;
	background-color: #7b9dbe;
}
.events h3 {
	font-size: .88em;
	color: #505960;
}
.events li h3, .events li p {
	margin: 0;
}
.obits ul, .events ul {
	font-size: .93em;
	line-height: 1.21875em;
}
.obits ul {
	background: rgba(255,255,255,.8);
	box-shadow: inset .25em .25em .5em rgba(0,0,0,.15);
}
.events li, .obits li, .sidenav li {
	border-bottom: solid thin #c5c9cd;
}
.events li {
	padding: .75em 0;
}
.obits li a {
	text-decoration: none;
	display: block;
	padding: .21875em .625em;
}
.splash {
	color: #fff;
	display: none;
	height: 300px;
	position: relative;
	overflow: hidden;
}
.tagline {
	font-size: 1.625em;
	margin: 0;
	position: absolute;
	right: 2em;
	bottom: 1em;
}

/* Scroller */

#scroller {
	width:100%;
	height: 300px;
	border-top: solid thin #fff;
	border-bottom: solid thin #fff;
	position: relative;
}
#scroller div.scrollableArea img {
	position: relative;
	float: left;
	border-right: solid thin #fff;
}

/* ==========================================================================
   Media queries
   ========================================================================== */

@media only screen and (min-width: 748px) {
	
	/* HTML Defaults */
	
	input[type=button], input[type=submit], input[type=reset], button, .button {
		display: inline-block;
	}
	
	/* Footer */
	
	.sitefooter {
		text-align: left;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	/* Content */
	
	.obits ul {
		max-height: 22em;
		overflow: auto;
		border: solid thin #c5c9cd;
	}
	
	/* Scroller */
	
	.splash {
		display: block;
	}

}

@media only screen and (min-width: 1004px) {
	
	/* Header */
	
	.logo {
		text-align: left;
	}
	.logo img {
		height: 91px;
		width: 350px;
	}
	
	/* Nav */
	
	.navshow, .navclose {
		display: none;
	}
	.mainnav, .contact {
		display: block;
	}
	.sitenav {
		font-size: 1em;
	}
	.sitenav>li {
		float: left;
		border-bottom: none;
	}
	.sitenav>li>a {
		float: left;
	}
	.mobileonly {
		display: none;
	}
	.nonmobile {
		display: inline;
	}
	
	/* Content */
	
	.imageleft {
		float: left;
		clear: left;
		margin: 1em 1.625em 1em 0;
	}
	.imageright {
		float: right;
		clear: right;
		margin: 1em 0 1em 1.625em;
	}
	.imageleft, .imageright {
		max-width: 50%;
	}
	.sidephoto {
		margin: 0 0 1.625em 0;
	}
	.sidenav {
		display: block;
	}
	
}

@media only screen and (min-width: 1280px) {
	
	/* Nav */
	
	.sitenav {
		font-size: 1.21875em;
	}
	
}

@media only screen and (max-width: 748px) {
	
	/* Use .datatable for responsive tables */
	table.datatable {
		display: block;
		width: 100%;
	}
	.datatable thead {
		display: block;
		float: left;
	}
	.datatable tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}
	.datatable thead tr {
		display: block;
	}
	.datatable th {
		display: block;
	}
	.datatable tbody tr {
		display: inline-block;
		vertical-align: top;
	}
	.datatable td {
		display: block;
		min-height: 1.625em;
	}

}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

	nav, .button, .sidenav, .navshow, .navclose {
		display: none !important;
	}
	
}

/* Remove filters in IE9+ */

.ie * {
	filter: none;
}


.no-side section.bodytext{
	width:100%;
	
}