@charset "utf-8";/*   &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/202202-shadowcycling.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 */}/* 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 {max-width:100%;	height:auto;}
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;}