body	{
	background-color:   #082408	;
	color:		    #FBD8FB	;
	font-family:	    sans-serif	;
	font-size:	    13pt	;
	}

.hdr-container /*--- sticky non-scrolling top stuff ---*/
	{
	background-color:   #1C381C	;
	position:	    sticky	;
	top:		    0		;
	z-index:	    8		;
	padding-bottom:	    5px		;
	/* overflow:	    auto	; */
	}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.main-bg-grad
	{
	background:  linear-gradient( to bottom, #FFFFFFC8, #EAEAEAF8 );
	}

.main-wrap
	{
	background:  linear-gradient( to bottom, #FFFFFFB0, #E8E8E8F2 );
	color:	     #000000;
	padding-top: 4px;
	padding-bottom: 3.5em;
	}

#main	{
	padding-left:	7px;
	padding-right:	7px;
	margin-left:	auto;
	margin-right:	auto;
	max-width:	48em;
	}


#title,h1 {
	text-align:	  center	;
	font-size:	  26pt		;
	font-weight:	  bold		;
	font-family:	  serif		;
/*---	text-transform:	  uppercase	; ---*/
  	background-color: #204820	;    	color:		  #FFFFFF	;
	padding:	  2pt		;
	margin-top:	  0		;
	margin-bottom:	  9pt		;
	margin-left:	  5%		;
	margin-right:	  5%		;
	}

.site-notice
	{
	background-color: #204820;
	border:		  3px black groove;
	padding-bottom:	  0.25em;
	font-size:	  27px;
	margin-left:	  0;
	margin-right:	  0;
	}
@media screen and (max-width: 649px) {
  .site-notice {
	font-size:	  20px;
	font-weight:	  normal;
  }
}

h1 a { color:#d0d0ff; text-decoration:none; border-bottom:none; }

h2	{
	text-align:	center		;
	font-family:	serif		;
	font-weight:	bold		;
	}

h3	{
	font-size:	18pt		;
	font-family:	serif		;
	font-weight:	bold		;
	padding:	0.17em		;
	/*color:	#FFFFFFF0	;*/
	}

a	{
	color:		#3038B0		  ;
	border-bottom:	1px #90B090 solid ;
	padding:	1pt		  ;
	}
a[target]:hover,
a.subtle-link:hover
	{
	background-color: #00004016	  ;
	border:		  1px green solid ;
	}

a.subtle-link { color:unset; padding-bottom:0; }

.v-spaced { margin-top:1.1em; margin-bottom:1.1em }

.addr,
.mailaddr
	{
	font-family:	sans-serif	;
	font-size:	13pt		;
	width:		max-content	;
	margin-left:	18pt		;
	margin-top:	6pt		;
	padding-left:	8pt		;
	padding-right:	8pt		;
	border:		3px darkgreen ridge;
	}

.addr	  { float:left ; margin-bottom:6pt ; }
.mailaddr { float:left ; margin-bottom:10pt; }
.map	  { clear:both ; }

.nobold   { font-weight: normal; }

[target] { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjx0aXRsZT5leHQtbGluazwvdGl0bGU+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTYgMWg1djVMOC44NiAzLjg1IDQuNyA4IDQgNy4zbDQuMTUtNC4xNkw2IDFaTTIgM2gydjFIMnY2aDZWOGgxdjJhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTFWNGExIDEgMCAwIDEgMS0xWiIvPjwvc3ZnPg==) top 0.32em left no-repeat; padding-left:0.69em; margin-left:0.09em; background-size:0.6em; }

[target].dark-bground { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTIgMTIiPjx0aXRsZT5leHQtbGluazwvdGl0bGU+PHBhdGggZmlsbD0iI0RERiIgZD0iTTYgMWg1djVMOC44NiAzLjg1IDQuNyA4IDQgNy4zbDQuMTUtNC4xNkw2IDFaTTIgM2gydjFIMnY2aDZWOGgxdjJhMSAxIDAgMCAxLTEgMUgyYTEgMSAwIDAgMS0xLTFWNGExIDEgMCAwIDEgMS0xWiIvPjwvc3ZnPg==) top 0.39em left no-repeat; padding-left:0.69em; margin-left:0.09em; background-size:0.6em; }

