/* Updated theme overrides
   Fonts: Source Sans 3 (closest web-friendly to Proxima Nova) + Montserrat for headings
   Brand colors:
     - #bccbd2 (page background)
     - #a1b5be (muted slate)
     - #0e5bc8 (primary blue)
     - #004a9c (deep blue / top container)
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Source+Sans+3:wght@300;400;600;700&display=swap');

:root{
  --bg-page: #004498;
  --brand-muted: #a1b5be;
  --brand-blue: #0e5bc8;
  --brand-deep: #004a9c;
  --text-color: #2b2b2b;
}

body {
	background-color: #004498;
	font-family: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
}

.style1 {
font-weight: bold;
}


.logo {
padding-top:10px;
padding-left:10px;
}

.white { 
color: #FFFFFF;
}

.whiteheaders {
color: #FFFFFF;
line-height:24px;
padding-left:10px;
	font-family: "Montserrat", "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.green{
color: var(--brand-deep);
}

.redheader1 {
color: #FFffff;
font-size:16px;
	font-family: "Montserrat", "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.small {
font-size:10px;
}

a:link {
	color: var(--brand-blue);
}

a:visited {
  color: var(--brand-blue);
}

a:hover {
	text-decoration: none;
}

a:active {
	color: #FF0000;
}

a.hidden {
  color: #000000;
}

a.hidden:visited {
  color: #000000;
}

a.hidden:hover {
	color: var(--brand-blue);
}

a.hidden:active {
  color: #000000;
}

a.nav:link {
	color: var(--brand-deep);
	padding-top: 10px;
	text-decoration:underline;
	}

a.nav:visited {
	color: var(--brand-deep);
	padding-top: 10px;
	text-decoration: underline;
}

a.nav:hover {
	color: var(--brand-deep);
	padding-top: 10px;
	text-decoration:underline;
}

a.menu {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color:#FFFFFF;
}

a.menu:hover {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color:#FFFFFF;
	}

a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: medium solid #CCCCCC;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.box:hover {
  color: #000000;
	padding: 3px;
	text-decoration: none;
	background-color: #666666;
	border: medium solid var(--brand-blue);
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/* Global text contrast for dark background */
h1, h2, h3, h4, h5, h6,
p, span, li, label, div, section {
  color: #ffffff;
}