@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v20-latin-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v20-latin-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('/fonts/inter-v20-latin-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

* { padding: 0; margin: 0; }

html {
	font-size: 62.5%;
}

body {
	font-weight: 400;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, avenir next, avenir, 'Segoe UI', 'Helvetica neue', Helvetica, Ubuntu, Roboto, noto, arial, sans-serif;
	/* font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif; */
	font-size: 1.6rem;
	overflow: auto;
}

.home_link {
	display: inline;
	margin-left: 0.5em;
	background-color: gainsboro;
	padding: 0.25em;
}

a.home_page_link:link {
	color: blue;
	text-decoration: none;
	display: inline;
}

a.home_page_link:visited {
	color: blue;
}

a.home_page_link:hover {
	background-color: yellow;
}

a.home_page_link:active {
	color: blue;
}

/* */

.download_link {
	display: inline;
	margin-left: 0.5em;
	background-color: gainsboro;
	padding: 0.25em;
}

a.download_page_link:link {
	color: blue;
	text-decoration: none;
	display: inline;
}

a.download_page_link:visited {
	color: blue;
}

a.download_page_link:hover {
	background-color: yellow;
}

a.download_page_link:active {
	color: blue;
}

.new_link {
	display: inline;
	margin-left: 0.1em;
	background-color: #ff0000;
	padding: 0.25em;
	border-radius: 0.5em;
}

a.new_link:link {
	color: #ffeb01;
	text-decoration: none;
	display: inline;
}

a.new_link:visited {
	color: #ffeb01;
}

a.new_link:hover {
	background-color: rgb(159, 163, 172);
}

a.new_link:active {
	color: yellow;
}

/* */

#wrapper {
	margin: 0 auto;
	max-width: 100%;
	width: 98%;
	border: 1px solid #878E63;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(12, 3, 25, 0.8);
}

.hidden {
	display: none;
}

.menu_heading {
/*	font-size: 1.55em; */
	font-weight: bold;
	line-height: 150%;
	color: #555452;
	text-align: left;
	margin-left: 1.5em;
	padding: 0.85em;
}

.left-col {
	width: 55%;
	float: left;
	margin: -2% 1% 1% 1%;
}

.clearfix {
	clear: both;	
}

.text_center {
	text-align: center;
}

.text_center p {
	color: red;
/*	font-size: 1.4em; */
	font-weight: bold;
}

.main {
	margin: 0 auto;
	margin-bottom: 0.5em;
	min-height: 480px;
	height: auto;
}

.body_text {
	margin: 0.5em 4em 1em 4em;
/*	font-size: 1.55em;  */
}

.body_text img {
        border: 0;
        display: inline-block;
        clear: right;
}

.body_text_header {
	display: block;
	color: darkslategray;
	font-weight: bold;
}

.downloads_body_text {
	line-height: 150%;
	margin: 0.5em 4em 1em 4em;
/*	font-size: 1.55em;  */
}

.paragraph_heading {
	color: blue;
}

/* donate */

/*
.donate_container {
	padding-top: 3px;
	display: flex;
}

.donate_container_text {
	padding-top: 9px;
	font-style: oblique;
	color: blue;
}

.donate_container img {
	margin-left: 8px;
}
*/

#donate_banner {
	font-weight: bold;
        padding: 0 20px;
	background-color: #ffe140;
	vertical-align: middle;
	line-height: 38px;
/*	font-size: 1.55em; */
	text-align: center;
}

#donate_banner img {
	height: 36px;
	width: 36px;
	float: right;
}

/* end donate */

IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}

.search_box {
/*	font-size: 1.6em; */
	border: 2px solid #d8d5d5;
	border-radius: 5px;	
	width: 80%;
	margin: 0 auto;
	margin-bottom: 0.5em;
	text-align: center;
}

.search_box_content {
	padding: 0.65em;
}

.search_box_heading {
	font-weight: bold;
}

.search_caption {
	display: inline;
/*	font-size: 1.1em; */
	font-weight: bold;
	margin-left: 1.1em;
}

.search_input_box {
	margin-top: 2em;
	margin-bottom: 2em;
}

