html {
	height: 101%;
}

BODY {
	font-family: "tahoma", "verdana", "arial", "helvetica", sans-serif;
	font-size: 100%;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0;
}

/* MARGINS BOTTOM AND TOP */

.m4t {
	margin-top: 4px;
}

.m10t {
	margin-top: 10px;
}

.m4b {
	margin-bottom: 4px;
}


.m10b {
	margin-bottom: 10px;
}

.p10b {
	padding-bottom: 10px;
}

.p10t {
	padding-top: 10px;
}

.bordered {
	border: 4px groove #CCCCCC;
}

/* VARIOUS STANDARD WIDTHS */

.width280 {
	width: 280px;
}

.width340 {
	width: 340px;
}

.width420 {
	width: 420px;
}

.widthwide {
	width: 98%;
}

/* COMBINED WIDTHS AND HORIZONTAL ALIGNMENTS*/

.slimC{
	width: 280px;
	text-align: center;
}

.narrowC{
	width: 340px;
	text-align: center;
}

.mediumL{
	max-width: 420px;
	text-align: left;
}

.mediumC{
	max-width: 420px;
	text-align: center;
}

.moderateL{
	max-width: 80%;
	text-align: left;
}

.moderateC{
	max-width: 80%;
	text-align: center;
}

.wideL{
	max-width: 98%;
	text-align: left;
}

.wideC{
	max-width: 98%;
	text-align: center;
}

.wideJ{
	max-width: 98%;
	text-align: justify;
}
.boxwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	border: 4px groove #CCCCCC;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bordercenter {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 8px 14px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	text-align: center;
	border: 4px groove #CCCCCC;
	max-width: 98%;
}

.tableflow {
  overflow: auto;
}

img.vert {
	vertical-align: middle;
}

.moderate {
	font-size: 1.1em;
}

.greater {
	font-size: 1.2em;
}

.greaterbold {
	font-size: 1.2em;
	font-weight: 700;
}

.greatest {
	font-size: 1.4em;
}

.greatcenter {
	font-size: 1.2em;
	font-weight: 700;
	text-align: center;
}

.sctext {
  font-variant: small-caps ;
}

.hitcounter {
	display: none;
}

hr.major {
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
}

hr.minor {
	width: 280px;
	height: 4px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
}

.font16px {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 16px;
	font-weight: 700;	
}

.font18px {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 18px;
	font-weight: 700;	
}

.font20px {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 20px;
	font-weight: 700;	
}

.font24px {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 24px;
	font-weight: 700;	
}

table.transparent { 
	margin-left: auto; 
    margin-right: auto;
}

table.transparent, table.transparent th, table.transparent td, table.transparent tr { 
  border: 1px solid transparent;
}

table.tgrid { 
	margin-left: auto; 
    margin-right: auto;
}

table.tgrid, table.tgrid th, table.tgrid td, table.tgrid tr {
	padding: 6px;
	border: 1px solid black;
	border-collapse: collapse;
	font-weight: bold;
}

table.tgrid th{
	text-align: center;
}

table.tgrid td {
	text-align: left;
}

/* WRAPPEERS AND CONTAINERS */
div#wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 4px;
	max-width: 960px;
}

div#widewrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 20px;
	max-width: 1200px;
}

div#innerwrapper {
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-top: 16px;
}

div#bottom {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
	font-weight: 800;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 4px groove #CCCCCC;
}

.bottomwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.headerwrapper {
	display: inline-block;
	width: 100%;
	text-align: center;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
}

.pagebanner {
	display: inline-block;
	display: flex; 
	justify-content: center;
	text-align: center;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	max-width: 600px; 
	max-height: 133px;
	}

.mainwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 16px;
}

.simpleborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px 14px;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 2px solid #CCCCCC;
}

.boldborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px 14px;
	margin-top: 12px;
	margin-bottom: 12px;
	border: 4px groove #CCCCCC;
}

.datewrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
	padding: 0px 4px 0px;
	text-align: left;
}

.trimwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px 14px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.postmenu{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px 14px;
	margin-top: 12px;
	margin-bottom: 12px;
	border-style: double;
}

.meetwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	margin-bottom: 14px;
	border-color: #CCCCCC;
	border-width: 4px;
	border-style: groove;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
}

.centerwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 14px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
}


.topbottom12{
	margin-top: 12px;
	margin-bottom: 12px;
}

.innerBoxRow {
	flex-direction: row;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 12px;
	padding-right: 12px;
}

.innerBoxCol {
	padding: 0px 2px 5px 2px;
	flex: 50%;
}

.buttonwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	margin-bottom: 14px;
	border-color: #CCCCCC;
	border-width: 4px;
	border-style: groove;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.reversewrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	background-color: #000070;
	color: #FFFFFF;
	font-weight: 800;
	font-size: 22px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

.width80{
	width: 80%;
}

.clearwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 14px;
	border: 1px solid #CCCCCC;
}

.textwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 14px;
}

.topbottomborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 1px #CCCCCC;
	border-style: solid none;
	//padding: 8px 0px 8px;
	margin-bottom: 10px;	
	padding: 0px;
}

.thickborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #CCCCCC;
	margin-bottom: 10px;	
	text-align: center;
	padding: 2px;
}

.imageborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px;
	border: 4px groove #CCCCCC;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;	
}

.hiddenborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding: 8px;
	border: 4px solid transparent;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;	
}

.mapimgborder {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 420px;
	padding: 4px;
	border: 4px groove #CCCCCC;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: center;	
}

.litwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-color: #CCCCCC;
	border-width: 4px;
	border-style: groove;
	max-width: 420px;
	padding: 14px 14px 4px;
}

.mediawrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 240px;
	border-color: #CCCCCC;
	border-width: 4px;
	border-style: groove;
	padding: 14px 14px 4px;
	text-align: center;
}

.callistwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
	padding: 0px 4px 0px;
	text-align: left;
}

.videowrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
	padding: 14px;
}

.hividwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
	padding: 2px;
}

p.mediaInfo {
	margin-top: 0px;
	margin-bottom: 6px;
	font-weight: bold;
}

.blankwrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}

.topper {
	/* font-family: 'Roboto', sans-serif; */
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 150%;
	font-weight: 700;
	margin-top: 4px;
	margin-bottom: -4px;
	text-align: center;
}

h1 {
	/* font-family: 'Roboto', sans-serif; */
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 140%;
	font-weight: 700;
	margin-top: 4px;
}

h2 {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 130%;
	font-weight: 700;
}

h3 {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 120%;
	font-weight: 700;
}

h4 {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 110%;
	font-weight: 700;
}

.blockhead{
	padding-left: 22px;
	margin-bottom: 0px;
	margin-top: 4px;
	text-align: center; 
	font-weight: 600; 
	font-size: 1.3em;
	color: #600000;	
}

.listheading{
	padding-left: 22px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align: left; 
	font-weight: 600; 
	font-size: 1.2em;
	color: #600000;	
}

.subheading{
	padding-left: 22px;
	text-align: center; 
	font-weight: 600; 
	font-size: 1.2em;
}

.aboutHead{
	padding-left: 22px;
	margin-bottom: -8px;
	margin-top: 0px;
	font-weight: 600; 
	font-size: 1.4em;
}

.redhead {
	color: #600000;
}

.redtitle {
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-style: normal;
	font-size: 140%;
	font-weight: 700;
	color: #600000;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom:2px;
}

.titleLine{
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-style: normal;
	font-size: 140%;
	font-weight: 700;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	margin-bottom: 2px; 	
}

.trimTitleLine{
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-style: normal;
	font-size: 140%;
	font-weight: 700;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 4px; 
}

h2.trimmed {
	margin-top: 4px;
	margin-bottom: -4px;
}

h3.short {
	font-size: 115%;
	font-weight: 700;
	margin-top: 2px;
	margin-bottom: 3px;
}

p.trimmed {
	margin-top: 2px;
	margin-bottom: 4px;
}

p.intro {
	font-weight: bold;
}

.attrib {
	font-size: 80%;
	text-align: center;
}

.caption{
	text-align: center; 
	font-size: 0.875em;"
}

.para {
	margin-top: 1em;
	margin-botton: 1em;
}

ul.flush{
	padding-left: 0px;
}

ul {
	padding-left: 22px;
	line-height: 1.4;
}

ol {
	padding-left: 22px;
	list-style-type: decimal;
}

h2.outerToc{
	font-size: 140%;
	font-weight: 700;
	color: #800000;
	padding-left: 22px;
	text-align: left;
	margin-bottom: 0;
}

h3.outerToc{
	padding-left: 22px;
	margin-bottom: -8px;
	margin-top: -8px;
	text-align: left; 
	font-weight: 600; 
	font-size: 1.2em;
	color: #800000;
}

ul.outerToc{
	padding-left: 44px;
	line-height: 1.4;
	list-style-type:square;
} 

.outerToc a:hover {
	color: #990000;
}

h2.innerToc{
	font-size: 140%;
	font-weight: 700;
	color: #800000;
	padding-left: 11px;
	line-height: 0.5em; 
	text-align: left;
}

