/* Shades of Olive : */
/* #000000 #0D0D00 #1A1A00 #262600 #333300 #404000 #4D4D00 #5A5A00 #666600 #737300 */
/* #808000 (Olive)                                                                 */
/* #8D8D19 #999933 #A6A64D #B3B366 #C0C080 #CCCC99 #D9D9B2 #E6E6CC #F2F2E6 #FFFFFF */

/* Shades of Green : */
/* #000000 #000D00 #001A00 #002600 #003300 #004000 #004D00 #005A00 #006600 #007300 */
/* #008000 (Green)                                                                 */
/* #198D19 #339933 #4DA64D #66B366 #80C080 #99CC99 #B2D9B2 #CCE6CC #E6F2E6 #FFFFFF */

/* Shades of Red */
/* #000000 #1A0000 #330000 #4C0000 #660000 #800000 #990000 #B20000 #CC0000 #E60000 */
/* #FF0000 (Red)                                                                   */
/* #FF1919 #FF3333 #FF4D4D #FF6666 #FF8080 #FF9999 #FFB2B2 #FFCCCC #FFE6E6 #FFFFFF */

/* Shades of Blue */
/* #000000 #00001A #000033 #00004C #000066 #000080 #000099 #0000B2 #0000CC #0000E6 */
/* #0000FF (Blue) */
/* #1919FF #3333FF #4D4DFF #6666FF #8080FF #9999FF #B2B2FF #CCCCFF #E6E6FF #FFFFFF */

/* Shades of SlateGrey */
/* #000000 #0B0D0E #161A1D #22262B #2D333A #384048 #434D56 #4E5A65 #5A6673 #657382 */
/* #708090 (SlateGrey) */
/* #7E8D9B #8D99A6 #9BA6B1 #A9B3BC #B8C0C8 #C6CCD3 #D4D9DE #E2E6E9 #F1F2F4 #FFFFFF */


/* BODY ************************************************************************************** */

@media print {
	body {
		margin: 0.00 auto 0.50em auto; /* top right bottom left */
	}
	.navigation {
		display: none;
	}
	.nav-cell {
		display: none;
	}
	.navigation-link:link,navigation-link:visited,navigation-link:hover,navigation-link:active {
		display: none;
	}
	.page-rule {
		display: none;
	}
}

body { /* standard body for all pages */
	background-color: #F8F8FF; /* ghostwhite */
	color: black;
	font-size: 1.00em; /* standardise beginning font size */
	margin: 1.50em auto 2.50em auto; /* top right bottom left */
	max-width: 60.00em; /* restrict maximum viewing port for comfortable reading */
}

/* VARIOUS STYLES **************************************************************************** */

.pageTitle {
	font-size: 1.75em;
	font-style: normal;
	margin-bottom: 0.75em;
	margin-top: 0.50em;
	text-align: center;
	text-shadow: 3px 3px 3px #9BA6B1; /* offset-x, offset-y blur-radius (opt), colour (opt) */
}

.page-rule { /* ruled line across the page */
	border-top: 1px solid silver;
	height: 0.10em;
	margin-left: auto;
	margin-right: auto;
	max-width: 40.00em;
	width: 60%;
}

.nameCount {
	font-family: sans-serif;
	font-size: 70%;
	margin-bottom: 1.50em;
	margin-right: 5.00em;
	text-align: right;
}

/* STYLES FOR THE NAVIGATION TABLE LAYOUT *********************************************************** */

.navigation { /* to hold the navigation links top and bottom of page */
	display: table;
	font-family: "Noto Sans", font-noserif, sans-serif;
	font-size: 0.75em;
	margin: 0.75em auto 0.75em auto;
	width: 30.00em;
}
.nav-cell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 10.00em;
}


/* STYLES FOR THE NAMES TABLE LAYOUT **************************************************************** */

.names-table {
	display: table;
	font-size: 0.90em;
	margin: 0 auto 1.00em auto;
	width: 60.00em;
}
.names-row {
	display: table-row;
}
.names-cell {
	display: table-cell;
	text-align: center;
	width: 33%
}




/* STYLES FOR THE LINKS ***************************************************************************** */

.navigation-link { /* for the n
	font-family: font-serif;
	font-size: 0.85em;avigation links at top and bottom of the page */
	border: 1px solid #ededed;
	border-radius: 0.75em;
	display: block;
  font-family: "Noto Serif", font-serif;
	font-size: 0.90em;
	font-variant: small-caps;
  margin: 0.20em auto 0.20em auto; /* top, right, bottom, left */
	width: 8.00em;
}
.navigation-link:link,.navigation-link:visited {
	box-shadow: -2px -2px 3px 1px #ededed inset;
	color: inherit;
	padding-bottom: 0.25em;
	padding-top: 0.05em;
	text-decoration: none;
	text-shadow: 1px 1px 1px transparent;
}
.navigation-link:hover,.navigation-link:active {
	background-color: GhostWhite;
	border-color: GhostWhite;
	box-shadow: -2px -2px 3px 2px #C4C4C4 inset;
	color: #005A00; /* darker shade of green */
  font-family: font-noserif;
	text-decoration: underline;
	text-shadow: 1px 1px 1px #777777; /* box-shadow: h-shadow v-shadow blur spread color inset; */
}

/* ************************************************************************************************** */