/*   &f09f8c91; 	NEW MOON SYMBOL */
/*   &f09f8c92; 	WAXING CRESCENT MOON SYMBOL */
/*   &f09f8c93; 	FIRST QUARTER MOON SYMBOL */
/*   &f09f8c94; 	WAXING GIBBOUS MOON SYMBOL */
/*   &f09f8c95; 	FULL MOON SYMBOL */
/*   &f09f8c96; 	WANING GIBBOUS MOON SYMBOL */
/*   &f09f8c97; 	LAST QUARTER MOON SYMBOL */
/*   &f09f8c98; 	WANING CRESCENT MOON SYMBOL */
/*   &f09f8c99; 	CRESCENT MOON   */



/* set sizing to border box method */

html {box-sizing: border-box;}

*, *:before, *:after {box-sizing: inherit;}

/* set maximum and minimum widths for the body and center within the viewport */


body {background-color: Black;
	font-family: sans-serif;
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	min-width: 256px;
	padding-top: 8px;
	padding-bottom: 24px;
	padding-left: 24px;
	padding-right: 24px;}
/*color was SkyBlue */

/* add a fancy background */



html {background:


radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
}


background-size:16px 16px;

/* background was background: radial-gradient(circle, SkyBlue, SkyBlue 50%, LightCyan 50%, SkyBlue);
	background-size: 8px 8px; */

/* header */

header {}

header section {background-image: url("graphics/bitofsunset20220116.jpg");
	background-color: black;}

header p {float: left;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;}

header h1 {font-size: 32px;
	text-align: center;
	}


/* the menu */

nav ul {list-style-type: none;
	background-color: white;
	border: 2px solid Black;
	border-radius: 10px;
	font-family: sans-serif;
	font-weight: bold;
	padding: 16px;}
/* background-color was LightCyan */

nav ul li {display: inline;
	border-right: 2px solid #111111;
	padding-right: 8px;
	padding-left: 8px;}

nav ul li:last-child {border-right: none;}

nav ul li a {text-decoration: none;
	color: #111111;}

nav li.selected{color: #606060;}

nav ul li a:hover {text-decoration: underline;}



/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}


/* nav bar code from https://www.w3schools.com/howto/howto_css_more_button.asp */
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}




/* biographies */

section {background-color: #FFFFFF;
	margin-bottom: 24px;
	min-height: 320px;
	padding-left: 24px;
	padding-right: 24px;}

section.e {background-color: darkgray;
	margin-bottom: 24px;
	min-height: 75px;
	padding-left: 24px;
	padding-right: 24px;}


/* the aside */

aside {}

/* footer */

footer {}

footer p.copyright {float: left;
	margin-top: 0px;}

footer p.contact {text-align: right;}

/* small images are set to 200px in height */

img.small {float: left;
	height: 200px;
	margin-bottom: 24px;
	margin-right: 24px;}

/* medium images can be 50% of the container element�s width, up to 360px */

img.medium {float: left;
	max-width: 360px;
	width: 50%;}

img.art {max-width: 250px;
	width: 50%;}

/* large images are 100% of the container element�s width */

img.large {max-width: 100%;}

img.sqcorners {}

/* img.large {width: 100%;} */

/* add the same style of border to the elements which are to have borders */

body, section, img {border: 2px solid #B1B1B1;
	border-radius: 16px;}

/* the bits that are specific to a wide viewport (over 56em) */

@media all and (min-width: 900px) {
	article {float: left;
		width: 66%;}

	aside {float: left;
		padding-left: 24px;
		width: 34%;}

	footer {clear: both;}
	}

blockquote {font-style: italic;
	color: gray;}
	
tr:nth-of-type(even) {background-color:#c2cbd1;}

td  {vertical-align:top;}

td.small {font-size: 12px;}

p.10px {font-size: 10px;}

.heb {color:blue;font-size: 13px;}

.calnotes{font-size: 13px;}

/* old bgcolor for tr nth of type #F5FAFC*/

.red {color:red;}
	
.editor {color:black;
	background-color: darkgray;
	border-color:black;
	border-width:thick;}
/*      */


editor {background-color: darkgray;
	margin-bottom: 24px;
	min-height: 320px;
	padding-left: 24px;
	padding-right: 24px;}
	
.six-pointed-star{
      --star-color:#0038b8;
      --sqrt-3:1.73205080757;
  margin: 0 auto;
      font-size:1em;
      width: 0;
      height: 0;
      position:relative;
      border-left: 1em solid transparent;
      border-right: 1em solid transparent;
      border-bottom: calc( 1em * var(--sqrt-3) ) solid var(--star-color);
}

.six-pointed-star:after{
      content:"";
      position:absolute;
      width: 0;
      height: 0;
      left:-1em;
      top:calc( 1em * var(--sqrt-3) / 3 );
      border-left: 1em solid transparent;
      border-right: 1em solid transparent;
      border-top: calc( 1em * var(--sqrt-3)  ) solid var(--star-color);
}