html {
	scroll-behavior: smooth;
}
section header {
	background-color: var(--dark);
	border-radius: 5px;
	margin-bottom: 1em;
}
section header h2 {
	color: var(--lightmax);
}
a:link, a:visited {
	color: var(--linkcolor);
}
.nav-menu, a#a0, a#a1, a#a2, a#a3, a#a4, a#a5, a#a6, a#a7 {
    color: var(--gold);
    background: var(--dark) linear-gradient(var(--dark), var(--darkgold), var(--dark));
    border-top: 1px solid var(--gold);
}
#tngnav a:hover, .lightlink {
	background-color: var(--gold) !important;
	color: var(--dark) !important;
}
a#a0.here, a#a1.here, a#a2.here, a#a3.here, a#a4.here, a#a5.here, a#a6.here, a#a7.here, .lightlink {
	background-color: var(--dark) !important;
	color: var(--gold) !important;
}	
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .icons a:hover, a.menulink:hover, a.menulink.menuhover, li ul li a:hover, a.snlink:hover, p a.snlink:hover, .snlinkact:hover {
	background-color: var(--gold) !important;
	color: var(--dark) !important;
	text-decoration: none;
	font-weight: bold;
}
.row1 a:link, a:active, div.icons a, ul.tngdd .menulink {
    color: var(--gold);
}
.subhead, input[type=text]::placeholder {
	color: var(--dark) !important;
}
h1 {
	font-size: 180%;
	text-align: center;
}
h3 {
	font-size: 160%;
	text-align: center;
}
hr {
	margin: 2em auto 2em auto;
	width: 80%;
}
input[type=submit], input[type=button], input[type=reset], .scroll-to-top, .snlink, a.snlink, p a.snlink, .snlinkact, .bar, .fieldnameback {
	background-color: var(--dark);
}
.scroll-to-top:hover {
    background-color: var(--gold);
}
header, footer, h4, .callbox1 h4 {
	background: var(--darkish) linear-gradient(var(--darkish), var(--dark));
}
.btn-detail {
	background: var(--dimdarkishblue) linear-gradient(var(--dimdarkblue), var(--dimdarkishblue));
	border-color: #1f2159;
}
.btn-detail:hover {
	background-color: #222;
	background: linear-gradient(#555, #222);
	border-color: #222;
	color: #fff;
}
ul.list1 li:before, h6 {
	color: var(--darkish);
}
.callbox1 {
    color: var(--dark);
    background-color: var(--lightmax);
    box-shadow: 0 0 0 5px var(--darkish) inset, 0 0 0 6px var(--dimlight) inset, 0 0 40px var(--dark) inset, 0 10px 15px -10px var(--dimdark);
}
.callbox1 h4, .fancybox h5, a.btn-detail, .contentBox3a h4, .contentBox3b h4, .contentBox3c h4 {
    color: var(--gold) !important;
}
.fancybox h6 {
    color: var(--lightmax) !important;
}
.row2, .databack, table.calendar, #calLegend, input[type=text] {
	background: var(--lightmax) !important;
	background-color: var(--lightmax) !important;
}
.ticker-container {
	width: 230px;
	margin: auto;
	overflow: hidden;
	background-color: var(--lightmax);
}
.ticker-text {
	display: inline-block;
	white-space: nowrap;
	animation: scroll-left 10s linear infinite;
}
.mojeeksvg {
	width: 200px;
	height: auto;
	padding-bottom:5px;
}
.mojeekdiv a:hover {
	background: none;
	border: none;
}
.ponybutton {
	border: 4px outset var(--verylight);
	border-radius: 25%;
	width: 220px;
	height: auto;
}
.ponybutton:hover {
	border: 4px inset var(--dimlight);
}