@-ms-viewport {
	width: device-width
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
	font-display: swap
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
	font-display: swap
}

address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body {
	margin: 0
}

main,
nav {
	display: block
}

a {
	background-color: transparent
}

strong {
	font-weight: 700
}

h1 {
	margin: .67em 0;
	font-size: 2em
}

img {
	border: 0
}

button {
	margin: 0;
	font: inherit;
	color: inherit
}

button {
	overflow: visible
}

button {
	text-transform: none
}

button {
	-webkit-appearance: button
}

button::-moz-focus-inner {
	padding: 0;
	border: 0
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-size: 10px
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff
}

button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

a {
	color: #337ab7;
	text-decoration: none
}

img {
	vertical-align: middle
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

h1,
h2 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

h1,
h2 {
	margin-top: 20px;
	margin-bottom: 10px
}

h1 {
	font-size: 36px
}

h2 {
	font-size: 30px
}

p {
	margin: 0 0 10px
}

ol,
ul {
	margin-top: 0;
	margin-bottom: 10px
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:768px) {
	.container {
		width: 750px
	}
}

@media (min-width:992px) {
	.container {
		width: 970px
	}
}

@media (min-width:1200px) {
	.container {
		width: 1170px
	}
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

.col-lg-6,
.col-md-8,
.col-sm-10,
.col-xs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col-xs-12 {
	float: left
}

.col-xs-12 {
	width: 100%
}

@media (min-width:768px) {
	.col-sm-10 {
		float: left
	}

	.col-sm-10 {
		width: 83.33333333%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}
}

@media (min-width:992px) {
	.col-md-8 {
		float: left
	}

	.col-md-8 {
		width: 66.66666667%
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%
	}
}

@media (min-width:1200px) {
	.col-lg-6 {
		float: left
	}

	.col-lg-6 {
		width: 50%
	}

	.col-lg-offset-3 {
		margin-left: 25%
	}
}

.collapse {
	display: none
}

.nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}

.nav>li {
	position: relative;
	display: block
}

.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}

.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}

.navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}

.container-fluid>.navbar-collapse,
.container-fluid>.navbar-header {
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width:768px) {
	.navbar {
		border-radius: 4px
	}

	.navbar-header {
		float: left
	}

	.navbar-collapse {
		width: auto;
		border-top: 0;
		-webkit-box-shadow: none;
		box-shadow: none
	}

	.navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important
	}

	.navbar-static-top .navbar-collapse {
		padding-right: 0;
		padding-left: 0
	}

	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header {
		margin-right: 0;
		margin-left: 0
	}

	.navbar-static-top {
		border-radius: 0
	}
}

.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}

.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px;
	font-size: 18px;
	line-height: 20px
}

.navbar-brand>img {
	display: block
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}

.navbar-nav {
	margin: 7.5px -15px
}

.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (min-width:768px) {
	.navbar>.container-fluid .navbar-brand {
		margin-left: -15px
	}

	.navbar-toggle {
		display: none
	}

	.navbar-nav {
		float: left;
		margin: 0
	}

	.navbar-nav>li {
		float: left
	}

	.navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.navbar-left {
		float: left !important
	}
}

.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7
}

.navbar-default .navbar-brand {
	color: #777
}

.navbar-default .navbar-nav>li>a {
	color: #777
}

.navbar-default .navbar-toggle {
	border-color: #ddd
}

.navbar-default .navbar-collapse {
	border-color: #e7e7e7
}

.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px
}

.breadcrumb>li {
	display: inline-block
}

.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0"
}

.breadcrumb>.active {
	color: #777
}

.jumbotron {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: inherit;
	background-color: #eee
}

.container .jumbotron,
.container-fluid .jumbotron {
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 6px
}

@media screen and (min-width:768px) {
	.jumbotron {
		padding-top: 48px;
		padding-bottom: 48px
	}

	.container .jumbotron,
	.container-fluid .jumbotron {
		padding-right: 60px;
		padding-left: 60px
	}
}

