:root {
  --gad-black: 0,0,0;
  --gad-black-80: 51,51,51;
  --gad-black-60: 102,102,102;
  --gad-black-40: 153,153,153;
  --gad-black-20: 204,204,204;
  --gad-black-10: 230,230,230;
  /* --gad-red: 147,0,44; */
  /* --gad-teal: 0,99,91; */
  /* --gad-teal-80: 51,130,124; */
  /* --gad-plum: 138,27,97; */
  /* --gad-green: 75,149,96; */
  /* --gad-orange: 237,139,0; */
  /* --gad-blue: 6,3,141; */

  /* new branding (2025) */
  --gad-darkgrey  :   0,  43,  36;
  --gad-lightblue : 197, 239, 247;
  --gad-offwhite  : 249, 249, 253;
  --gad-lilac     : 184,  95, 177;
  /* --gad-darkpurple:  62,  22,  62; official colour too dark so converting to lighter version */
  --gad-darkpurple: 130,  42, 120;
  /* --gad-seagreen  :  62, 137, 137; official colour too light so converting to darker version */
  --gad-seagreen  :  44,  99,  98;
  --gad-green     :  80, 226, 141;
  --gad-yellow    : 241, 190,  70;
  --gad-orange    : 221, 133,  44;
  --gad-red       : 229,  74, 114;
  --gad-bluegrey  :  46,  82, 102;
  --gad-blue      :  66, 161, 219;
  --gad-lightgrey : 143, 142, 143;
}

