@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600);

html, body, div, a, img, .main, .footer, .heading, .nav 
  { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; }

.main, .footer, .heading, .nav, hr
  { display:block; }

*	{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

wbr:after	{ content:"\00200B"; }

.bodyRB {
	margin:10px 0 0 0;
	padding: 0px;
	font-family:"Source Sans Pro", sans-serif;
                    font-weight: 400; 
                    color:#000000;
	background-color:#f4ece4;
	font-size:16px;
	line-height:24px;
	overflow:auto;
}

.noteText				{ display:inline-block; font-size:13px; line-height:15px; }
.footnoteLink			{ text-decoration:none; }
.phoneShow				{ display:none; }
.phoneHide				{ display:inline-block; }
.imgResponsive			{ max-width:100%; }
.clearFloat				{ display:block; clear:both; }
.wrapLongTextTable		{ table-layout:fixed; width:100%; word-wrap:break-word; }
.hangingIndent			{ display:inline-block; padding-left:25px; text-indent:-25px; }
.genericButton			{ display:inline-block; font-size:15px; line-height:19px; color:#000000; background-color:#8cc101; border:1px solid black; padding-left:5px; padding-right:5px; text-align:center; cursor:pointer; text-decoration:none; -webkit-appearance:none; }
.genericDropDown		{ text-align:left; font-size:15px; }
.rbHeading1				{ font-size:1.375em; }
.rbHeading2				{ font-size:1.25em; }
.rbHeading3				{ font-size:1.15em; }
.textBorderTopBottom	{ display:inline-block; border-top:1px solid black; border-bottom:1px solid black; }
.aspButtonWrap			{ white-space:normal; -webkit-appearance:none; }
.fileInputWrap			{ width:200px; text-align:center; white-space:normal; }
.menuShare				{ text-align:center; }
.alertBg				{ display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; opacity:0.5; z-index:999991; }
.alertMsg				{ display:none; position:fixed; top:33%; left:25%; width:50%; padding:15px; border:5px double black; background-color:#ffffff; z-index:999992; text-align:center; overflow:auto; }
.alertButton			{ display:inline-block; padding:3px; border:1px solid black; border-radius:10px; cursor:pointer; }

.pageWrapper	{ width:100%; margin:0px; padding:0px; }

.headerLine						{ display:block; width:100%; line-height:0px; padding:0px; margin:0px; vertical-align:top; text-align:center; }
  .header						{ display:inline-block; max-width:100%; font-family:Calibri; font-size:19px;}
    .headerImage				{ display:inline; }
    .headerTabs				{ display:inline-table; width:100%; border:0; background-color:#90c6f2; background:linear-gradient(#9dc6f2,#cfdeea); border-left:1px solid black; border-bottom:1px solid black; }
      .headerTabsRow			{ display:table-row; }
        .headerTab				{ display:table-cell; font-weight:normal; width:33%; line-height:21px; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; text-align:center; vertical-align:middle; border-right:1px solid black; position:relative; }
        .headerMenuIcon		{ display:inline-block; font-family:Courier; float:left; }
    .headerMenu				{ display:none; width:100%; text-align:center; background-color:#fbd788; line-height:24px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
      .headerMenu a:hover		{ background-color:#ffff00; }
      .headerMenu a:active	{ background-color:#ffff00; }
      .headerMenuLink			{ display:inline-block; width:100%; color:#000000; text-decoration:none; border-left:1px solid black; border-right:1px solid black; border-bottom:1px solid black; }
      .headerMenuLinkBottom	{ border-bottom-left-radius:10px; border-bottom-right-radius:10px; box-shadow:0px 2px 2px #777777; }

    .headerTabFade				{ display:inline-block; width:100%; height:100%; position:absolute; left:0; top:0; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:3px; vertical-align:middle; }
      .headerTabAnimate		{ 
									-webkit-animation:headerTab 51.0s infinite;
									-moz-animation:headerTab 51.0s infinite;
									animation:headerTab 51.0s infinite;
								}
								@-webkit-keyframes headerTab {
								    0% {opacity:1;}
								    8% {opacity:1;}
								   25% {opacity:0;}
								   33% {opacity:1;}
								  100% {opacity:1;}
								}
								@-moz-keyframes headerTab {
								    0% {opacity:1;}
								    8% {opacity:1;}
								   25% {opacity:0;}
								   33% {opacity:1;}
								  100% {opacity:1;}
								}
								@keyframes headerTab {
								    0% {opacity:1;}
								    8% {opacity:1;}
								   25% {opacity:0;}
								   33% {opacity:1;}
								  100% {opacity:1;}
								}
     .headerTabClickAnimate	{ visibility:hidden;
									-webkit-animation:headerTabClick 51.0s infinite;
									-moz-animation:headerTabClick 51.0s infinite;
									animation:headerTabClick 51.0s infinite;
								}
								@-webkit-keyframes headerTabClick {
								    0% { visibility:visible; opacity:0; }
								    8% { visibility:visible; opacity:0; }
								   25% { visibility:visible; opacity:1; }
								   33% { visibility:visible; opacity:0; }
								  100% { visibility:visible; opacity:0; }
								}
								@-moz-keyframes headerTabClick {
								    0% { visibility:visible; opacity:0; }
								    8% { visibility:visible; opacity:0; }
								   25% { visibility:visible; opacity:1; }
								   33% { visibility:visible; opacity:0; }
								  100% { visibility:visible; opacity:0; }
								}
								@keyframes headerTabClick {
								    0% { visibility:visible; opacity:0; }
								    8% { visibility:visible; opacity:0; }
								   25% { visibility:visible; opacity:1; }
								   33% { visibility:visible; opacity:0; }
								  100% { visibility:visible; opacity:0; }
								}

.pageCenter		{ max-width:1200px; padding:0px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; text-align:center; }

.contactBox		{ display:inline-block; background-color:#ffffff; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:0px; margin-top:10px; margin-bottom:15px; border-radius:10px; }
.telephone		{ display:inline-block; padding-left:10px; padding-right:10px; margin-bottom:25px; background-color:#ffffff; border:1px solid #aaaaaa; border-radius:10px; box-shadow:5px 5px 5px #777777; }
.iconPinPoem	{ width:100%; vertical-align:middle; padding-bottom:15px; }
  .iconPin			{ display:inline-block; width:20%; vertical-align:middle; padding-right:10px; text-align:left; }
  .iconPoem			{ display:inline-block; width:20%; vertical-align:middle; padding-left:10px;  text-align:right; }

.footer				{ display:inline-block; width:100%; padding-bottom:5em; text-align:center; color:#808080; background-color:#ffffff; padding-top:15px; box-shadow:inset 0px 5px 4px -3px rgba(50, 50, 50, 0.75); }
.footer a			{ text-decoration:none; color:#808080; }
.bottomIndex		{ display:inline-block; padding:8px 0 8px 0; width:100%; text-align:center; vertical-align:middle; }
  .bottomIndexColumn	{ display:inline-block; padding:0 16px 0 16px; vertical-align:middle; }
    .bottomIndexLink		{ padding:8px; line-height:1.25em; }
    .bottomIndexSplitHR	{ width:10%; display:none; }
    .bottomIndexHR			{ width:20%; margin-top:2em; }
.footerAddress		{ font-weight:bold; }
.footerCopyright	{ font-size:11px; line-height:14px; margin-top:25px; }

.genericPage					{ display:inline-block; width:60%; text-align:left; }
.genericPage2Col				{ display:inline-block; width:60%; text-align:left; }
.genericPage2ColUnruled		{ display:inline-block; width:75%; text-align:left; }
.resIndexPage					{ display:inline-block; width:85%; text-align:left; }
.guestBookViewPage				{ display:inline-block; width:75%; text-align:left; }
.symCardPage					{ display:inline-block; width:60%; text-align:left; }
.petCardPage					{ display:inline-block; width:60%; text-align:left; }

.formInput			{ display:inline-block; padding-top:0px; padding-right:10px; padding-bottom:10px; padding-left:10px; }
.formInput1			{ width:85%; }
.formInput2			{ width:45%; }
.formInput3			{ width:30%; }
.formInput4			{ width:23%; }
.formInput5			{ width:18%; }
.formInputTextBox	{ width:100%; }

.ruledRow			{ display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; }
.rowCentered		{ text-align:center; }
.twoCol				{ display:inline-block; float:left; width:47%; }
.twoColRuled		{ display:inline-block; float:left; width:47%;  margin-left:20px; border-left:1px solid black; padding-left:25px; }
.twoColLast			{ border-bottom:0; }

.unruledRow			{ display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; }
.twoColLeft			{ display:inline-block; float:left; width:46%; }
.twoColRight		{ display:inline-block; float:left; width:46%; margin-left:35px; }
.colSplit			{ display:block; padding-top:30px; }

.nbYPHForm			{ display:inline-block; border:0px solid black; padding:0px; }
.nbYPHFormItem		{ display:inline-block; text-align:center; margin:10px; padding:0px; }

.mcTitle		{ display:inline-block; font-family:'Monotype Corsiva'; font-size:30pt; line-height:34pt; padding-bottom:35px; }
.mcEmailRow		{ clear:both; text-align:left; padding-bottom:15px; }
.mcEmailItem	{ display:inline-block; width:70px; }
.mcEmailValue	{ display:inline-block; padding-left:15px;}
.mcButton		{ display:inline-block; background-color:#99ccff; font-size:17px; color:#e73a24; font-family:"Comic Sans MS"; }

.homePage		{ display:inline-block; width:60%; text-align:left; }
.homeGate		{ display:inline-block; text-align:center; float:left; margin-bottom:25px; margin-right:25px; }
.homeGateImage	{ display:inline-block; border:4px ridge black; max-width:100%; } 

.helloPage			{ display:inline-block; width:60%; text-align:left; padding-bottom:10px; }
.helloGate			{ display:inline-block; text-align:center; float:left; margin-bottom:0px; margin-right:25px; }
.helloGateImage	{ display:inline-block; border:4px ridge black; max-width:100%; } 

.poemFlags		{ display:inline-block; max-width:640px; text-align:center; border:1px solid black; padding:5px; margin-top:35px; margin-bottom:40px; }
.poemFlags img	{ vertical-align:middle; margin:5px; }
.poemPage		{ display:inline-block; width:50%; text-align:left; }
.poemGate		{ display:inline-block; text-align:center; float:left; margin-bottom:25px; margin-right:25px; }
.poemGateImage	{ display:inline-block; border:2px inset black; max-width:100%; } 

.donationsPage		{ display:inline-block; width:60%; text-align:center; }
.donationsQuote	{ display:inline-block; width:75%; text-align:left; }
.donationsHeading	{ display:block; width:100%; padding-top:10px; padding-bottom:10px; }
.donationsItem		{ display:inline-block; width:40%; vertical-align:top; text-align:left; padding-top:25px; padding-bottom:25px; margin-left:15px; margin-right:15px; }
.donationsRule1	{ display:none; width:90%; height:1px; border-bottom:1px solid black; margin-left:5%; margin-right:5%; }
.donationsRule4	{ display:block; width:50%; height:1px; border-bottom:1px solid black; margin-left:25%; margin-right:25%; }

.resImage					{ display:inline-block; border:4px ridge #acbce0; max-width:100%; }
.resHeading					{ font-size:24px; line-height:32px; font-weight:bold; padding:20px; }
.resSubHeading				{ font-size:18px; line-height:26px; font-weight:bold; padding:20px; }
.resMemoriesWrapLong		{ display:inline-table; table-layout:fixed; width:80%; word-wrap:break-word; text-align:left; }
.resStoriesWrapLong		{ display:inline-table; table-layout:fixed; width:60%; word-wrap:break-word; text-align:left; }
.resStoryLink				{ line-height:30px; }
.resPhotoAlbum				{ display:inline-block; width:80%; line-height:50px; }
.resPhotoAlbumSelectPos	{ display:inline-block; position:relative; top:0px; font-size:1px; line-height:1px; }
.resAudio					{ display:block; width:180px; height:35px; }

.gscHeading		{ display:inline-block; width:50%; text-align:left; padding-top:25px; padding-bottom:20px; }

.mnccHeading			{ display:inline-block; width:50%; text-align:left; padding-top:25px; padding-bottom:20px; }
.mnccUnruledRow		{ display:inline-block; float:left; width:100%; text-align:left; padding-bottom:30px; }
.mnccTwoColLeft		{ display:inline-block; float:left; width:30%; text-align:right; }
.mnccTwoColRight		{ display:inline-block; float:left; width:70%; padding-left:40px; }
.mnccTwoColLeftBlock	{ display:inline-block; text-align:left; }
.mnccTwoColRightBlock	{ display:inline-block; }

.mncc2ColCandle		{ display:inline-table; width:60%; }
.mncc2ColCandleRow		{ display:table-row; }
.mnccCandleCol1		{ display:table-cell; width:120px; vertical-align:top; text-align:center; padding-bottom:15px; }
.mnccCandleCol2		{ display:table-cell; width:100%;  vertical-align:top; text-align:left; padding-left:25px; padding-bottom:15px; }
.mncc2ColCandleLast	{ border-bottom:0; }
.mncc2ColCandleHeader	{ display:inline-block; text-align:left; }

.resIndexLetter				{ width:100%; text-align:center; font-size:20px; line-height:28px; font-weight:bold; padding-top:100px; padding-bottom:20px; }
.resIndexTable					{ display:inline-table; width:100%; }
.resIndexRow					{ display:table-row; text-align:center; vertical-align:top; }
.resIndexHeaderRow				{ display:table-row; text-align:center; font-size:18px; line-height:26px; font-weight:bold; }
.resIndexHeaderCol				{ display:table-cell; padding:10px; vertical-align:bottom; }
.resIndexHeaderColNoMoblS		{ display:table-cell; padding:10px; vertical-align:bottom; }
.resIndexHeaderColNoMoblM		{ display:table-cell; padding:10px; vertical-align:bottom; }
.resIndexHeaderPFR				{ display:none; }
.resIndexHeaderFR				{ display:inline; }
.resIndexCol					{ display:table-cell; padding:10px; vertical-align:middle; }
.resIndexColNoMoblM			{ display:table-cell; padding:10px; vertical-align:middle; }
.resIndexColNoMoblS			{ display:table-cell; padding:10px; vertical-align:middle; }
.resIndexColMobl				{ display:none; }
.resIndexWrapLongCol			{ width:100%; }
.resIndexResTable				{ display:inline-table; width:100%; }
.resIndexResRow				{ display:table-row; text-align:center; vertical-align:top; }
.resIndexResCol				{ display:table-cell; width:50%; padding:0; vertical-align:middle; }
.resIndexResColRight	 		{ padding-left:10px; }
.resIndexLeft					{ display:inline-block; width:75%; text-align:left; font-style:italic; padding-right:35px; padding-top:25px; }
.resIndexCentered				{ display:inline-block; width:55%; text-align:center; font-style:italic; padding-top:25px; }
.resIndexRight					{ display:inline-block; width:40%; text-align:right; font-style:italic; padding-right:35px; padding-top:25px; }
.resIndexSideButton			{ position:fixed; top:40%; height:44px; width:100px; transform:rotate(-90deg); right:-28px; font-family:Arial; font-weight:bold; margin:0; padding:0; border-top-left-radius:10px; border-top-right-radius:10px; }
.resIndexSideButtonPadding	{ padding-right:60px !important; }

.storyHome				{ display:inline-block; width:50%; text-align:left; }
.storyHomeBear			{ display:inline-block; text-align:center; float:right; margin-bottom:0px; margin-left:25px; }
.storyHomeBearImage	{ display:inline-block; border:0; max-width:100%; } 

.storyPage		{ display:inline-block; width:50%; text-align:left; }
.storyHeader	{ display:inline-block; width:100%; text-align:center; font-size:24px; line-height:32px; font-weight:bold; padding-top:25px; padding-bottom:15px; }
.storyBy		{ display:inline-block; width:100%; text-align:right; padding-bottom:15px; }
.storyComments	{ display:inline-block; width:100%; text-align:center; padding-top:25px; padding-bottom:25px; }

.storyIndexPage	{ display:inline-block; width:50%; text-align:left; }
.storyIndexIntro	{ display:inline-block; width:100%; padding-top:25px; }
.storyIndex			{ font-family:serif; line-height:20px; }

.cardSubHeader		{ display:inline-block; border:4px ridge #cccccc; padding:10px; background-color:#ffffff; }
.cardImages			{ display:inline-block; margin-left:25px; margin-right:25px; margin-top:25px; }
.cardBackgrounds	{ display:inline-block; border:4px ridge #cccccc; }
.cardMessage		{ table-layout:fixed; display:inline-table; width:60%; word-wrap:break-word; background-color:#c2dbe2; }
.cardReplyButton	{ display:inline-block; background-color:#c2dbe2; font-size:17px; color:#e73a24; font-family:"Comic Sans MS"; }

@media (max-width:1017px) {
  .formInput4				{ width:45%; }
  .formInput5				{ width:45%; }
  .storyIndexPage			{ width:70%; }
  .storyHome				{ width:70%; }
  .poemPage					{ width:100%; padding-left:25px; padding-right:25px; }
  .homePage					{ width:100%; padding-left:25px; padding-right:25px; }
  .helloPage				{ width:100%; padding-left:25px; padding-right:25px; }
  .genericPage2Col			{ width:100%; padding-left:25px; padding-right:25px; }
  .genericPage2ColUnruled	{ width:100%; padding-left:25px; padding-right:25px; }
  .resIndexPage			{ width:100%; padding-left:5px; padding-right:5px; }
  .cardMessage				{ width:75%; }
}

@media (max-width:850px) {
  .formInput1					{ width:95%; }
  .formInput3					{ width:95%; }
  .gscHeading					{ width:75%; }
  .mnccHeading					{ width:75%; }
  .mncc2ColCandle				{ width:75%; }
  .resIndexHeaderColNoMoblM	{ display:none; }
  .resIndexColNoMoblM			{ display:none; }
  .guestBookViewPage			{ width:100%; padding-left:15px; padding-right:15px; }
  .symCardPage					{ width:100%; padding-left:15px; padding-right:15px; }
  .petCardPage					{ width:100%; padding-left:15px; padding-right:15px; }
  .resStoriesWrapLong			{ width:80%; }
  .donationsPage				{ width:100%; padding-left:15px; padding-right:15px; }
}

@media (max-width:720px) {
  .resIndexHeaderColNoMoblS	{ display:none; }
  .resIndexHeaderPFR			{ display:inline; }
  .resIndexHeaderFR:before	{ content:"("; }
  .resIndexHeaderFR:after		{ content:")"; }
  .resIndexColNoMoblS			{ display:none; }
  .resIndexColMobl				{ display:table-cell; padding:10px; vertical-align:middle; }
  .resIndexWrapLongCol			{ table-layout:fixed; width:100%; word-wrap:break-word;}
  .resIndexResTable			{ display:inline; }
  .resIndexResRow				{ display:inline; }
  .resIndexResCol				{ display:inline; }
  .resIndexResColRight			{ display:inline; }
  .resIndexLeft				{ width:100%; padding-left:10px; padding-right:10px; }
  .resIndexCentered			{ width:100%; padding-left:10px; padding-right:10px; }
}

@media (max-width:640px) {
  .genericPage					{ width:100%; padding-left:25px; padding-right:25px; }
  .storyIndexPage				{ width:100%; padding-left:25px; padding-right:25px; }
  .storyPage					{ width:100%; padding-left:25px; padding-right:25px; }
  .storyHome					{ width:100%; padding-left:25px; padding-right:25px; }
  .homeGate						{ float:none; width:100%; }
  .helloGate					{ float:none; width:100%; }
  .gscHeading					{ width:100%; padding-left:25px; padding-right:25px; padding-bottom:15px; }
  .ruledRow						{ float:none; width:100%; padding-bottom:0px; }
  .unruledRow					{ float:none; width:100%; padding-bottom:0px; }
  .twoCol						{ float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; }
  .twoColRuled					{ float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; }
  .twoColLeft					{ float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; }
  .twoColRight					{ float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; }
  .colSplit						{ margin-top:10px; padding-top:10px; padding-bottom:10px; border-top:1px solid black; }
  .twoColLast					{ border-bottom:1px solid black; }
  .mnccHeading					{ width:100%; padding-left:25px; padding-right:25px; padding-bottom:15px; }
  .mnccTwoColLeft				{ float:none; width:100%; border-top:1px solid black; padding-top:10px; padding-bottom:10px; }
  .mnccTwoColRight				{ float:none; width:100%; margin-left:0px; border-left:0; border-top:1px solid black; padding-left:0px; padding-top:10px; padding-bottom:10px; }
  .mnccTwoColLeftBlock			{ display:inline-block; width:100%; text-align:center; }
  .mnccTwoColRightBlock		{ display:inline-block; width:100%; text-align:center; }
  .mncc2ColCandle				{ width:100%; padding-left:25px; padding-right:25px; }
  .resIndexRight				{ width:100%; padding-left:10px; padding-right:10px; }
  .cardMessage					{ width:98%; }
  .bottomIndexColumn			{ width:100%; padding:0 0 8px 0; }
  .bottomIndexSplitHR			{ display:block; }
  .bottomIndexHR				{ display:none; }
}

@media (max-width:550px) {
  .headerTab				{ font-size:16px; line-height:18px; }
  .formInput1				{ width:95%; }
  .formInput2				{ width:95%; }
  .formInput4				{ width:95%; }
  .formInput5				{ width:95%; }
  .mncc2ColCandle			{ display:inline-block; width:100%; text-align:center;  }
  .mncc2ColCandleRow		{ display:inline-block; border-top:1px solid black; padding-top:25px; padding-bottom:10px; margin-bottom:15px; }
  .mnccCandleCol1			{ display:inline-block; width:100%; padding-bottom:0px; }
  .mnccCandleCol2			{ display:inline-block; width:100%; text-align:left; padding-left:0px; padding-bottom:0px; }
  .mncc2ColCandleLast		{ border-bottom:1px solid black; padding-bottom:25px; }
  .mncc2ColCandleHeader	{ display:inline-block; width:100%; text-align:center; }
  .donationsHeading		{ padding-bottom:10px; }
  .donationsItem			{ width:100%; padding-bottom:25px; padding-top:25px; margin:0; }
  .donationsRule1			{ display:block; }
  .donationsRule4			{ display:none; }
}

@media (max-width:525px) {
  .poemGate			{ float:none; width:100%; }
  .storyHomeBear	{ float:none; width:100%; padding:0; margin:0; }
  .bottomIndex		{ width:100%; }
  .footer			{ width:100%; }
}

@media (max-width:520px) {
  .phoneShow					{ display:inline-block; }
  .phoneHide					{ display:none; }
}

@media (max-width:370px) {
  .headerTab				{ font-size:14px; line-height:16px; }
  .headerMenuIcon			{ width:100%; }
  .alertMsg  				{ left:15%; width:70%; }
}

@media (max-width:310px) {
  .headerTab				{ font-size:12px; line-height:14px; }
  .nbYPHFormItem			{ width:100%; margin:0px; }

}

@media (min-height:450px) {
  .resPhotoAlbumSelectPos	{ top:-100px; }
}

@media (min-height:550px) {
  .resPhotoAlbumSelectPos	{ top:-200px; }
}

@media (min-height:650px) {
  .resPhotoAlbumSelectPos	{ top:-350px; }
}

@media (max-height:450px) {
  .alertMsg  { top:5%; left:15%; width:70%; height:90%; }
}

.tableSize	{width:50%;}
@media (max-width:768pt) {
   .tableSize	{width:100%;}
}