.results_section {
        width: 25%;
	height: 1.2em;
}

.no_results {
	margin-top: 3em;
}
.inline-result {
	margin-top: 1.5em;
}

footer {
	background-color: #555452;
        width: 100%;
        overflow: hidden;
	padding: 10px 0 10px 0;
	margin-top: 0.5em;
}

footer p {
	color: #F1F0D1;
/*	font-size: 1.55em;  */
	text-align: center;
}

.picture_menu {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.1em;
	width: 80%;
	margin-bottom: 0.5em;
        border: 2px solid #d8d5d5;
        border-radius: 10px ;
        -moz-border-radius: 10px;
}

.picture_menu_tile {
	display: inline-block;
	height: 185px;
	margin-left: auto;
	margin-right: auto;
	width: 24.5%;
	text-align: center;
}

.section {
	display: inline-block;
	height: 185px;
	margin-left: auto;
	margin-right: auto;
	width: 24.5%;
	text-align: center;
}

.section img {
  max-width: 100%;
 -webkit-transition: all 1s ease;
 -moz-transition: all 1s ease;
 -ms-transition: all 1s ease;
 transition: all 1s ease;
/*
   -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
*/
}

.section:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

header {
	width: 100%;
	height: auto;
	background: #555452;
	overflow: hidden;
}

header h1 {
	display: none;
}

.header_donate {
	margin-top: 1.25em;
	margin-right: 1em;
	float: right;
}

.image {
	position: relative;
}

.no-display {
	display: none;
}

.image h2 {
	z-index: 2;
	position: absolute;
	right: 0%;
	left: 0%;
	top: 21%;
	width: 33%; /* was 22% */
	background: rgb(0, 0, 0); /* fallback color */
	background: rgb(159, 163, 172);
	/*background: rgba(255, 211, 155, 0.6);*/
	border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	margin: 0 auto;
	font-weight: 200;
	color: #fff;
	padding: 0.2em;
	text-align: center;
}