html{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  /* background-color: #FFFFFF; */
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

body{
  background-color: #FFFFFF;
  margin: 0 0;
}


.header {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: stretch;
  background-color: white;
  text-align: center !important;
  /* padding: 0.01% 5%; */
  margin: 0 0 0 0;
  /* display: block; */
  width: 100%;
  z-index: 2;
}


.header-image {
	top: 20px;
	vertical-align: center;
}

.header img{
	padding-top:10px;
	display: block;
	vertical-align: middle;
	height:135px;
	width :150px;

}

/* .header img{
            display: flex;
            vertical-align: center;
            height:15%;
            width: 15%;
} */

.footer1 {
	width: 100%;
	position: fixed;
  z-index: 99;
	left: 0;
	bottom: 0;
	text-align: center;
  vertical-align: bottom;
}

.footer1 p {
	display: inline-block;
  min-width: 90%;
  font-size: 12px;
  margin-bottom: 0px;
}
.footer1 img {
	display: inline-block;
  align-self: flex-end;
	vertical-align: center;
	max-width:10%;
  z-index:99;
	opacity:0.7;
}

.footer2 {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.footer2 img {
	display: block;
	vertical-align: center;
	height:auto;
	width:300px;
	max-height: 20vh;
	max-width: 30vw;
	z-index:-1;
	opacity:0.7;
}
.column{
  float:left;
  width: 30%;
  padding: 5px;
  /* margin-left:2%; */
}
.column + .column {
	margin-left:2%;
}

.column-2{
  float:left;
  width: 70%;
  padding: 5px;
}

.row::after {
	content: "";
	clear: both;
	display:table;
}
.column img {
	display:block;
	box-shadow: 0 4px 8px 0 rgba(var(--gad-black),0.2);
	border-radius: 0px 0px 0px 0px;
	height: 200px;
	width: 267px;
  object-fit: cover;
  max-width:100%;
	padding: none;
	margin: none;
	opacity:0.7;
}

.column img:hover{
	box-shadow: 0 8px 16px 0 rgba(var(--gad-black),0.2);
	/* opacity:1; */
}

.container {
	position:relative;
  max-width: 100%;
  overflow: hidden;
  z-index: 1;
}
.container a {
  position: relative;
}
.container img {
  display: block;
}
.container img.icon {
  display: block;
  width: 100%;
  height:50px;
  object-fit:cover;
}
.container img.banner {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont_flex {
	display: flex;
  flex-wrap: wrap;
  justify-content: left;
  position:relative;
  width: 100%;
  max-width: 800px;
  overflow: hidden;
  z-index: 1;
  gap:10px;  
}
.cont_flex a {
  position: relative;
}
.cont_flex img {
  display: block;
  width: 100%;
  height: 200px;
  /* width: 267px; */
  object-fit: cover;

}

.overlay {
  opacity:1;
  position:absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(var(--gad-black),0.3);
  background: rgba(var(--gad-black),0.3);
  color:rgb(var(--gad-black-10));
  width: 100%;
  height:100%;
  transition: opacity .5s ease;
  color: white;
  /*font-size: 20px;*/
  /*padding: 20px;*/
  overflow:hidden;
}

.container:hover .overlay {
  height:100%;
  opacity: 1;
}

.navbar {
  /* display: flex;
  flex-wrap: wrap; */

  background-color: rgb(var(--gad-seagreen));
  margin: 0px 0px;
  overflow: hidden;
  z-index: 2;
}

.navbar a{
  float:left;
  display: block;
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
  margin-left: 10px;
}

.navbar a:hover{
	background-color: rgb(var(--gad-seagreen-80));
	color: white;
}
.navbar a.active1{
	background-color: white;
	border-bottom: rgb(var(--gad-darkpurple));
	color: rgb(var(--gad-seagreen));
  font-weight: bold;
}

.navbar span{
  float:left;
  display: block;
  color: white;
  padding: 14px 20px;
  text-decoration: none;
  text-align: center;
  margin-left: 10px;
}

/* Right-aligned section inside the top navigation */
.navbar-right {
  float: right;
}

.active1 {
	background-color: white;
	border-bottom: rgb(var(--gad-darkpurple));
	color: rgb(var(--gad-seagreen));
  font-weight: bold;
}


/* The side navigation menu */
.sidebar {
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: rgb(var(--gad-black-10));
  position: fixed;
  height: 50vh;
  bottom: 0;
  overflow-y: scroll;
}

/* Sidebar links */
.sidebar a {
  display: block;
  color: black;
  padding: 16px;
  text-decoration: none;
  font-size: 16px;
}

/* Active/current link */
.sidebar a.active {
  background-color: rgb(var(--gad-green));
  color: white;
}

/* Links on mouse-over */
.sidebar a:hover:not(.active) {
  background-color: rgb(var(--gad-black-80));
  color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
  position: fixed;
  margin-left: 200px;
  padding: 1px 16px;
  height: 100%;
  overflow-y:auto; 

}

/* On screens that are less than 700px wide, make the sidebar into a topbar */
@media screen and (max-width: 700px) {
  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }
  .sidebar a {float: left;}
  div.content {margin-left: 0;}
}

/* On screens that are less than 400px, display the bar vertically, instead of horizontally */
@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}

.stickynav {
	/* display: flex;
	flex-wrap: wrap; */
	position: fixed;
	top: 0;
	width: 100%;
}

.row{
  /* display: flex;
  flex-wrap: wrap; */
}

.stickynav + .row {
	 /* padding-top: 60px; */
}

.stickycol {

}
.sidenav {
  /* flex:5%; */
  background-color:rgb(var(--gad-seagreen-80));
  padding: 0px 0px;
  text-align: center;
  margin: 0px 0px;
}

.sidenav a {
	color: white;
  background-color: rgb(var(--gad-seagreen-80));
  text-decoration: none;
  width: 100%;
  padding: 14px 25px;
  text-align: left;
  display: inline-block;
  border-color: rgb(var(--gad-seagreen-80));
  border-style: none;
}
.sidenav ul{
  list-style-type: none;
}
.sidenav li {
	font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));
    padding: 20px 0px;
    border-style: solid;
    border-color: white;
    text-align: center;
}


.main{
  flex: 80%;
  /* background-color: white; */
  padding: 0px 30px;
  justify-content: center;
  margin-left: 10%;
  margin-right: 10%;
}

.main-less-bottom{
  flex: 80%;
  /* background-color: white; */
  padding: 0px 30px;
  justify-content: center;
  margin-left: 150px;
  margin-right: 150px;
  margin-bottom:0px;
}

.home {
  flex: 80%;
  /* background-color: white; */
  padding: 0px 30px;
  justify-content: center;
  margin-left: 150px;
  margin-right: 30px;
  margin-bottom:90px;
}

.column a{
  color: white;
  background-color: rgba(var(--gad-black), 0.5);
  text-decoration: none;
  width: 100%;
  padding: 5px 5px;
  display: inline-block;
}

.column ul{
  list-style-type: none;
}

.column li{
  font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));
    padding: 20px 0px;
    border-style: solid;
    border-color: white;
    text-align: center;
}

.previous{
	background-color: black;
	color: white;
}
.previous a {
	text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}
