/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* See "Website SetUp.txt"                                                 */
/*     "Sample Color Schemes.txt"                                          */
/*     "Menu Setup.txt"                                                    */
/*     "https://www.w3schools.com/colors/colors_names.asp"                 */
/*      chsample2 - darkblue                                               */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
	--myFontColor:navy;
	--mySkinColor:darkblue;
	--myImgBrdrColor:darkblue;
	--myH2Color:maroon;
	/* myFontColor should be any dark color and may differ from the dark mySkinColor */
	/* myFontColor:darkblue; navy; black; */
	/* mySkinColor:darkred; darkslateblue; darkblue; forestgreen; #CC7700; */
	/* myImgBrdrColor:darkblue; navy; black; */
	/* As of Nov. 2017, the use of var(--myXXX) IS NOT supported by old Internet Explorer; YES Edge, Chrome, Firefox, Safari, Android Browsers */
	/* and that is why each use of var(--myXXX) is preceeded with a workable attribute.*/
}
body {
	background-color:lightgray;
	border:0px;
	color:darkblue;
	color:var(--myFontColor);
	font-family:Verdana, Geneva, Tahoma, sans-serif, serif;
	margin:0px auto;
	max-width:1366px;
	min-width:360px;			/* min smartPhone screen width */
	text-align:center;
}
/* Banner Container Styles - - - - - - - - - - - - - - - - - - - - - - - */
#bannerAndMenu {
	background:darkblue;
	background:var(--mySkinColor);
	background-image:url('../graphics/bkgrnd_royal_blue_stoned.jpg');
	background-size:cover;
	border:medium darkblue solid;
	border-top:medium var(--myImgBrdrColor) solid;
	border-right:medium var(--myImgBrdrColor) solid;
	border-bottom:0;
	border-left:medium var(--myImgBrdrColor) solid;
}
#mainBanner,
#footer {
	background:darkblue;
	background:var(--mySkinColor);
	background-image:url('../graphics/bkgrnd_royal_blue_stoned.jpg');
	background-size:cover;
	border:medium var(--myImgBrdrColor) solid;
	border-top:0px;
	clear:both;
	margin:0;
	padding:0;
}
/* ------------------------------ */
#TopBanner {
	background-color:#FFFFCC;	/* light yellow */
	border:medium darkblue solid;
	border-top:medium var(--myImgBrdrColor) solid;
	border-right:medium var(--myImgBrdrColor) solid;
	border-bottom:0;
	border-left:medium var(--myImgBrdrColor) solid;
	overflow:hidden;
}
#TopBanner div {
	animation: sliderLeftRight 4s;
	display:inline-block;
	font-size:16px;
	font-style:italic;
	padding:.2% 2%;
	text-shadow:1px 1px 3px darkgray;
}
/* Content Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mainContentCenter,
.mainContentLeft,
.mainContentMinNews,
.mainContentPicsPage {
	background:snow repeat;
	border:medium darkblue solid;
	border:medium var(--myImgBrdrColor) solid;
	clear:both;
	font-size:16px;
	margin:0;
	overflow:hidden;
	padding:0;
}
.mainContentCenter a:link,
.mainContentLeft a:link,
.mainContentPicsPage a:link,
.mainContentMinNews a:link {
	color:blue;
	text-decoration:underline;
}
.mainContentCenter a:visited,
.mainContentLeft a:visited,
.mainContentPicsPage a:visited,
.mainContentMinNews a:visited {
	color:purple;
	text-decoration:underline;
}
.mainContentCenter a:hover,
.mainContentLeft a:hover,
.mainContentMinNews a:hover,
.mainContentPicsPage a:hover {
	background-color:antiquewhite;
	color:darkslategrey;
	transition:background .2s ease;
}
.mainContentLeft,
.mainContentCenter,
.mainContentMinNews {
	padding-left:2%;
	padding-right:2%;
}
.mainContentLeft {
	text-align:left;
}
.mainContentCenter,
.mainContentMinNews {
	text-align:center;
}
.mainOuter {
	margin:auto;
    min-width: 94%;
}
.mainContentPicsPage img {	
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
	border-radius:12px;
	max-width:100%;
}
.officalPerson {
	margin:.2% 5%;
	text-align:center
}
.divMinNews div {
	display:inline-block;
	margin:1% 3%;
	vertical-align:middle;
}
.divMinNews li {
	white-space:nowrap;
	min-width:134px;
}
.divLine img {
	border-radius:6px;
}
.divLeft,
.divCenter {
	clear:both;
}
.mainContentCenter,
.divCenter,
.divCenter div,
.divCenter p {
	text-align:center;
}
/*  These .divFloatRightXXXXX styles are all the same, except:
	. divFloatRight - does NOT center on narrow screen
	. Kick1 and Kick2 - auto centers on narrow screens, see bottom at Narrow Device Styles
	. Suggest using divFloatRight when left is NOT an Ordered or Unordered list
	. Suggest using Kick1 or Kick2 when left is an Ordered or Unordered list
	. Suggest using Kick1 when right is < approx. width:192px
	. Suggest using Kick2 when right is >= approx. width:192px
	. Be sure to TEST and reTEST across several devices wide and narrow
		to TEST and reTEST across several devices wide and narrow.
*/
.divFloatLeft,
.divFloatLeftKick2,
.divFloatLeftKick1 {
	float:left;
}
.divFloatLeftKick1,
.divFloatRight,
.divFloatRightKick1,
.divFloatRightKick2,
.divFloatRightKickLeft,
.divFloatRightHold,
.divFloatRightCompatriot {
	clear:both;
	padding-left:1%;
	padding-right:1%;
}
.divFloatRight,
.divFloatRightKick1,
.divFloatRightKick2,
.divFloatRightKickLeft,
.divFloatRightHold {
	float:right;
	text-align:center;
}
.divFloatRightKickLeft li {
	width:max-content;
}
/* More Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.divFloatRightHold img,		/* normally images < width:120px; narrow */
.divFloatRightKick1 img, 	/* normally images > width:220px; medium */
.divFloatRightKick2 img,	/* normally images > width:300px; wider  */
.divFloatRightKick2Mtg img,
.divFloatRight img,
.divFloatRightJoinRenew img {
	margin:0px;
	max-width:100%;
}
.divLeft img,
.divCenter img { 
	margin:0px;
	max-width:100%;
}
.divLeft img.styleBrdrNone,
.divCenter img.styleBrdrNone,
.divFloatRightKick1 img.styleBrdrNone {
	border:0px;
}
.divLeft img.styleBrdrThin,
.divCenter img.styleBrdrThin,
.divFloatRightKick1 img.styleBrdrThin {
	border:1px darkblue solid;
}
.divLeft img.styleBrdrMedium,
.divCenter img.styleBrdrMedium,
.divFloatRightKick1 img.styleBrdrMedium {
	border:2px darkblue solid;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.divMyCurrDate {
	font-weight:bold;
	margin:auto;
	padding-top:10px;
	text-align:center;
	width:38px;
}
.divMyCurrDate p:first-child {
	background-color:darkred;
	border:2px darkblue solid;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	color:white;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-shadow:1px 1px 3px darkgray;
}
.divMyCurrDate p:last-child {
	background-color:white;
	border:2px darkblue solid;
	border-top:0px;
	color:navy;
	font-size:12px;
	margin:0px;
	padding:0px;
}
.divMyChgAlert {
	background-color:white;
	border:thin darkblue solid;
	border-radius:12px;
	float:left;
	margin:4px;
	width:220px;
}
.divMyChgAlert p {
	display:inline-block;
	font-size:11px;
	font-style:italic;
	padding:2px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}
.divMyChgAlert img {
	height:30px;
}
.divSubMenu {
	text-align:left;
	margin-left:12%;
}
.mainContentMinNews ol,
.mainContentMinNews ul {
	padding-left:12%;
}
/* ordered / unordered list styles - - - - - - - - - - - - - - - - - - - */
ol,
ul {
	margin:.6% 3%;
	padding:0px 6px;
	text-align:left;
}
ol li {
	margin:2% 0%;
}
ul li {
	margin:1% 0%;
}
ol li ol,
ul li ol,
ol li ul,
ul li ul {
	margin:.6%;
}
ol li ol li,
ul li ul li {
	margin:.6% 1%;
}
ul.person,
ul li.person {
	list-style-image:url('../graphics/icon16-stickman.png');
	padding:0px 6px;
}
ul.ckmark,
ul li.ckmark {
	list-style-image:url('../graphics/icon-checkmark.png');
	padding:0px 6px;
}
ul.clock,
ul li.clock {
	list-style-image:url('../graphics/icon16-clock.png');
	padding:0px 6px;
}
ul.dollar, 
li.dollar {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-dollarsign.png');
	padding:0px 6px;
}
ul.fag,
li.fag {
	list-style-image:url('../graphics/icon16-fag.png');
	padding:0px 6px;
}
ul.php,
li.php {
	list-style-image:url('../graphics/icon16-php.png');
	padding:0px 6px;
}
ul.htm,
li.htm {
	list-style-image:url('../graphics/icon16-htm.png');
	padding:0px 6px;
}
ul.doc,
li.doc {
	list-style-image:url('../graphics/icon16-doc.png');
	padding:0px 6px;
}
ul.pdf,
li.pdf {
	list-style-image:url('../graphics/icon16-pdf.png');
	padding:0px 6px;
}
ul.txt,
li.txt {
	list-style-image:url('../graphics/icon16-txt.png');
	padding:0px 6px;
}
ul.award,
li.award {
	list-style-image:url('../graphics/icon16-award.png');
	padding:0px 6px;
}
ul.youtube,
li.youtube {
	list-style-image:url('../graphics/youTube-short.png');
	padding:0px 6px;
}
ul.patriot,
li.patriot {
	list-style-image:url('../graphics/icon16-patriot.gif');
	padding:0px 6px;
}
ul.dar, 
li.dar {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-dar.png');
	padding:0px 6px;
}
ul.usa, 
li.usa {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-usa.png');
	padding:0px 6px;
}
ul.stars13,
li.stars13 {
	list-style-image:url('../graphics/icon16-13stars.jpg');
	padding:0px 6px;
}
ul.php, 
li.php {
	list-style-image:url('../graphics/icon16-php.png');
	padding:0px 6px;
}
ul.wra, 
li.wra {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-wra.png');
	padding:0px 6px;
}
ul.ula,
li.ula {
	font-weight:bold;
	list-style-image:url('../graphics/icon16-menuA.png');
	padding:0px 6px;
}
ul.ulb,
li.ulb {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-menuB.png');
	padding:0px 6px;
}
ul.ulc, 
li.ulc {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-menuC.png');
	padding:0px 6px;
}
ul.uld, 
li.uld {
	font-weight:normal;
	list-style-image:url('../graphics/icon16-menuD.png');
	padding:0px 6px;
}
/* img styles - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  By default:
	1. Normal section images are NOT set to have a border,
	2. Picture section images are set to have a border; add class="brd1" to force a thin border.
*/
img {
	height:auto;
	width:auto;
}
img,
img.brd0,
img.brd1 {
	margin:0px;
	max-width:100%;
	padding:0px;
}
img,
img.brd0 {
	border:0px;
}
img.brd1 {
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
}
img.brd2 {
	border:2px darkblue solid;
	border:2px var(--myImgBrdrColor) solid;
}
/* hard rule styles- - - - - - - - - - - - - - - - - - - - - - - - - - - */
hr {
	background-color:darkblue;
	background-color:var(--myImgBrdrColor);
	border:0px;
	border-top:medium darkblue solid;
	border-top:medium var(--myImgBrdrColor) solid;
	clear:both;
	padding:0px;
}
hr.hrLight,
hr.hrLightClear {
	background-color:gray;
	border:thin white dashed;
	border-style:none none dashed;
}
hr.hrLight {
	clear:none;
}
hr.hrLightClear {
	clear:both;
}
hr.hrRedWhtBlu {
	background:blue;
	background-image:linear-gradient (to bottom, red 33%, white 33%, white 67%, blue 67%, blue 100%);
	border:thin darkblue solid;
	border-radius:14px;
	clear:both;
	height:20px;
	width:96%;
}
/* heading styles- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,
h2,
h3,
h4,
h5 {
	font-family:"Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-style:italic; 
	font-weight:bold;
	margin:1% .6% .6% .6%;
	text-shadow: 2px 1px 2px darkgray;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
	white-space:nowrap;
}
h1 {
	color:darkblue;
	color:var(--myFontColor);
	font-variant:small-caps;
	font-size:26px;
	text-align:center;
}
h2 {
	color:maroon;
	color:var(--myH2Color);
	font-variant:small-caps;
	font-size:26px;
	text-align:center;
}
h3 {
	color:darkblue;
	color:var(--myFontColor);
	font-size:22px;
	padding-left:2%;
	text-align:left;
}
h4,
h5 {
	font-size:18px;
	padding:2% 1% .1% 2%;
	text-align:left;
}
h4 {
	color:darkblue;
	color:var(--myFontColor);
}
h5 {
	color:maroon;
}
.hdCenter {
	text-align:center;
}
h2 a {
	color:navy;
	text-decoration:none;
}
h2 a:hover {
	text-decoration:underline;
}
.gradient {
  align-items: stretch;
  margin:0;
  padding:0;
  height:1em;
  line-height: 2em;
  color: blue;
  background: silver;
    &:before {
    background: linear-gradient(to right, blue, silver);
	}
    &:after {
    background: linear-gradient(to left, blue, silver);
	}
}
/* Table Styles- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
table {
	border:0px darkblue solid;
	border-collapse:collapse;
	border-spacing:0;
	margin:auto;
	padding:0px;
	text-align:center;
}
.bodyTable,
.bodyTableNoBrdr {
	margin:1% 5%;
}
.bodyTable {
	background-color:white;
	border:2px darkblue solid;
}
.bodyTable,
.bodyTableNoBrdr {
	font-size:15px;
}
.bodyTable th {
	background-color:lightgray;
	white-space:normal;
}
.bodyTable th,
.bodyTable td,
.bodyTableNoBrdr th,
.bodyTableNoBrdr td {
	padding:2px 12px;
}
.bodyTable th,
.bodyTable td {
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
}
.bodyTableNoBrdr th,
.bodyTableNoBrdr td {
	border:0px;
}
.oddGray tr:nth-child(odd) {
	background-color:#e6e6e6;
}
.TrHover tr:hover {
	background-color:#DCDCDC;
	color:purple;
	transition:background .2s ease;
}
/* paragraph Styles- - - - - - - - - - - - - - - - - - - - - - - - - - - */
p {
	margin:1%;
}
.divLeft p,
.leftKickCenter,
.mainContentLeft p,
p.paraLeft {
	text-align:left;
}
p.paraCenter {
	text-align:center;
}
p.paraJustify {
	text-align:justify;
}
p.gotError,
p.noscript {
	background-color:yellow;
	border:medium darkblue dashed;
	font-weight:bold;
}
p.adobe {
	clear:both;
	font-size:14px;
	font-style:italic;
	text-align:center;
}
p.adobe img {
	border:thin darkblue solid;
	border-radius:6px;
}
p.firstLtr::first-letter {
	color:maroon;
	float:left;
	font-size:234%;
	font-weight:bold;
	margin-right:.1em;
	margin-top:-.2em;
	text-shadow: 2px 1px 2px darkgray;
}
p.firstLtr::first-letter::after {
	clear:left;
}
.centerKickLeft {
	clear:both;
	margin:auto;
	padding-left:1%;
	text-align:center;
}
/* anchor Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a,
a:link {
	color:blue;
	text-decoration:underline;
}
a:visited {
	color:slateblue;
}
a:hover {
	background-color:antiquewhite;
	color:darkblue;
	text-decoration:underline;
	transition:background .2s ease;
}
a.email,
a.phone {
	color:purple;
	text-decoration:none;
	white-space:nowrap;
}
.link-disabled {
	pointer-events: none;
}
/* General Size Styles- - - - - - - - - - - - - - - - - - - - - - - - - */
.styleNonAnchor {
	color:blue;
	white-space:nowrap;
}
.styleXXLarge,
.styleXXLargeBold,
.styleXXLargeMaroon,
.styleXXLargeMaroonBold {
	font-size:24px;
}
.styleXLarge,
.styleXLargeBold,
.styleXLargeMaroon,
.styleXLargeMaroonBold {
	font-size:22px;
}
.styleLarge,
.styleLargeBold,
.styleLargeMaroon,
.styleLargeMaroonBold {
	font-size:18px;
}
.styleSmall, 
.styleSmallBold, 
.styleSmallItalic,
.styleSmallMaroon {
	font-family:Tahoma, serif;
	font-size:13px;
}
.styleItalic,
.styleSmallItalic,
.styleSmallItalicBold,
.styleMaroonItalic,
.styleMaroonBoldItalic {
	font-style:italic;
}
.styleUnderline {
	text-decoration:underline;
}
.styleSuperScript {
	font-size:12px;
	vertical-align:super;
}
.styleXXLargeBold,
.styleXXLargeMaroonBold,
.styleXLargeBold,
.styleXLargeMaroonBold,
.styleLargeBold,
.styleLargeMaroonBold,
.styleBold,
.styleMaroonBold,
.styleMaroonBoldItalic,
.styleSmallBold {
	font-weight:bold;
}
.styleXXLargeMaroon,
.styleXXLargeMaroonBold,
.styleXLargeMaroon, 
.styleXLargeMaroonBold,
.styleLargeMaroon,
.styleLargeMaroonBold,
.styleSmallMaroon,
.styleMaroon,
.styleMaroonItalic,
.styleMaroonBold,
.styleMaroonBoldItalic {
	color:maroon;
}
.styleRed {
	color:crimson;
}
.styleBlue {
	color:blue;
}
.styleBlack {
	color:black;
}
.styleGreen {
	color:darkgreen;
}
.styleAlertBkgrnd {
	background-color:#ffffcc;
	border:thin brown ridge;
	border-radius:4px;
	padding:1px;
}
/* highlite Style- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.highlite {
	background-color:#f0f0f0;
	border:medium maroon solid;
	border-radius:12px;
	padding:1%;
	min-width:fit-content;
}
/* Misc Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.rowHoverGray li:hover,
.hoverGray:hover {
	background-color:#F9F6EE;	/* bone white */
	transition:background .2s ease;
}
.styleCenter {
	text-align:center;
	margin:auto;
}
.styleClear {
	clear:both;
}
.styleBrd1 {
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
}
.styleBrd2 {
	border:medium darkblue solid;
	border:medium var(--myImgBrdrColor) solid;
}
.styleBrdr1Radius,
img.styleBrdr1Radius {
	border:thin darkblue solid;
	border-radius:12px;
}
.styleLatest {
	font-size:14px;
	white-space:nowrap;
}
.styleCash {
	color:green;
	font-weight:bold;
}
.styleMtgPlaceName {
	color:maroon;
	font-size:24px;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 3px darkgrey;
}
.nowrap,
.nowrapHold,
.styleNowrap,
.styleNowrapHold,
.styleChapter-Society,
.styleDate,
.styleLocation,
.styleName,
.stylePgmTitle,
.stylePlace,
.styleTime,
.styleTitle {
	white-space:nowrap;
}
.stylePgmTitle,
.styleTopic {
	font-style:italic;
}
.styleChapter-Society,
.stylePgmTitle,
.styleDate,
.styleLocation,
.styleName,
.stylePlace,
.styleTime,
.styleTitle,
.styleTopic {
	font-weight:bold;
}
.styleChapter-Society,
.styleDate,
.styleTime,
.styleTitle {
	color:maroon;
}
.styleTitle,
.stylePgmTitle {
	color:darkgreen;
	font-weight:bold;
	font-style:italic;
}
.styleBkgrdWhite {
	background-color:white;
}
/* Next and Previous Meeting - - - - - - - - - - - - - - - - - - - - - - */
.styleShadow,
.MtgNext,
.BOMNext {
	text-shadow: 2px 1px 2px darkgray;
	-webkit-text-stroke: 1px black;
}
.MtgNext {
	color:green;
}
.BOMNext {
	color:navy;
}
.MtgPrev {
	color:maroon;
}
/* Sticky-menu - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.sticky-menu {
	background-color:#ffffe0;
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
	line-height:22px;
	margin:0px;
	padding:0px 10px; 
	position:relative;
	text-align:center;
	width:99.9%;
}
.sticky-menu a:hover {
	background-color:#e6e6e6;
	transition:background .2s ease;
}
.sticky-menu a img {
	border:0px;
}
/* Fading Division Styles- - - - - - - - - - - - - - - - - - - - - - - - */
#Images,
#Images p {
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.divHidden {
	display:none;
}
.sliderLeftRight,
.sliderFader,
.sliderNoAnimation {
	display:block;
	margin:auto;
	height:auto;
}
.sliderLeftRight {
	animation:sliderLeftRight 1.0s;
}
.sliderFader {
	animation:sliderFader 1.0s;
}
@keyframes sliderLeftRight {
	from 	{transform:translateX(100%);opacity:.5}
	to		{transform:translateX(0%);opacity:1}
}
@keyframes sliderFader {
	0%		{opacity:0;}
	100%	{opacity:1;}
}
.divVisible,
.divVisibleAnimate {
	display:inline-block;
	text-align:center;
}
.divVisibleAnimate {
	animation:divVisible 2.5s;
}
#divVisible img,
#divVisibleAnimate img {
	border:thin darkblue solid;
	border-radius:12px;
}
.divShow {
	display:block;
	margin:.5% 1% 1.5% .5%;
	width:auto;
}
.divShow p {
	text-align:left;
	margin: 1% 0% 2% 2%;
}
/* Animator Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.animateFade {
	animation:animateFader 1.5s;
}
.animateSiderTB {
	animation:animateSliderTopBottom .8s ease-in;
}
.animateSiderBT {
	animation:animateSliderBottomTop .8s ease-in;
}
@keyframes animateFader {
	0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes animateSliderTopBottom {
	0%	{opacity:0; transform:rotateX(-100deg);	transform-origin:top;}
  100%	{opacity:1; transform:rotateX(0deg); 	transform-origin:top;}
}
@keyframes animateSliderBottomTop {
	0%	{opacity:1; transform:rotateX(-100deg);	transform-origin:bottom;}
  100%	{opacity:0; transform:rotateX(0deg);	transform-origin:bottom;}
}
/* Animator Blink Styles - - - - - - - - - - - - - - - - - - - - - - - - */
.blink {
	animation: blink-animation 1s steps(5, start) infinite;
	-webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
	to {visibility: hidden;}
}
@-webkit-keyframes blink-animation {
	to {visibility: hidden;}
}
/* Alert Styles- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.styleAlertBkgrnd {
	background-color:#ffffcc;
	border:thin brown ridge;
	border-radius:4px;
	padding:1px;
}
.divAlert,
.divHoliday1,
.divHoliday2 {
	clear:both;
	margin:auto;
	width:99%;
}
.divAlert p, 
.divHoliday1 p,
.divHoliday2 p {
	border:medium darkgray dashed;
	border-radius:12px;
	display:inline-block;
	padding:6px 16px;
	text-shadow:1px 1px 3px darkgray;
}
.divAlert p,
.divHoliday1 p {
	background-color:#ffffcc;
}
.divHoliday2 p {
	animation-name: divHoliday2;
	animation-duration: 6s;
	animation-iteration-count: 40;
	background-color:crimson;
	color:white;
}
@keyframes divHoliday2 {
	0%		{background-color:crimson}
	10%		{background-color:crimson}
	40%		{background-color:#355e3b}	/* Hunter Green */
	60%		{background-color:#355e3b}
	90%		{background-color:crimson}
	100%	{background-color:crimson}
}
/* Anniversary Date Styles - - - - - - - - - - - - - - - - - - - - - - - */
.divAnnivDate {
	clear:both;
	margin:auto;
	width:202px;
}
.divAnnivDate a {
	text-decoration:none;
}
.divAnnivDate p {
	background-color:maroon;
	background-color:var(--myH2Color);
	background-image:url('../graphics/bkgrnd_deep_red_marbled.jpg');
/*	background-image:url('../graphics/bkgrnd_deep_navy_marbled.jpg'); */
	border:medium silver solid;
	border-radius:12px;
   	color:white;
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:16px;
	font-weight:bold;
	margin:auto;
	padding: 6px 12px;
	text-align:center;
	text-shadow: 2px 2px 2px black;
	white-space:nowrap;
}
.AnnivDateNum {
	font-family:Times, "Times New Roman", serif;
	font-size:38px;
	text-shadow: 3px 2px 3px black;
}
.AnnivDateYears {
	font-size:26px;
	position:relative;
	top:-3px;
}
.AnnivDateChapterName {
	font-size:20px;
}
.AnnivDateChapterDate {
	font-size:16px;
}
/* Equal Height div columns- - - - - - - - - - - - - - - - - - - - - - - */
.divColContainer {
	clear:both;
	display:table;
	margin:auto;
	width:100%;
}
.divColContainer div {
	display:table-cell;
	margin: auto;
	padding:1%;
	text-align:center;
	vertical-align:middle;
	width:100%;
}
/* divInlineRow and Column Styles- - - - - - - - - - - - - - - - - - - - */
.divInlineRow {
	text-align:left;
	min-width:30%;
	width:fit-content;
}
.divInlineRow div {
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
/* Picture Page Styles - - - - - - - - - - - - - - - - - - - - - - - - - */
.divPicsRow,
.divPicsEqHtRow {
	clear:both;
	margin:2% 2% .1% 2%;
	text-align: center;
	max-width:100%;
}
.divPicsRow div,
.divPicsEqHtRow div {
	display:inline-table;
	margin:.1% .5% .2% .5%;
	vertical-align:top;
	width:fit-content;
}
.divPicsRow div {
	vertical-align:top;
}
.divPicsEqHtRow div {
	vertical-align:middle;
}
.divPicsRow img,
.divPicsEqHtRow img {
	border:thin darkblue solid;
	border:thin var(--myImgBrdrColor) solid;
	border-radius:12px;
	max-width:99%;
	margin:1px 2px;
}
.divPicsRow img.brdr0,
.divPicsEqHtRow img.brdr0 {
	border:0px;
	max-width:100%;
}
.divPicsRow p,
.divPicsEqHtRow p,
.divPicsRow div p,
.divPicsEqHtRow div p {
	margin:0% .5%;
	text-align:center;
}
/* Calendar Table Styles - - - - - - - - - - - - - - - - - - - - - - - - */
.calTable {
	background-color:silver;
	border:2px darkblue solid;
	border-collapse:collapse;
	font-size:12px;
	margin:auto;
	min-width:136px;
	padding-left:.5%;
}
.calTable th {			/* Days of the Week */
	background-color:maroon;
	border:0px;
	color:white;
	font-family:sans-serif, Tahoma, Geneva, Verdana;
	font-variant:small-caps;
	font-weight:normal;
	margin:auto;
	padding:0px; 
	text-align:center;
}
.calTable th.calHdr1,
.calTable th.calHdr2 {
	font-size:14px;
	font-weight:bold;
}
.calTable th.calHdr2 {
	color:gold;			/* Current Month of Year */
}
.calTable td {
	background-color:#EEE7D7;
	background-position:center;
	background-repeat:no-repeat;
	border:thin darkblue solid;
	color:darkblue;
	color:var(--myFontColor);
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
}
.calTable td.calDayMtg {
	background-color:lime;
	background-image:url('../graphics/choose.png');
	border:2px darkblue solid;
	font-weight:bold;
}
.calTable td.calDayMtgMissed {
	background-color:#FF6666; 	/* bittersweet red */
	background-image:url('../graphics/choose.png');
	border:2px maroon solid;
}
.calTable td.calDayBOM {
	background-color:lightblue;
	background-image:url('../graphics/choose.png');
	color:purple;
	font-weight:bold;
}
.calTable td.calDayCurr {
	background-color:#ffe680; 	/* light yellow */
	color:purple;
	font-weight:bold;
}
.calTable td.calDayFill {
	background-color:#ECEEEC;	/* aqua spring */
}
/* Line Separator Styles - - - - - - - - - - - - - - - - - - - - - - - - */
.divRibbon {
	clear:both;
	margin:1% 0%;
	padding:0%;
	text-align:center;
}
.divRibbon a img {
	border:0px;
	border-radius:12px;
	margin:0px;
	max-width:92%;
	min-height:13px;
}
/* Responsive iFrame for Google Calendar - - - - - - - - - - - - - - - - */
.calendar-iframe-container {
	margin:0px;
	padding:.1%;
	position:relative;
} 
.calendar-iframe-container iframe,   
.calendar-iframe-container object,  
.calendar-iframe-container embed {
    width:99%;
}
/* Footer Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer {
	color:white;
	font-family:Verdana, Geneva, Tahoma, sans-serif, serif;
	font-size:13px;
	padding:.5% .2%;
	text-align:center;
}
#footer div {
	color:white;
	display:inline;
	padding: 0 1%;
	vertical-align:middle;
}
#footer p {
	margin:0px;
	padding:2px;
}
#footer a {
	color:white;
	text-decoration:underline;
}
#footer a:hover {
	background-color:transparent;
	color:yellow;
	text-decoration:underline;
}
#footer span {
	white-space:nowrap;
}
/* Narrow Device Styles - - - - - - - - - - - - - - - - - - - - - - - - -*/
@media screen and (max-width:799px) {
.bodyTable, 
.bodyTable th,
.bodyTable td,
.bodyTableNoBrdr th,
.bodyTableNoBrdr td {font-size:14px;white-space:normal}
}
@media screen and (max-width:699px) {
.mainOuter {margin:1%}
.divIndexRowFlex {margin:auto;padding:1% 1%}
.divFloatRight {height:auto}
.divFloatLeftKick2,
.divFloatRightKick2 {float:none;clear:both;width:93%;margin-left:auto;margin-right:auto;text-align:center}
.divSubMenu {margin-left:6%}
.divPics hr {height:6px}
.divPicsRow {margin:0px}
}
@media screen and (max-width:666px) {
h1,h2 {font-size:22px}
.divFloatLeftKick1,
.divFloatRightKick1 {height:auto;float:none;clear:both;width:93%;margin-left:auto;margin-right:auto;text-align:center}
}
@media screen and (max-width:599px) {
.divMinNews div {margin:4% 4%}
}
@media screen and (max-width:501px) {
.divFloatLeftKick1,
.divFloatRightKick1 {height:auto;float:none;clear:both;width:99%;margin-left:auto;margin-right:auto;text-align:center}
#bannerContainer p {font-size:16px}
ol li,
ul li {margin:1%}
.bodyTable,
.bodyTableNoBrdr {margin:1% auto}
.divPics hr {height:6px}
.divPicsRow {margin:0px}
/*	responsive-reductions
	h1, h2, xx-large:26px;	xx-large:16px;
	h3, x-large:20px;			x-large:16px;
	h4, h5:18px; 				large:16px;
	large:18px;				large:16px;
	medium:16px;				medium:14px;
	small:13px;				small:13px;
*/
.bodyTable,
.bodyTable th,
.bodyTable td,
.bodyTableNoBrdr th,
.bodyTableNoBrdr td {font-size:13px;white-space:normal}
h3,h4,h5 {font-size:18px}
.styleXXLarge,
.styleXXLargeBold,
.styleXXLargeMaroon,
.styleXXLargeMaroonBold,
.styleXLarge,
.styleXLargeBold,
.styleXLargeMaroon,
.styleXLargeMaroonBold,
.styleLarge,
.styleLargeBold,
.styleLargeMaroon,
.styleLargeMaroonBold {font-size:16px}
.styleChapter-Society,
.styleDate,
.styleLocation,
.styleName,
.stylePgmTitle,
.stylePlace,
.styleTime,
.styleTitle,
.styleTopic,
.divAnnivDate p,
.mainContentCenter,
.mainContentMinNews,
.mainContentLeft,
#mainContentPicsPage {font-size:14px}
.styleSmall, 
.styleSmallBold, 
.styleSmallItalic,
.styleSmallMaroon {font-size:13px}
.stylePatriot,
.styleChapter-Society,
.styleLocation,
.stylePgmTitle,
.stylePlace,
.styleTitle,
.styleTopic,
.styleNowrap,
.nowrap {white-space:normal}
}