/* 
#F9F9F9 - Off white - Background
#333333 - Charcoal - Text
#2c3e50 - Blue (not used)
*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a.hclink {
	color:#F9F9F9;;
}
a.topnav {
	background-color: #F9F9F9;
	padding: 5px 5px;
	display: block;
}

body {
	align-items: center;
	background-color: #F9F9F9;
	display: block;
	color: #333;
	flex-direction: column;
	flex-wrap: wrap;
    font-family: "Times New Roman", Arial, sans-serif;
	font-size: 18px;
	/*justify-content: center;*/

    line-height: 1.3;
	min-height: 100vh;
	margin: 0;
	text-align: center;
	width: 100vw;
}

h1 {

    color: #333333;
	line-height: 1.1;
    margin-bottom: 0px;
	margin-top: 3px;
	padding: 0px 20px; 
	text-align: center;
	font-size: 52px;
	width: 100%;
}

h2 {
    color: #333333;
	line-height: 1.1;
    margin-bottom: 15px;
	margin-top: 0px;
	padding: 0px 20px;
	text-align: center;
	text-decoration: underline;
	font-size: 42px;
	width: 100%;
}

h3 {
    color: #333333;
    margin-bottom: 20px;
	text-align: center;
	font-size: 34px;
	width: 100%;
}

div {
	background-color: #F9F9F9;
	display: flex; 
	flex-direction: column;
	justify-content: center; 
	min-height: 5vh;
	padding: 0px; 
	text-align: center;
	width: 100vw;
}

div.narrow {
	background-color: #F9F9F9;
	text-align: justify;
	display: block;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}

div.topnav {
	align-items: center;
	justify-content: center;
	min-height: 5vh;
    background-color: #333333;
	text-align: center;
	display: block;
	width: 100%;
}

table {
	/*border: 2px solid #ddd;*/
	border: none;
    border-collapse:collapse;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	padding: 10px;
	table-layout: fixed; /* Prevents content from pushing width past 100vw */
	text-align: center;
	width: 95%;
}

table tr {
  /*border: 2px solid #ddd;*/
  border: none;
  padding: 10px;
}

table th {
  /*border: 2px solid #ddd;*/
  background-color: #333333;
  color: #F9F9F9;
  border: none;
  padding: 10px;
  text-decoration: underline;
  width: 100%;
}

table td {
  /*border: 2px solid #ddd;*/
  border: none;
  font-size: 18px;
  padding: 10px;
  text-align: center;
}

table.narrow {
	border: none;
	font-family: "Times New Roman", Arial, sans-serif;
	width: 95%;
	max-width: 450px;
}

table.narrow th {
	background-color: #333333;
	border: none;
	text-decoration: none;
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 20px;
	padding: 8px;
	padding-top:12px;
}

table.narrow td {
	color: #333333;
	border: none;
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 18px;
}

td.step-number {
	font-size: 20px;
	font-weight: bold;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
	width: 10%;
}
td.step-description {
	font-size: 18px;
	padding: 6px;
	text-align: justify;
	width: 90%;
}

table.admin {
	background-color: #333333;
	border: none;
	color: #F9F9F9;
	font-family: Arial, sans-serif;
	width: 95%;
	max-width: 450px;
}
table.admin th {
	text-align: center;
	border: none;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 16px;
	padding-left: 8px;
	padding-top:12px;
}

table.admin td {
	border: none;
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 14px;
	padding-top:0px;
}

ol {
	list-style-type: upper-roman;
	list-style-position: inside;
}

ol li {
  font-size: 17px;
  padding: 6px;
  text-align: justify;

}

ol li:nth-child(odd) {
  background-color: #F9F9F9;
}

ol li:nth-child(even) {
  background-color: #F9F9F9;
}

ul {
	list-style-type: disc;
	list-style-position: outside;
	padding: 4px;

}

ul li:nth-child(even)  {
	font-size: 15px;
	 padding: 2px;
	 text-align: justify;

}

ul li:nth-child(odd)  {
	font-size: 15px;
	 padding: 2px;
	 text-align: justify;

}