@charset "utf-8";
/* CSS Document */


/* Generic Links with Hover Color */
a:link {color: #353500;}    /* unvisited link */
a:visited {color: #353500;} /* visited link */
a:hover {color: gray;}   /* mouse over link */
a:active {color: gray;}  /* selected link */

p {
	font-size: calc(1rem + 1vw);
	display: inline;
}

strong {
	display: inline !important
}

@media screen and (max-device-width : 320px)
{
  textChange
  {
    font:30px;
  }
}
@media screen and (max-device-width : 1204px)
{
  textChange
  {
    font:18px;
  }
}

.Shadow {
	box-shadow: 6px 6px 6px 6px grey;
}

#mainMenu {
	text-wrap:none;
}
/* Text for the Header */
h1 {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 34px;
	line-height: 40pt;
	font-style: normal;
	text-align: center;
	color: #333;
	padding-bottom: 2px; /* stops the "shadow" being chopped in IE */
	margin-left: 20px;
}

/* Text for the Titles */
h2 {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 24px;
	font-style: normal;
	text-align: center;
	line-height: 26pt;
	color: #333;
}

/* Text for the Sub-Titles */
h3 {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	color: #333;
}

#flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-height: 0;
	align-content: flex-start;
	flex-wrap: wrap;
}

	#flex div {
		width: 100%;
		flex: 1;
		flex-direction: column;
		padding: 10px 30px 10px 30px;
	}

#inputFlex {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-height: 0;
	align-content: flex-start;
}

#ht {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 26px;
	font-style: normal;
	line-height: 26pt;
	text-align: center;
}

#nt {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26pt;
	text-align: left;
	display: flex;
	flex-direction: column;
	align-self: start;
	padding: 10px 30px 10px 30px;
}

#ct {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26pt;
	text-align: center;
	padding: 10px 30px 10px 30px;
}

#it {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26pt;
	text-align: right;
	align-self: start;
	flex-grow: 0; /* do not grow   - initial value: 0 */
	flex-shrink: 0; /* do not shrink - initial value: 1 */
	flex-direction: row;
}

#it2 {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	line-height: 26pt;
	text-align: left;
	align-self: start;
	flex: 1;
}

top {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 18px;
	font-style: normal;
	color: #fff;
}


/* Text for the Footer */
.footertx {
	font-family: Domine,Georgia,Times New Roman,Microsoft Sans Serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
}

/* Center Class for HTML Tables */
table {  margin-left: auto; margin-right: auto;  }
div.centered  {     text-align: center; } div.centered table  {     margin: 0 auto;      text-align: left; }

tr.row0 { background-color:#dee4e5; }
tr.row1 { background-color:#c5dbdf; }
tr.highlight  { background-color:yellow; }

.bodytx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}

/* Text for the Titles */
.titletx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
}

/* Text for the Sub-Titles */
.subtitletx {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.subtitletx2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}