body {
	margin: 3em;
    background: white;
    color:black;
    font-size: 10pt;
    font-family: Verdana, Geneva, sans-serif;
}
h1 {
    font-size: 2.0em;
    text-align: center;
    font-weight: bold;
} h2
{
    font-size: 1.3em;
    text-align: left;
    font-style: italic;
} footer {
	display: inline-block;
	width: 100%;
}
.italic { font-style:italic; }
.bold {font-weight: bold; }
h2+p.italic {margin-top:-1.0em;}
.debug {
	font-weight: bold;
	color: red;
}
.alert {
	font-size: 1.2em;
	color: red;
	border: 3px double red;
}
hr {
	background: blue;
	border-color: blue;
}
hr.clear {
	clear:both;
}
nav {
	width: 100%;
	float: left;
	padding: 0;
	border-bottom: 2px solid blue;
	text-align: center;
	margin: auto 0 0 0;
}
nav ul {
	float: left;
	margin: 0 auto ;
	list-style-type: none;
	text-align: center;
}

nav li {
	float: left;
	display: block;
	width: 10.em;
	height: 1.5em;
	padding: .25em .5em 0 .5em;
	border: 1px solid blue;
	border-bottom: none;
	border-radius: .5em .5em 0 0;
}
nav .PageSelected {
	background-color: gray;
}
nav .PageSelected a {
	color: white !important;
	font-weight: bolder;
}
nav li:hover, nav a:hover {
	background-color: #09f;
	color: white;
}
nav a, nav a:link, nav a:visited, nav a:active {
	display: block;
	width: 100%;
	height:100%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: black;
}
/* DataTable parameters */
table.DataTable {
	border: 1px solid black;
	width: fit-content;
	height: fit-content;
	margin: auto;
}
table.DataTable td, table.DataTable th {
	border: none;
}
table.DataTable, table.DataTable td, table.DataTable th {
	border-collapse: collapse;
	margin: 1em 2em;
	width: auto;
}
table.DataTable td,
table.DataTable td input {
	text-align: left;
	vertical-align: center;
	font-size: inherit;
	padding: 1px 4px;
}
table.DataTable th {
	text-align: center;
	vertical-align: bottom;
	font-size: inherit;
	padding: 1px 4px;
}

table.DataTable caption {
	font-weight: bold;
	font-size: 1.2em;
}

table.DataTable caption span {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
}
table.DataTable thead th {
	font-size: inherit;
	font-weight: bold;
	text-align: center;
	background-color: white;
	vertical-align: bottom;
}
table.DataTable thead tr {  /* Table header row */
	border-bottom: 2px solid black;
}
/* Styles all odd-numbered rows (1, 3, 5, etc.) */
table.DataTable tbody tr:nth-child(odd) {
  background-color: rgb(180,180,180); /* Darker shade of gray */
}

/* Styles all even-numbered rows (2, 4, 6, etc.) */
table.DataTable tbody tr:nth-child(even) {
  background-color: white; /* Light shade or white */
}
table.DataTable tfoot,
table.DataTable tfoot tr {
	background-color: white;
	font-size: inherit;
	font-weight: inherit;
	border-top: 2px solid black;
}
table.DataTable input#CadenceTime {
	width: 5em;
}
table.DataTable tr.TotalRow {
	font-size: inherit;
	font-weight: bold;
}
table.DataTable tr.TotalRow input {
	font-size: inherit;
	font-weight: inherit;
}
.updateStatus {
	color:green;
	text-align:center;
	font-weight: bold;
	margin: 0;
}
div.grid-container {
	display: grid;
	width: 90%;
	grid-template-columns: 1fr 1fr;
}
div.flex-container {
	display: flex;
	width: fit-content;
	flex-direction: column;
	margin: auto;
}
.title {
	font-weight: bold;
}
section > ul > li {
	margin-top: 1em;
}
body#resources ul ul {
	list-style-type: none;
}
body#Forms section#DrillCards {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
body#Forms ul {
	/* list-style-type: none; */
	padding-left: 2em;
}
body#Forms ul li {
	margin-top:.25em;
}
body#Forms h2 {
	font-size: 1em;
}
body#Forms .PaperColor {
	font-style: italic;
}
@media print {
	nav {
		display: none;
	}
	table.DataTable {
		break-inside: avoid;
	}
}