#dnr-nrc
	{
	font-family:	  sans-serif;
	font-size:	  14pt;
	padding:	  8pt;
	border:		  1px darkgray ridge;
	/*opacity:	  0.90;*/
	width:		  max-content;
	margin-left:	  auto;
	margin-right:	  auto;
	margin-top:	  2.1em;
	background:	  linear-gradient( to right, #FFFFFFF0, #FFFFFF58 );
	}
.nrc-member	    { padding-top:10pt; font-size:14pt; line-height:1.27em; }
#dnr-nrc hr	    { width:75%; color:blue; margin-top:5pt; margin-bottom:3pt; }
#dnr-nrc strong { font-size:14pt; line-height:17pt; text-decoration:underline; }

/*
a.email		{ color:#0418D2; text-decoration:none; padding-left:1.6pt; padding-right:1.5pt; border: 1px ridge; }
a.email:before	{ content:"✉"; font-weight:bold; font-size:115%; text-decoration:none; }
*/
a[href^="mailto:"] { color:#0418D2; text-decoration:none; padding-left:1.4pt; padding-right:1.5pt; border: 1px ridge; }
a[href^="mailto:"]:before { content:"✉"; font-weight:bold; padding-right:1px; }
a[href^="tel:"   ]:before { content:"☎"; padding-right:1px; }

span.mtg-date
	{
	background-color:	#b4eff6;
	padding-left:		0.16em;
	padding-right:		0.16em;
	padding-top:		0;
	padding-bottom:		0;
	line-height:		1.45em;
	/*white-space:		pre; */ /* no line break: as if spaces are   */
	}

hr	{
	margin-left:	auto	;
	margin-right:	auto	;
	width:		86%	;
	margin-top:	20px	;
	background-color: black ;
	}

.left-align { text-align:left; }

.float-left { float:left; margin-right:9px; }


.navbar-light .navbar-brand,			/* main ("brand") navbar "tab" */
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,	/* active navbar "tab" */
.navbar-light .navbar-nav .nav-link,		/* non-active navbar "tab" */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .show > .nav-link
	{
	color:		#FAD0FA		    ;
	border:		darkgray 3px ridge  ;
	cursor:		pointer		    ;
	}

.navbar-light .dropdown-menu,
.navbar-light .dropdown-menu a
	{
	background-color:   #1E3B1E	;
	color:		    #FAD0FA	;
	}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .dropdown-menu a:hover
	{
	background-color: #E0E0E032;
	color:		  #FFFFFF;
	}


.navbar-light .navbar-nav .nav-link.disabled	/* disabled navbar "tab" */
	{
	color:		#AA80AA		    ;
	border:		darkgray 3px ridge  ;
	pointer-events: none		    ;
	}

.navbar-brand
	{
	background-color: #FFFFFF12;
	}

/*
 * Main ("brand") navbar "tab": currently, the image is larger than
 * the text, so no vertical padding on the image will keep a nice
 * margin around the text without consuming extra vertical space.
 */
.navbar-light .navbar-brand
	{
	padding-top:	0px		;
	padding-bottom:	0px		;
	}
#home-text
	{
/*---
	font-size:	    60%		;
	writing-mode:	    vertical-lr ;
	text-orientation:   upright	;
	margin-right:	    1.15em	;
---*/
	}

.navbar-toggler
	{
	display:	inline-flex ;
	flex-direction: row	    ;
	}

.navbar-light .navbar-toggler-icon
	{
	/* "Hamburger Menu" icon */
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(220, 220, 250, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
.navbar-light .navbar-toggler-text
	{
	writing-mode:	  vertical-rl ;
	text-orientation: upright     ;
	font-size:	  50%	      ;
	letter-spacing:	  0px	      ;
	text-align:	  end	      ;
	vertical-align:	  bottom      ;
	color:		  #D0D0D0     ;
	margin-right:	  3px	      ;
	margin-bottom:	  0	      ;
	margin-top:	  auto	      ;
	}
@media screen and (max-width: 649px) {
  .navbar-light .navbar-toggler-text { font-size:45%; letter-spacing:-2px; }
}

.navbar-light
	{
	border: #FFFFFF60 solid 1px;
	}

.form-control /* search box */
	{
	background-color: #E0F8F4;
	}


/*
 * FULL-SIZE SCREEN ["desktop"] CSS:
 */

@media screen and (min-width: 650px) {
.desktop-inline { display:inline; }
.desktop-block	{ display:block ; }
.desktop-only	{ display:unset ; }
.mobile-inline	{ display:none	; }
.mobile-block	{ display:none	; }
.mobile-only	{ display:none	; }
}


/*
 * MOBILE CSS:
 */

@media screen and (max-width: 649px) {
.desktop-inline { display:none	; }
.desktop-block	{ display:none	; }
.desktop-only	{ display:none	; }
.mobile-inline	{ display:inline; }
.mobile-block	{ display:block ; }
.mobile-only	{ display:unset ; }
/* a { font-size: 110%; } */
h1 { font-size: 22pt; }
h2 { font-size: 22px; }
a[href^="mailto:"]:before { padding-right:4px; }
a[href^="tel:"	 ]:before { padding-right:3px; }
#main { font-size:20px; line-height:1.27em; }
}



/*---
 * Notice-block:
 ---*/


.address-block {
    width: fit-content;
    border: 1px lightgreen solid;
    padding-left: 0.3em;
    padding-right: 0.4em;
}


@media screen and (max-width: 649px) {

    .notice-block
	{
	display:	flex;
	flex-direction: column;
	}

    .notice-block-right
	{
	margin-top:	0.6em;
	}

    .notice-block-left hr
	{
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	}
}

@media screen and (min-width: 650px) {

    .notice-block
	{
	display:	flex;
	flex-direction: row;
	}

    .notice-block-left
	{
	margin-right:	1.25em;
	}

    .notice-block-right
	{
	margin-left:	1.25em;
	line-height:	1.35;
	}

    .notice-block-left hr
	{
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	}

}

    .notice-block-left
	{
	padding-left:	1em;
	padding-right:	1em;
	padding-top:	0.15em;
	padding-bottom:	0.15em;
	border:		3px black ridge;
	}

    .notice-block-right
	{
	padding-left:	0.75em;
	padding-right:	0.75em;
	padding-top:	0.3em;
	padding-bottom:	0.3em;
	border:		3px black ridge;
	}

    .notice-heading
	{
	text-decoration: underline;
	font-weight:	 bold;
	}

    .notice-block p
	{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}


@media screen
    {

    .notice-block a
	{
	color: #E8F8E0;
	}

    .notice-block code
	{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 108%;
	}

    .notice-block-left
	{
	background-color: #060690;
	color:		  #FFFFFF;
	border-color:	  lightgreen;
	}

    .notice-block-right
	{
	background-color: #060690;
	color:		  #FFFFFF;
	border-color:	  lightgreen;
	}

    }