body { text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a:link    {
	/* Applies to all unvisited links */
  text-decoration:  none;
	font-weight:      bold;
	background-color: none;
	color:            #000077;
  } 
a:visited {
  /* Applies to all visited links */
  text-decoration:  none;
  font-weight:      bold;
  background-color: none;
  color:            #330000;
  } 
a:hover   {
	/* Applies to links under the pointer */
  text-decoration:  none;
	font-weight:      bold;
	background-color: none;
	color:            #990000;
  } 
a:active  {
	/* Applies to activated links */
  text-decoration:  none;
	font-weight:      bold;
	background-color: 000000;
	color: #FFF;
	font-style: italic;
  }
  
#wrapper {
	background-image: url(../images/gradient10.jpg);
	background-size: cover;
	background-repeat: repeat-y;
	background-position: center top;
	height: auto;
	padding-top: 10px;
	margin-top: 20px;
	width: 90%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 50px;
	position: relative;
	z-index: 0;
}
#wrapperindex {
	background-image: url(../images/gradient10.jpg);
	background-size: cover;
	background-repeat: repeat-y;
	background-position: center top;
	height: 930px;
	padding-top: 10px;
	margin-top: 20px;
	width: 1040px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 0;
}
#phone {
	margin-top: 110px;
	float: right;
	width: 120px;
	height: 20px;
	position: absolute;
	left: 680px;
	top: 0px;
	text-align: center;
	font-style: italic;
	font-size: 20px;
	font-weight: bold;
	color:    #000000;
}
#circlelogo {
	background-image: url(../images/circlelogo2.png);
	background-size:contain;
	height: auto;
	background-repeat: no-repeat;
	z-index: 150;
	top: -0px;
	background-position: center;
	width: 90%;
	position: absolute
}
#body {
	background-image: url(../images/circlelogo2.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:top;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	z-index: 100;
	position: relative;
	text-align: left;
}
#footer {
	height: 30px;
	background-color: #300;
	color: #CCC;
	width: 80%;
	float: right;
	position: relative;
	font-size: 20px;
	font-style: oblique;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	top: 0px;
	z-index: 101;
	text-align: left;
	border: 2px solid #cccccc;
	margin-right: -20px;
}
#header {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index: 140;
	position: static;
}
#headerleft {
	height: 60px;
	width: 180px;
	margin-top: 10px;
	float: left;
	z-index: 30;
}

#headerleft2 {
	height: 55px;
	width: 100%;
	float:left;
	margin-top: 0px;
	margin-right: auto;
	z-index: 10000;
	position:relative;
}
#menu {
	margin-top: 25px;
	font-weight: bold;
	margin-left: -15px;
	position: absolute;
	z-index: 250;
	width: 195px;
}

#headerright {
	margin-left: 20%;
	width: 80%;

}

#headerright2 {
	padding-left:175px;
}

#bodyleft {
	padding-top: 50px;
	width: 600px;
	height: auto;
	margin-top: 50px;
	float: left;
	position: absolute;
	z-index: 140;
}
#bodyright {
	float: right;
	width: 380px;
	height: auto;
	position: relative;
	z-index: 300;
	margin-top: 0px;
}
#information {

	width: auto;
	font-size:x-large;
	margin-top: 50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 200;
	position: inherit;
  overflow-wrap: break-word;
}

#obituary {
	width: 90%;
	font-size:x-large;
	margin-top: 50px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	z-index: 200;
	position: inherit;
 	word-wrap: break-word;
 	overflow-wrap: break-word;
}

#popup {
	width: 80%;
	height: auto;
	margin-top: 20px;
	float: center;
	position: absolute;
	z-index: 310;
}

 /* Scroll to top of page begin*/

#back-to-top {
	overflow: hidden;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 55px;
    height: 32px;
    text-align: center;
	font-size: 18px;
	font-weight: bold;
    line-height: 30px;
    background: #b5b2b1;
    color: #330000;
	border: 2px solid #c1c1c1;
	cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #330000;
	color: #ffffff;
	
}
#back-to-top.show {
    opacity: 0.7;
}
 /* Scroll to top of page end */



 /* Pure CSS3 Multi Level Drop Down Navigation Menu */
/*             By www.Bloggermint.com            */


#nav {
	float: left;
	border: 2px solid #cccccc;
	/*border-top: 0px solid #2b2e30;*/
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	overflow: hidden;
	font-weight: bold;
	font-style: italic;
	font-size: 20px;
	margin-left: -20px;
	z-index: 9998;
	width: 185px;
	text-align: left;
	color:#330000;
}

#nav ul {
	margin:0;
	padding:0;
	list-style:none;

}

#nav ul li {
	float:left;

}

#nav ul li a {
   	float: left;
	color:#330000;
    	padding: 10px 10px;
	text-decoration:none;
    	background:#b5b2b1;
 	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(50,50,50)), color-stop(0.55, rgb(100,0,0)), color-stop(0.78, rgb(0,0,0)) );
	background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
	background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% ); */
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset, 0 0 0px rgba(0, 0, 0, 0.1) inset;
	border-left: 0px solid rgba(255, 255, 255, 0.05);
        border-right: 0px solid rgba(0,0,0,0.2);
 	text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
		width: 185px;


}