.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.row:after,
.row:before {
	display: table;
	content: " "
}

.container-fluid:after,
.container:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.row:after {
	clear: both
}

@media (max-width:767px) {
	.hidden-xs {
		display: none !important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.hidden-sm {
		display: none !important
	}
}

.navbar-default {
	background-image: -webkit-linear-gradient(top, #fff 0, #f8f8f8 100%);
	background-image: -o-linear-gradient(top, #fff 0, #f8f8f8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
	background-image: linear-gradient(to bottom, #fff 0, #f8f8f8 100%);
	background-repeat: repeat-x;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075)
}

.navbar-brand,
.navbar-nav>li>a {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .25)
}

.navbar-static-top {
	border-radius: 0
}

@media (max-width: 767px) {
	#site-header {
		position: relative;
		margin-bottom: 5px
	}

		#site-header .navbar-header,
		#site-header > div {
			height: 116px
		}

		#site-header .navbar-toggle {
			top: 12px;
			left: 0;
			z-index: 100
		}

			#site-header .navbar-toggle .menu-label {
				color: #fff;
				text-transform: uppercase;
				font-size: 16px
			}

		#site-header #nas-logo {
			position: absolute;
			left: 20px;
			top: 21px;
			height: 65px;
			overflow: hidden
		}

		#site-header #trb-logo {
			position: absolute;
			right: 6px;
			top: 0
		}

	@media only screen and (max-width:360px) {
		#site-header #trb-logo img {
			width: 200px !important
		}
	}

	#site-header #nas-logo img[src*=".svg"] {
		width: auto;
		height: 41px
	}

	#site-header #trb-logo img[src*=".svg"] {
		width: auto
	}

	@media only screen and (max-width:767px) {

		#footer #colophon-address,
		#footer #colophon-nas {
			display: none
		}

		#site-header .navbar-header,
		#site-header > div {
			height: 85px
		}

		#site-header #nas-logo {
			display: none
		}

		#site-header .nav {
			float: left;
			width: 50%
		}

		#site-header #site-menu-contents li {
			float: right;
			clear: both
		}

		#site-header #site-menu-contents li {
			width: 190px
		}

		#site-header #trb-site-navbar-collapse {
			background-color: #f8f5e4;
			-moz-box-shadow: 0 10px 20px -10px #000;
			-webkit-box-shadow: 0 10px 20px -10px #000;
			box-shadow: 0 10px 20px -10px #000
		}

		#site-header #site-menu-contents {
			border-right: 1px solid #ccc
		}
	}

	@media screen and (max-width:450px) {
		#site-header #site-menu-contents li {
			width: 170px
		}
	}

	@media screen and (max-width:350px) {
		#site-header #site-menu-contents li {
			width: 150px
		}
	}

	#site-header #site-menu-connect {
		padding-left: 30px
	}

	@media screen and (min-width:450px) {
		#site-header #site-menu-connect {
			padding-left: 40px
		}
	}

	#site-header .nav .nav-heading {
		white-space: nowrap;
		overflow: visible
	}

	#site-header > div {
		background-color: #5e0c02
	}

	#site-header .nav-heading {
		font-size: 16px;
		font-weight: 700;
		padding-left: 14px
	}
}

#footer a {
	white-space: nowrap
}

#footer #footer-nas-logo-row {
	background-color: #5e0c02;
	padding: 10px;
	text-align: center
}

#footer #footer-nas-logo img[src*=".svg"] {
	width: auto;
	height: 41px
}

@media only screen and (max-width:767px) {
	.navbar-toggle-left .navbar-toggle {
		float: left
	}

	.navbar-toggle-left .navbar-header {
		float: left;
		width: auto !important
	}

	.navbar-toggle-left .navbar-collapse {
		clear: both;
		float: none
	}

	#footer #footer-nas-logo-row {
		padding-top: 0;
		padding-bottom: 20px
	}

	#footer #footer-nas-logo {
		padding-bottom: 30px;
		float: none;
		display: inline-block
	}
}