h3.innerToc{
	padding-left: 11px;
	margin-bottom: -8px;
	margin-top: -8px;
	text-align: left; 
	font-weight: 600; 
	font-size: 1.2em;
	color: #800000;
}

.innerToc a:hover {
	color: #990000;
}

ul.innerToc{
	padding-left: 33px; 
	line-height: 1.4;
	list-style-type:square;
}

ul.inner{
	padding-left: 33px; 
	line-height: 1.4;
}

.nobottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.notop {
	margin-top: 0px;
	padding-top: 0px;
}

.textright{
	text-align: right;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.container img{
   width: 100%;
   height: auto;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.bold {
	font-weight: bold;
}

.strong {
	font: bold 1.2em Verdana, sans-serif;
}

.hilight {
	font-weight: bold;
		font-size: 120%;
	font-weight: 800;
	color: #4f0909;
	text-align: center;
}

.alert {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif;
	font-size: 120%;
	font-weight: 800;
	color: #4f0909;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.wrapleft {
	float: left;
	padding: 0 10px 0 0;
}

.wrapright {
	float: right;
	padding: 0 0 0 10px;
}

.quoted {
	font: 10pt Verdana, sans-serif;
	padding-left: 22px;
	font-style: italic;
	text-align: left;
}

.attributed {
	text-align: right;
	font: 10pt Verdana, sans-serif;
}

div.centered {
	text-align: center;
}

div.left {
	text-align: left;
}

div.centered table {
	margin: 0 auto;
	text-align: left;
}

/* auto resizing of images */

img {
	max-width: 100%;
	height: auto;
}

table, th, td {
	font-family: "tahoma", "verdana", "arial", "helvetica", sans-serif;
	font-style: normal;
	margin-top: 0;
	margin-bottom: 0;
}


table.borderless, table.borderless th, table.borderless td, table.borderless tr {
	border-collapse: collapse;
	font-weight: bold;
}

table.borderless th, table.borderless td{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

table.nested {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   border-collapse: collapse; 
   border-spacing: 0px; 
}

table.books {
	font-size: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table.books th {
	font-size: 100%;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}

table.books td {
	font-size: 100%;
	border-width: 1px;
	padding: 8px;
}

/* INDENTS */

.simpleindent {
	padding-left: 22px;
}

.doubleindent {
	padding-left: 44px;
}

.tripleindent {
	padding-left: 66px;
}

/* ======================= BUTTONS =============================== */
.topbtn {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 12px;
}

.btn {
	text-align: center;
	margin-bottom: 10px;
}

.botbtn {
	text-align: center;
	margin-bottom: 20px;
}

.sideButton {
	width: 180px;
}

.mainButton {
	width: 240px;
}

.mediaButton {
	width: 200px;
}

.boxeddownloadwrapper{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
	max-height: 300px;
	margin-bottom: 14px;
	border-color: #CCCCCC;
	border-width: 4px;
	border-style: groove;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 10px;
	background-color: #FFFFFF;
}

.boxcontainer {
	justify-content: space-between;
	flex-direction: column;
	height: 100vh;
	display: flex;
	}
	
.boxcontainer .btn-holder {
	justify-content: flex-end;
	display: flex;
}

/* ======================= FLEX ENTRIES ========================= */

* {
	box-sizing: border-box;
}


/* Container for flexboxes */

.row {
	display: flex;
	flex-wrap: wrap;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Create two equal columns */

.column {
	flex: 50%;
}

.column-main {
	padding: 12px 12px 5px 12px;
	flex: 74%;
}

.column-side {
	flex: 26%;
	padding: 20px 3px;
	text-align: center;
}

.column-primary {
	padding: 0px 2px 5px 2px;
	flex: 78%;
}

.column-secondary {
	flex: 22%;
	padding: 8px 4px;
	text-align: center;	
	border: 4px groove #CCCCCC;
}

.innermain {
	padding-right: 20px
}


/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */

@media screen and (max-width: 780px) {
	.row {
		flex-direction: column;
	}
}

.subtitle{
	margin-top:20px;
	margin-bottom:10px;
	/* font-family: "Futura LT", "candara", "Optima", "calibri", "Segoe", "Segoe UI", "Arial", sans-serif */
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-style: normal;
	font-size: 140%;
	font-weight: 700;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:2px;  
}

.pageheader{
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-size: 140%;
	font-weight: 700;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}

.pagetitle{
	font-family: "helvetica", "tahoma", "verdana", "arial", sans-serif; 
	font-size: 140%;
	font-weight: 700;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 3px;
}