#nav ul li a:hover,
#nav ul li:hover > a {
    	color: #ffffff;
    	background:#330000;
	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
	background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
	background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );*/
    	text-shadow: 0 0px 0 rgba(255, 255, 255, 0.2), 0 0px #000;

}

#nav li ul a:hover, 
#nav ul li li:hover > a  {
	color: #ffffff;
	background: #330000;
	/*background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
	background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
	background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );*/
    	border-bottom: 0px solid #FF0000; /*solid rgba(0,0,0,0.6);*/
	border-top: 0px solid #FF0000;
	text-shadow: 0 0px rgba(255, 255, 255, 0.3);


}



#nav li ul {
    	background:#b5b2b1;
    	/*background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
    	background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
    	background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );*/
    	border-radius: 0 0 0px 0px;
    	-moz-border-radius: 0 0 0px 0px;
    	-webkit-border-radius: 0 0 0px 0px;
    	left: -999em;
    	margin: 43px 0px 0px;
    	position: absolute;
    	width: 185px;
    	z-index: 9999;
    	box-shadow: 0 0 0px rgba(0, 0, 0, 0.4) inset; 
    	-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4) inset; 
    	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4) inset; 
    	border: 2px solid #cccccc /*rgba(0, 0, 0, 0.5);*/

}

#nav li:hover ul {
    	left: auto;

}

#nav li ul a {
    	background: none;
    	border: 0 none;
    	margin-right: 0;
    	width: 165px;
    	box-shadow: none;
    	-moz-box-shadow: none;
    	-webkit-box-shadow: none;
    	border-bottom: 0px solid transparent;
    	border-top: 0px solid transparent;

}

#nav li li ul {
    	margin: 0px 0 0 185px;
    	-webkit-border-radius: 0 0px 0px 0px;
    	-moz-border-radius: 0 0px 0px 0px;
    	border-radius: 0 0px 0px 0px;
    	visibility:hidden;

}

#nav li li:hover ul {
    	visibility:visible;

}

#nav ul ul li:last-child > a {
	-moz-border-radius:0 0 0px 0px;
	-webkit-border-radius:0 0 0px 0px;
	border-radius:0 0 0px 0px;

}

#nav ul ul ul li:first-child > a {
	-moz-border-radius:0 0px 0 0;
	-webkit-border-radius:0 0px 0 0;
	border-radius:0 0px 0 0;

}

/* responsive iframe CSS below */

.slideshowWrapper{
	align-self: center;
	width: 80%;
}

.videoWrapper {
	width: 100%;
	position: relative;
	padding-bottom: 75%;
	/* 4x3 frame ratio needs 75% 16x9 needs 56.25% */
	padding-top: 0px;
	height: 0;
	overflow:hidden;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.inspirationWrapper {
	width: 100%;
	position: relative;
	padding-bottom: 400%;
	/* 4x3 frame ratio needs 75% 16x9 needs 56.25% */
	padding-top: 0px;
	overflow:hidden;
}

.inspirationWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400%;
}

/* Input form width */
input:not(.default-input) {
    width: 90%;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: large;
}

input:focus {
    background-color: linen;
}

input[type=submit] {
    width: 50%;
	min-width: 200px;
	max-width: 400px;
	border-radius: 4px;
	outline: none;
	font-size: large;
}
input[type=button]:not(.default-input) {
    width: 50%;
	min-width: 200px;
	max-width: 400px;
	border-radius: 4px;
	outline: none;
	font-size: large;
}
textarea {
    width: 90%;
	height: 150 px;
	padding: 6px 10px;
	resize: none;
	border: none;
	border-radius: 4px;
	font-size: large;
}

textarea:focus {
    background-color: linen;
}


.home-list-wrap {
	width: 90%;
	height: 610px;
	display: flex;
	flex-direction: column;
}

.home-list-wrap>* {
	flex-shrink: 0;
}

.home-list-wrap.desktop {
	width: 95%
}

.home-list-wrap input[type="text"] {
}

.home-list-wrap input[type="button"] {
}

.home-list-wrap .scroller {
	height: 0;
	flex-grow: 1;
	overflow-x: hidden;
	overflow-y: auto;
}

body.loading .search-result-table {
	display: none;
}

.btn-current-services {
	margin-bottom: 1em;
	display: none;
}

body.search-mode .btn-current-services {
	display: inline-block;
}

.lds-ring {
	margin-left: auto;
	margin-right: auto;
	display: none;
	position: relative;
	width: 80px;
	height: 80px;
}


body.loading .lds-ring {
	display: block;
	margin-top: 30px;
}



.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid #fff;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
  


/*Hide content if screen is too narrow*/
@media all and (max-width: 1000px){
    .hidedivnarrow{
        display: none;
    }
}
/*Hide content if screen is too wide*/
@media all and (min-width: 1000px){
    .hidedivwide{
        display: none;
    }
}