.CenterImage{
	border-width: 0px;
	display:block;
	margin:auto
}

.Hero {
  width: 100%;
  height: 30vh; /* Adjust height based on preference */
  background-image: url('Images/Banner-Red-Over-Blue.png');
  background-size: cover; /* This makes the image fill the area */
  background-position: center center; /* Keeps the focus in the center */
  background-repeat: no-repeat;
}

.HeroSub {
  width: 100%;
  height: 30vh; /* Adjust height based on preference */
  background-image: url('Images/Banner-Red-Over-Blue.png');
  background-size: cover; /* This makes the image fill the area */
  background-position: center center; /* Keeps the focus in the center */
  background-repeat: no-repeat;
}


.Arial{
	font-family:Arial, Helvetica, sans-serif;
}

.TextHeading1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.TextHeading2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.TextLink{
	color: #0000FF;
	text-decoration: underline;
}

.TextMenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff
}


.TextStandard{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.TextMedium{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.TextSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
}

.TextCourier{
	font-family:courier;
	font-size:12px;
}

.TextRed{color:#FF0000;}
.TextWhite{color:#ffffff;}
.TextGrey{color:#999999;}

.Button {
  font: bold 12px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 4px 6px 4px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.Bold{font-weight:bold;}

.Underline{text-decoration:underline;}

.BorderThin{border:thin #000000 solid;}

.BKGrey{background-color:#C0C0C0}
.BKGold{background-color:#ff9900}
.BKSilver{background-color:#c0c0c0}
.BKSilver{background-color:#c0c0c0}
.BKSilver{background-color:#c0c0c0}
.BKGGHGBlue{background-color:#00205c;}
.BKGGHGCrimson{background-color:#7a303f;}


.FloatLeft {float: left;}
.FloatRight {float: right;}
.Left {text-align: left;}
.Center {text-align: center;}
.Right {text-align: right;}

.PaddingRight{
	padding-right:10px;
}

.Clearfix {overflow: auto;}

.Width2  {width:2%;}
.Width3  {width:3%;}
.Width4  {width:4%;}
.Width5  {width:5%;}
.Width10 {width:10%;}
.Width15 {width:15%;}
.Width20 {width:20%;}
.Width25 {width:25%;}
.Width30 {width:30%;}
.Width33 {width:33%;}
.Width34 {width:34%;}
.Width40 {width:40%;}
.Width45 {width:45%;}
.Width50 {width:50%;}
.Width55 {width:55%;}
.Width60 {width:60%;}
.Width70 {width:70%;}
.Width75 {width:75%;}
.Width80 {width:80%;}
.Width85 {width:85%;}
.Width90 {width:90%;}
.Width100 {width:100%;}

.Table {
	border-collapse: collapse;
	border: 1px solid #000000;
}

.TableCell {
	border: 1px solid #000000;
}

.TableSections {
	width: 100%;
	border: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.BoxForm{
	min-height: 20px;
	margin:5px 0 5px 0;
}

.FlexRow {
	width: 100%;
	margin: auto;
	text-align: center;
	align-content: center;
}

.FlexBox {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.LinkBox {
	padding:30 20 20 20;
	border:5px solid #ffffff;
	text-align:center;
	min-height:40px;
}

.NewsBox {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:10 10 10 10;
	margin:5px 5px 0px 5px;
	border:1px solid #000000;
	min-height:40px;
	border-radius: 25px;
	max-width:300px;
	text-align:left;
}

.FooterBoxCrimson {
	min-height:40px;}


.FooterBox {
	padding:10 40 50 40;
}

.BoxContentWhite{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px 10px 10px;
}


.AdminBox {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height:170px;
	text-align:center;
}

.HeroBox {
	display:flex;
	align-items: center;
	width: 100%;
	height:50px;
	background-color:#7a303f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	padding:0 0 0 200;
}


.PageBreak {page-break-after: always;}

@media print {
  footer {
    break-after: always;
  }
}


.MenuImage {
  background-image:url('Images/Banner.png');
  height:167px;
}

.MenuImage2 {
  background-image:url('Images/Banner-Red-Over-Blue.png');
  height:167px;
}


.navbar {
  overflow: hidden;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;  
  border: none;
  outline: none;
  color: #ffffff;
  padding: 14px 16px;
  background-color: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #7a303f;
}

.dropdown-content {
  font-family:Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  background-color: #00205c;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #7a303f;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.BoxContentRed{
	border-radius: 25px;
	background-color: #7a303f;
	padding: 20px;
	margin: 10px 10px 10px 10px;
}