.previous a:hover{
	background-color: rgb(var(--gad-seagreen-80));
	color: white;
}
.tooltip {
	position: relative;
	display: inline-block;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 350px;
	background-color: rgb(var(--gad-black-10));
	color: white;
	text-align :center;
	padding: 5px 0;
	border-radius:1px;
	z-index: 1;
	position:absolute;
	top: -5px;
	left:105%;
	font-weight: 7px;
  opacity: 50%;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
.accordion {
  margin-top: 10px;
  background-color: rgb(var(--gad-black-10));
  font-size:16px;
  color: rgb(var(--gad-darkpurple)); /*rgb(178,41,46);*/
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-radius:10px;
}
.active, .accordion:hover {
  background-color: rgb(var(--gad-darkpurple));
  color: white;
}
.active {
	background-color: rgb(var(--gad-darkpurple)); /*rgb(144,31,99);*/
}

.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  border: 1px solid rgb(var(--gad-darkpurple));
  border-radius: 10px;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: black;
  float: right;
  margin-left: 5px;
}

.accordion, .active:after {
  content: '\2796'; /* Unicode character for "minus" sign (-) */
}
.myButton {
	background:rgb(var(--gad-black-10));
	background-color:rgb(var(--gad-black-10));
	border-radius:6px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:rgb(var(--gad-darkpurple));
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:13px 16px;
	text-decoration:none;
  text-align:center;
}
.myButton:hover {
	background: rgb(var(--gad-darkpurple));
	background-color: rgb(var(--gad-darkpurple));
	color:white;
}
.myButton:active {
	position:relative;
	top:1px;
}

.utilityButton {
	background:rgb(var(--gad-black-10));
	background-color:rgb(var(--gad-black-10));
	border-radius:6px;
	border:none;
	display:inline-block;
	cursor:pointer;
	color:rgb(var(--gad-darkpurple));
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 16px;
	text-decoration:none;
  text-align:center;
}
.utilityButton:hover {
	background: rgb(var(--gad-darkpurple));
	background-color: rgb(var(--gad-darkpurple));
	color:white;
}
.utilityButton:active {
	position:relative;
	top:1px;
}

.GAD-Title{
  /* font-size: calc(12px + (50 - 12) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 48px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
}

.GAD-TitleSmall{
  /* font-size: calc(12px + (28 - 12) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 28px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
  line-height: 1.5em;
}

.GAD-PageTitle1{
  font-size: 36px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
  margin-block-start:40px;
  margin-block-end  :6px;
}
.GAD-PageTitle2{
  font-size: 28px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
  margin-block-start:0px;
  margin-block-end  :40px;
}
.GAD-PageTitle3a{
  font-size: 26px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
  margin-block-start:0px;
  margin-block-end  :0px;
}
.GAD-PageTitle3b{
  font-size: 22px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
  margin-block-start:0px;
  margin-block-end  :15px;
}

.GAD-Heading{
  /* font-size: calc(15px + (32 - 15) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 28px;
  color: rgb(var(--gad-darkpurple));
  text-align: left;
  font-weight: bolder;
}

.GAD-BoldHead{
  /* font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 28px;
  color: rgb(var(--gad-seagreen));
  text-align: left;
  line-height: 1.5;
  font-weight: bolder;
}

.GAD-PageTitle{
	/* font-size: calc(12px + (50 - 12) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 24px;
	color: rgb(var(--gad-darkpurple));
	text-align: right;
	font-weight: bolder;
}

.GAD-PageSubHeading{
	/* font-size: calc(12px + (28 - 12) * ((60vw - 300px) / (1600 - 300))); */
  font-size: 24px;
	color: rgb(var(--gad-green));
	font-weight: bold;
	margin-block-start: 0em;
	margin-block-end: 0em;
}
.GAD-Para{
  /*font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));*/
  font-size: 16px;
  color: black;
  text-align: left;
}

.GAD-Bullet{
  /*font-size: 20px;*/
  font-size: 16px;
  color: rgb(var(--gad-black));
  text-align: left;
  line-height: 1.5;

}

.GAD-Table{
  text-align: center;
  padding: 0 5%;
  /* font-size: calc(8px + (16 - 8) * ((100vw - 300px) / (1600 - 300))); */
  /* font-size: 35px; */
  width: 90%;
  border-collapse: collapse;
}

.GAD-Table td{
  padding: 5px 0px;
}

/* .GAD-Table tr:first-child{
  font-weight: bolder;
} */

.GAD-Table tr{
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}


.GAD-Table td:first-child{
  text-align: left;
  padding: 0px 5px;
}
.table tr:hover {
	background-color:rgb(var(--gad-black-10));
}