div#body :not(.glyphicon):not(.icon) {
	font-family: 'Open Sans', sans-serif
}

.breadcrumb {
	background-color: transparent;
	padding: 0;
	margin-bottom: 5px
}

.breadcrumb>li+li::before {
	content: "»"
}

@media only screen and (min-width:640px) {
	.site-banner-row {
		display: block
	}
}

.site-banner-row .site-banner-container {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 14px
}

@media only screen and (max-width:768px) {
	#site-header #trb-logo {
		top: 25px
	}

	#site-header #site-menu-connect {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 28px
	}

	#site-header #site-menu-contents {
		position: absolute;
		left: 0;
		top: 88px;
		width: 100%;
		height: 28px;
		background: -moz-linear-gradient(top, #edeee9 0, #bab5af 100%);
		background: -webkit-linear-gradient(top, #edeee9 0, #bab5af 100%);
		background: linear-gradient(to bottom, #edeee9 0, #bab5af 100%)
	}

	#site-header .nav li {
		display: inline;
		float: none
	}

	#site-header .nav li a {
		display: inline;
		line-height: 28px
	}

	#site-header #site-menu-connect {
		text-align: right;
		padding-right: 7px
	}

	#site-header #site-menu-connect li a {
		text-transform: uppercase
	}

	#site-header #site-menu-connect li:nth-child(3) a {
		text-transform: none
	}

	#site-header #site-menu-contents {
		padding-left: 8px;
		overflow: hidden
	}

	#site-header #site-menu-contents li a {
		font-size: 12px;
		padding: 0 10px
	}

	#site-header a {
		text-decoration: none
	}

	#site-header #site-menu-connect {
		background-color: #000
	}

	#site-header #site-menu-connect a {
		color: #fff
	}

	#site-header #site-menu-contents {
		background-color: #ccc
	}

	#site-header #site-menu-contents a {
		color: #000;
		font-weight: 700
	}

	#site-header .nav-heading {
		display: none
	}

	#footer #footer-nas-logo-row {
		display: none
	}

	.breadcrumb {
		padding-left: 15px
	}

	.site-banner-row .site-banner-container {
		padding-left: 15px;
		padding-right: 15px
	}
}