.image img {
	z-index: 1;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.table_header {
	width: 100%;
        background: rgb(0, 0, 0); /* fallback color */
        background: rgb(159, 163, 172);
	color: white;
	line-height: 2em;
	text-align: center;
}

.no-data {
	color: #A9A9A9;
}

.header_underline {
	width: 100%;
	background: #9fa3ac;
	min-height: 0.55em;
	margin-bottom: 0.65em;
}

a.donate_button:link {
	color: white;
	text-decoration: none;
	display: inline;
}

a.donate_button:hover {
	background-color: rgb(159, 163, 172);
}

.donate_button {
	font-size: 1.5rem;
	font-weight: bold;
	background-color: #3399ff;
	/*background-color: #4CAF50; */
	border: none;
	color: white;
	padding: 0.45em 1.3em;
	text-align: center;
	text-decoration: none;
	display: inline;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 0.5em;
}

.button {
	font-size: 1.5rem;
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 3px 14px;
	text-align: center;
	text-decoration: none;
	display: inline;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 4px;
}

.button {
	-webkit-transition-duration: 0.4s;  /* Safari  */
	transition-duration: 0.4s;
}

.button:hover {
	background-color: #63b4fb;
	color: yellow;
}

.buttons {
	border: 1px solid rgb(159, 163, 172);
	border-radius: 10px;
	width: 86%;
	margin: 0 auto;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

hr {
	width: 90%;
	margin: auto
}

/* page top navs */

#nav_center {
	margin: 0 auto;
	display: table;
}

.nav {
/*	font-size: 1.55em; */
}

.nav .nav-current > a {
	background: #3399FF;
	color: #000;
}

.nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.nav ul li {
	display: block;
	position: relative;
	float: left;
}

.nav li ul {
	display: none;
}

.nav ul li a {
	display: block;
	background: #23282d;
	padding: 9px 26px 9px 26px;
	text-decoration: none;
	white-space: nowrap;
	color: #fff; /* <<< nav bg color */
}

.nav ul li a:hover {
	background: #3399FF;
} /* hover color of top item  */

.nav li:hover ul {
	display: block;
	position: absolute;
}

h1 {
	color: #D9D9E2;
/*	font-size: 24px; */
}

h2 {	
	font-family: inherit;
}

h3 {
	margin: 0.45em;
	font-weight: normal;
/*	font-size: 1.55em; */
}

h4 {
	display: inline;
}

h5 {
/*	display: inline; */
/*	font-weight: bold; */
	color: #4001ff;
}

.result {
	color: #202020;
	font-weight: bold;
}

.centered {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.heading_centered {
/*	font-size: 1.3em; */
	background-color: #555452;
	border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	display: block;
	padding: 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	width: 20%;
	text-align: center;
}

.search_bg {
	background: #fff;
	border: 1px solid rgb(159, 163, 172);
	border-radius: 10px;
	color: #000;
	/*margin: 1em 8em 1em 8em;*/
	width: 86%;
	margin: 0 auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.search_bg_top {
	background: #e1e1e1;
	border: 3px solid #bb9f7e;
	border-radius: 10px;
	color: #000;
	margin: 1em 8em 2em 8em;
}

.search_bg_bottom {
	background: #e1e1e1;
	border: 3px solid #bb9f7e;
	border-radius: 10px;
	color: #000;
	margin: 1em 8em 2em 8em;
}

.showdetail {
	margin: 0 auto;
	font-weight: bold;
	height: 22px;
	width: 33%;
	text-align: center;
	background: rgb(159, 163, 172);
	color: #000;
/*	font-size: 1.6em; */
	padding-top: 0.45em;
	padding-bottom: 0.45em;
        border: 2px solid #d8d5d5;
        border-radius: 10px ;
        -moz-border-radius: 10px;
}

.showitem_dl_link_container {
	margin: 0 auto;
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.8em;
}

.about_bg {
	/*background: #555452;*/
	background: #fff;
	border: 3px solid #bb9f7e;
	border-radius: 10px;
	color: #000;
	/*color: #fff;*/
	margin: 1em 8em 2em 8em;
/*	font-size: 1.5em; */
}

.about_bg p {
	line-height: 150%;
}

.about_bg h4 {
	font-weight: 400;
	background-color: #555452;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	color: #fff;
	display: block;
	padding: 0.45em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	text-align: center;
}

.error {
	color: red;
	font-weight: bold;
}

.error_centered {
	text-align: center;
	color: red;
	font-weight: bold;
}

.noimage_error {
	color: red;
/*	font-size: 1.6em; */
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
}

.err {
/*	font-size: 12px; */
	color: red;
}

form {
	 display: inline;
}
/*
label {
	font-weight: bold;
}
*/
/*
.block label {
	display: inline-block;
	text-align: left;
}
*/

input[type="text"] {
	height: 20px;
	padding: 0;
}

button[type="button"] {
	border: none;
	background: transparent;
	cursor: pointer;
}

.buttoncentered {
        margin: 0 auto;
	text-align: center;
        /*width: 100px;*/
}

.twobuttoncentered {
        margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
}

tbody {
	font-weight: normal;
	color: #000;
}

table a {
	display: block;
	text-decoration: none;
}

table {
/*	font-family: 'Monospace', 'Sans-serif', 'Helvetica'; */
	margin: 0 auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	width: 98%;
	table-layout: fixed;
	border-collapse: collapse;
	word-break: break-word;
	font-size: 1.35rem;
}

table th, td {
	border-width: thin;
	border-style: solid;
	border-color: #E1E1E1;
	padding: 2px;
	text-align: left;
	overflow: hidden;
}

table th {
        background: #23282d;
        /* background: rgb(0, 0, 0); */
	color: #fff;
	height: 2.5em;
	font-weight: normal;
}

table td {
        background: transparent;
	width: 100%;
	color: #000;
/*	font-weight: bold; */
}

tr:hover td {
	background-color: rgb(159, 163, 172);
	color: yellow;
}

table tr:nth-child(even) {
	background-color: #f2f2f2;
}

tr:first-child:hover {
	background-color: white;
}
/*
a[href="/"] {
	color: red;
	text-decoration: none;
	line-height: 200%;
	margin-left: 0.5em;
}
*/
table td a:visited, a:active, a:link {
	text-decoration: underline;
	color: blue;
	white-space: nowrap;
}

div.spacer {
	clear: both;
}

/* banner test */
.banner {
  display: none;
}

.banner.visible {
  display: block;
}

#cookies-banner {
  background: pink;
}

#announcement-banner {
  background: orange;
}
/* end */

/* Print styles */
@media print {
	.no-print {
		display: none !important; /* Hide screen elements on paper */
	}
	.no-display {
		display: block !important; /* Show print elements on paper */
	}
}

/* responsiveness */
@media screen and (max-width: 1024px) {
	html {
		font-size: 62.5%;
	}
        body {
                width: 100%;
        }
	#wrapper {
		height: auto;
		width: 95%;
	}
        header {
                height: 5em;
        }
        header img {
                height: 2.4em;
		padding-top: 0.2em;
        }
	.header_donate {
		margin-top: 0;
		margin-right: 0.5em;
	}
	.header_donate img {
		height: 1.7em;
		padding-top: 0.6em;
	}
        .image h2 {
                white-space: nowrap;
                width: 38%;
		height: 1.25em;
		padding-top: 0.5em;
        }
	.menu_heading {
		margin-left: 0; 
	}
	.heading_centered {
		width: 30%;
	}
	.search_box_content {
		padding: 0;
	}
/*
        #nav_center {
                margin: 0 auto;
                display: block;
        }
*/
        .nav {
                margin: 0 auto;
                width: 100%;
                margin-bottom: 0px;
        }
        .nav ul {
                list-style: none;
                margin: 0 auto;
                padding-left: 0;
        }
        .nav ul li {
                text-align: center;
                margin: 0 auto;
                width: 100%;
                border-top: 1px solid #878e63;
                border-right: 0px solid #878e63;
                border-bottom: 1px solid #878e63;
                border-left: 0px solid #878e63;
        }
/*        .nav ul li a {
                padding: 5px 0;
                font-size: 1.0em;
        } */
	h2 {
		font-size: 1.1em;
		text-align: center;
	}
	h3 {
		font-size: 1.45em;
		text-align: left;
	}
	.showdetail {
		width: auto;
	}
/*	table {
		width: 98%;
	} */
	td, th {
		padding-top: 0.85em;
		padding-bottom: 0.85em;
	}
	.table1 th,td {
		overflow: initial;
		overflow-wrap: break-word;
	}
	.section {
		float: left;
		width: 33%;
		margin: 0;
	}
	.section img {
		margin: 0 auto;
	}
	.results_section {
        	width: 20%;
		margin-left: 6.2em;
	}
	.inline-result {
		margin-left: 1em;
	}
	.search_bg {
	/*	margin: 0.5em 0.5em 0.5em 0.5em; */
		margin-bottom: 0.5em;
		width: 86%;
		margin: 0 auto;
	}
	.main {
		height: auto;
	}
	.twobuttoncentered {
		margin: 0 auto;
		text-align: center;
	}
/*	.noimage_error {
		font-size: 1.5em;
	} */
	.picture_menu {
		margin: 0 auto;
		width: auto;
	}
	.picture_menu_tile {
		margin: 0 auto;
		width: 32%;
	}
	.search_box {
		width: auto;
	}
	.button {
		font-size: 1.25rem;
	}
	.body_text {
		margin: 0.65em;
	}
	.about_bg {
		margin: 0.5em 1em 1em 1em;
	}
	.about_bg h3 {
		width: 30%;
		font-weight: normal;
	}
	.about_bg p {
		margin: 0 10px 0 10px;
		line-height: 135%;
	}
	.donate_banner {
		line-height: 140%;
	}
	.donate_banner img {
		clear: right;
		height: 18px;
		width: 18px;
	}
	.break {
		display: inline;
		margin-left: 0.8em;
	}
	IMG.displayed {
		width: 96%;
	}
/*	footer p {
		font-size: 0.95em;
	} */
}

