* {
	box-sizing: border-box;
}

body
{
    background-color: #dcdcdc;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
	text-align: left;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

A:link {
	text-decoration: none;
	color: #1A0DAB;
}

A:visited {
	text-decoration: none;
	color: #1A0DAB;
}

A:active {
	text-decoration: none;
	color: #1A0DAB;
}

A:hover {
	text-decoration: underline;
	color: #1A0DAB;
}
	
.error {
	color: Red;
}
	
p {
	font-family: Verdana;
}

.menu {
	width: 100%;
	padding: 5px;
	display: flex;
	justify-content: space-evenly;
	margin: 0px 0px 0px 0px;
	border-style: none;
	padding: 5px 0px 5px 0px;
}

.main-menu {
	background-color: #000033;
	font-family: Verdana;
	font-size: 16px;
	color: white;
}

.main-menu a {
	color: white;
}

.sub-menu {
	background-color: #006699;
	font-size: 12.8px;
}

.sub-menu a {
	color: white;
}

.selected-menu-entry {
	text-decoration: none;
}

.selected-menu-entry:hover {
	text-decoration: none;
}

.unselected-menu-entry {
	text-decoration: underline !important;
}

.button-div {
	width: 100%;
	text-align: center;
}

button {
	font-weight: bold;
	background-color: #006699;
	color: white;
}

#dialogPrivacy {
	border-radius: 1rem;
}

#dod-banner-wrapper {
	display: inline-table;
	width: 100%;
	text-align: center;
}

#dod-banner {
	font-family: MS Sans Serif;
	width: 100%;
	text-align: left;
}

#dod-banner p {
	text-align: left;
}

#dod-banner ul {
	padding-left: 0px;
	margin: 0px;
}

#dod-banner li {
	list-style-type: none;
	margin-bottom: 1em;
}

#dialogPrivacy {
	width: 75%;
}

.content-outer {
	width: 100%;
	text-align: center;
}

.content-inner {
	display: inline-block;
	max-width: 50%;
	text-align: left;
	min-width: 40rem;
}

.content-justify {
	text-align: justify;
}

#page_caption {
	display: block;
	text-align: center;
	background-color: #000539;
	border-bottom: 1px solid white;
}

#page_caption_inner {
	display: inline-grid;
	grid-template-columns: 15% 20% 50% 15%;
	grid-template-rows: 1fr;
	color: white;
	background-color: #000539;
	text-align: center;
	justify-content: center;
	align-items: center;
	justify-items: center;
	padding: 1em 1em 1em 1em;
	width: fit-content;
}

#caption_acronym {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	justify-self: stretch;
	font-weight: bolder;
	font-size: 37pt;
	width: fit-content;
	height: fit-content;
}

#caption_name_outer {
	grid-column: 3;
	grid-row: 1;
}

#caption_name_upper {
	font-size: 25pt;
	font-weight: bold;
}

#caption_name_lower {
	font-size: 14pt;
	font-weight: bold;
}

#caption_icon {
	grid-column: 2;
	grid-row: 1;
	max-width: 100%;
	pointer-events: none;
}

#caption_4icons {
	display: grid;
	grid-column: 4;
	grid-row: 1;
	max-width: 100%;
	max-height: 100%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 10px 10px;
}

#caption_4icons img {
	object-fit: contain;
	max-height: 80px;
	max-width: 100%;
	align-self: stretch;
}

.justified-content {
	text-align: justify;
}