.site-banner-row .site-banner {
	min-height: 100px;
	width: 100%;
	background: #faf6f2;
	background: linear-gradient(to bottom, #faf6f2 0, #e9e4e0 100%);
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.site-banner-row .site-banner img {
	width: auto;
	height: auto;
	margin-left: 25px;
	margin-right: 20px
}

.site-banner-row .site-banner p {
	margin-bottom: 0;
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	color: #5e0c02
}

.site-banner-row .site-banner p span {
	color: #929292;
	display: block;
	font-size: 14px;
	line-height: 16px
}

#main {
	padding-bottom: 40px
}

.container .jumbotron {
	padding: 0;
	margin-bottom: 14px;
	background-color: transparent;
	padding: 0 15px
}

.container .jumbotron .container-fluid {
	padding: 0
}

@media only screen and (min-width:768px) {
	.container .jumbotron .container-fluid {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media only screen and (max-width:529px) {
	.container {
		width: 100%
	}
}

@media only screen and (min-width:530px) and (max-width:949px) {
	.container {
		width: 100%
	}
}

a {
	text-shadow: none;
	text-decoration: underline
}

img {
	width: 100%;
	max-width: 100%;
	height: auto
}

h1 {
	font-size: 24px
}

h2 {
	font-size: 18px
}

ul.record-info {
	margin: 0;
	padding: 0
}

ul.record-info li {
	list-style-type: none
}

@media (min-width: 768px) {

	/*  2022-04-25  New site desktop header without Bootstrap
Begin with Andy Bell css reset targetting only the header block
https://piccalil.li/blog/a-modern-css-reset
*/
	/* Box sizing rules */
	#site-header *,
	#site-header *::before,
	#site-header *::after {
		box-sizing: border-box;
	}

	/* Remove default margin */
	#site-header h1,
	#site-header h2,
	#site-header h3,
	#site-header h4,
	#site-header p,
	#site-header figure,
	#site-header blockquote,
	#site-header dl,
	#site-header dd {
		margin: 0;
	}

	/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
	#site-header ul[role='list'],
	#site-header ol[role='list'] {
		list-style: none;
	}

	/* Set core root defaults */
	html:focus-within {
		scroll-behavior: smooth;
	}

	/* Set core body defaults */
	body {
		min-height: 100vh;
		text-rendering: optimizeSpeed;
		/* line-height: 1.5; */
	}

	/* A elements that don't have a class get default styles */
	#site-header a:not([class]) {
		text-decoration-skip-ink: auto;
	}

	/* Make images easier to work with */
	#site-header img,
	#site-header picture {
		max-width: 100%;
		display: block;
	}

	/* Inherit fonts for inputs and buttons */
	#site-header input,
	#site-header button,
	#site-header textarea,
	#site-header select {
		font: inherit;
	}

	:root {
		--trb-color: #5e0c02;
	}

	#site-header {
		display: grid;
		grid-template-columns: 1fr;
		width: 100%;
	}

	#site-header::before {
		display: none;
	}

	#site-header #trb-site-navbar-collapse {
		display: contents !important;
		width: 100% !important;
	}

	#site-header>.container-fluid {
		padding: 0;
		margin: 0;
		display: contents;
	}

	.logo-bar {
		grid-row: 2;
		width: 100%;
		height: 5.625em;
		display: flex;
		flex: 1 0 auto;
		justify-content: space-between;
		align-items: center;
		padding: 0 1.5em;
		background-color: var(--trb-color);
	}

	.logo-bar>* {
		display: block;
	}

	.logo-bar svg {
		display: block;
		fill: white;
	}

	#trb-logo {
		max-width: 250px;
		/*  Bootstrap overrides  */
		position: initial !important;
	}

	#nas-logo {
		max-width: 250px;
	}

	/*  Top menu bar  */
	#site-menu-connect {
		grid-row: 1;
		/*  Bootstrap overrides  */
		float: none !important;
		width: 100% !important;
		display: flex;
		gap: 2.5em;
		flex: 1 0 auto;
		justify-content: flex-end;
		align-items: center;
		background: black;
	}

	#site-menu-connect>li>a {
		padding: 0.4em 0;
		width: max-content;
		/*  Bootstrap overrides  */
		font-size: 14px !important;
		text-transform: uppercase;
		text-decoration: none !important;
		color: white;
	}

	#site-menu-connect>li:nth-child(3)>a {
		text-transform: none;
	}

	#site-menu-connect>li:first-child,
	#site-menu-connect>li.divider {
		display: none;
	}

	/*  TRB gray menu bar  */
	#site-menu-contents {
		grid-row: 3;
		/*  Bootstrap overrides  */
		float: none !important;
		display: flex;
		gap: 1.7em;
		flex: 1 0 auto;
		justify-content: flex-start;
		align-items: center;
		background: linear-gradient(to bottom, #edeee9 0%, #bab5af 100%);
	}

	#site-menu-contents>li>a {
		padding: 0.4em 0;
		/*  Bootstrap overrides  */
		font-size: 12px !important;
		text-decoration: none !important;
		color: black;
		font-weight: bold;
	}

	#site-menu-contents>li>a:hover,
	#site-menu-contents>li>a:focus {
		color: white;
		font-weight: bold;
	}

	#site-menu-contents>li:first-child,
	#site-menu-contents>li.divider {
		display: none;
	}
}

/*  End new header  */