@media screen and (max-width: 478px) {
	html {
		font-size: 62.5%;
	}
	body {
		/*font-size: 0.85em;*/
	}
}

@media screen and (max-width: 740px) {
	html {
		font-size: 62.5%;
	}
	body {
		font-size: 1.2rem;
	}
/*	#wrapper {
		height: auto;
		width: 95%;
	} */
	header {
		height: 5.5em;
	}
	header img {
		height: 2.2em;
	}
/*	.button {
		font-size: 1em;
	} */
	.header_donate {
		margin-top: 0;
	}
        .image h2 {
                font-size: 1.1em;
                white-space: nowrap;
                width: 70%;
                top: 49%;
		overflow: hidden;
		text-overflow: ellipsis;
        }
	.showdetail {
		width: auto;
		font-size: 1em;
	}
	.button {
		font-size: 1.25rem;
	}
	.menu_heading {
		font-size: 1.25em;
		margin-left: 0; 
		text-align: center;
	}
	.heading_centered {
		width: 45%;
	}
/*
        #nav_center {
                margin: 0 auto;
                display: block;
        }
*/
        .nav {
                margin: 0 auto;
                width: 100%;
                margin-bottom: 0px;
        }
        .nav ul {
                list-style: none;
                margin: 0 auto;
                padding-left: 0;
        }
        .nav ul li {
                text-align: center;
                margin: 0 auto;
                width: 100%;
                border-top: 1px solid #878e63;
                border-right: 0px solid #878e63;
                border-bottom: 1px solid #878e63;
                border-left: 0px solid #878e63;
        }
        .nav ul li a {
        /*        padding: 5px 0; */
                font-size: 0.75em;
        }
	h2 {
		font-size: 1.1em;
		text-align: center;
	}
	h3 {
		font-size: 1em;
		text-align: left;
	}
	table {
		font-size: 0.9em;
	}
	td, th {
		padding-top: 0.85em;
		padding-bottom: 0.85em;
	}
	table th,td {
		overflow: initial;
		overflow-wrap: break-word;
	}
	.section {
		float: left;
		width: 100%;
		margin: 0;
	}
	.section img {
		margin: 0 auto;
		display: block;
	}
	.results_section {
        	width: 33%;
		margin: 0 auto;
		font-size: 1.1em;
	}
	.inline-result {
		margin-left: 0.4em;
	}
	.search_bg {
		width: 86%;
		margin: 0 auto;
		margin-bottom: 0.5em;
	/*	margin: 0.5em 0.5em 0.5em 0.5em; */
	}
	.main {
		height: auto;
	}
	.twobuttoncentered {
		margin: 0 auto;
		text-align: center;
	}
	.noimage_error {
		font-size: 1.1em;
	}
	.picture_menu {
		margin: 0 auto;
	}
	.picture_menu_tile {
		margin: 0 auto;
		display: table;
	}
	.search_box {
		width: 94%;
	}
/*	.search_box_heading {
		font-size: 1.1em;
		font-weight: bold;
	} */
	.no_results {
		margin-left: 0.5em;
	}
	.body_text {
		margin: 0.4em;
	}
	.about_bg {
		margin: 0.5em 0.5em 0.5em 0.5em;
		font-size: 1.2em;
	}
	.about_bg h3 {
		width: 85%;
		font-weight: normal;
	}
	.about_bg p {
		margin: 0 10px 0 10px;
		line-height: 135%;
	}
	.about_bg input[type="image"] {
		display: table-cell;
		margin-left: 10px;
	}

	.donate_container_text {
		width: 50%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 9px;
		font-style: oblique;
		color: blue;
	}
	.donate_container img {
		margin-left: 14px;
		margin-top: 22px;
	}	
	.donate_banner {
		line-height: 140%;
		font-size: 1.1em;
		padding: 0.05em;
	}
	.donate_banner img {
		clear: right;
		height: 18px;
		width: 18px;
	}
	input[type="text"] {
		width: 10.2em;
	} 
	label {
		margin-left: 0.4em;
	}
	IMG.displayed {
		width: 96%;
	}
	footer p {
		font-size: 1.3em;
	}
}

/* end * /