.GAD-Footer {
	/* font-size: calc(8px + (12 - 8) * ((100vw - 300px) / (1600 - 300))); */
  font-size: 16px;
	color: black;
}

li{
  /*font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));*/
  padding: 6px 0px;
  color: blank;
  /*list-style-type: disc;*/
  list-style-position: outside;
}

p{
  /*font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));*/
  font-size: 16px;
  display: block;
  margin-block-start:1em;
  margin-block-end:1em;
  margin-inline-start:0px;
  margin-inline-end:0px;
}

dt{
  font-weight: bolder;
  font-size: 20px;
  color: rgb(var(--gad-darkpurple));
}

dd{
  font-size: 20px;
}

.GAD-Vid {
	margin: 0 auto; width: 800px; height : 600 px;
}

@media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(var(--gad-black)); /* Fallback color */
  background-color: rgba(var(--gad-black),0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  /*color: #aaa;*/
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: rgb(var(--gad-black));
  text-decoration: none;
  cursor: pointer;
}

@media screen {
  #printSection {
      display: none;
  }
}

@media print {
  body * {
    visibility:hidden;
  }
  #printSection, #printSection * {
    visibility:visible;
  }
  #printSection {
    position:absolute;
    left:0;
    top:0;
  }
}

/* Modal Header */
.modal-header {
  padding: 2px 16px;
  background-color: rgb(var(--gad-seagreen));
  color: white;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: rgb(var(--gad-seagreen));
  color: white;
  text-align:center;
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}


details {
  font-size: calc(10px + (22 - 10) * ((100vw - 300px) / (1600 - 300)));
  padding: 10px 0px;
  color: blank;
  list-style-position: outside;
}

.gad-table-layout {
}
.gad-table-layout		th, td {
			padding: 8px;
			text-align: left;
			border-bottom: 1px solid #ddd;
		}
.gad-table-layout		table {
			border-collapse: collapse;
			padding-bottom: 20px;
		}

table.gen, table.gen th, table.gen td {
  border: 1px solid black;
  border-collapse: collapse;
}

table.cl, table.cl th, table.cl td {
  border: none;
  border-collapse: collapse;
}
table.cl {
  margin-bottom: 20px;
}
table.cl td.lhs {
  width: 400px;
}
table.cl td.eq {
  width: 10px;
}
table.cl tr.in {
  border-top:1px solid #DDDDDD;
}

table.df, table.df th, table.df td {
  border: none;
  border-collapse: collapse;
}
table.df {
  margin-bottom: 20px;
}
table.df td.lhs {
  width: 400px;
}

table.assreg, table.assreg th, table.assreg td {
  border: none;
  border-collapse: collapse;
}

label {
  width:220px;
}

div.multi_button {
  float: left;
  width:220px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px 0px;
  align-items: center;
}
div.multi_button input {
  width : 100px;
}
div.multi_input {
  float: left;
  width:calc(95% - 200px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px 5px;
  align-items: left;
}

div.label_input {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: left;
}
label.label_input {
  float:left;
  text-align:right;
  font-weight : bold;
  width:150px;
  margin-right:5px;
}
input.ex_long {
  width: max(300px, calc(50% - 150px));
}
input.ex_shrt {
  width: max(300px, calc(30% - 150px));
}

div.gn_fields {
  float: left;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px 5px;
  align-items: left;
}

div.gn_labels {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: left;
}
label.gn_labels {
  float:left;
  text-align:right;
  font-weight : bold;
  width:160px;
  margin-right:5px;
}
label.gn_help {
  float:left;
  text-align:left;
  font-size: 14px;
  margin-left:165px;
  width:100%;
  color: rgb(var(--gad-black-40));
}
input.gn_long {
  width : 600px;
}
input.gn_shrt {
  width: 300px;
}

div.new-page {
  page-break-before: always;
}

h1 {
  padding: 0px 0px;
  color: rgb(var(--gad-darkpurple));
  font-size:22px;
  font-weight:bolder;
}
h2 {
  padding: 0px 0px;
  color: rgb(var(--gad-darkpurple));
  font-size:18px;
  font-weight:bolder;
}
h3 {
  padding: 0px 0px;
  color: rgb(var(--gad-darkpurple));
  font-size:16px;
  font-weight:bold;
}

span.redline-deleted {
  color           : red;
  text-decoration : line-through;
  /* font-weight     : 700; */
}

span.redline-inserted {
  color           : blue;
  /* font-weight     : 700; */
}