/* NOTE CACHE IS CONTROLLED VIA CUSTOM ETag (currently "V1.6.5-tw_style") */

/* === Site Theme Variables === */
:root {
	/* Light mode defaults */
	--tw-bg: #ffffff;
	--tw-fg: #333333;

	--tw-bg-panel: #ffffff;
	--tw-fg-panel: #333333;

	--tw-border: #ccc;
	--tw-border-strong: #666;
	--tw-border-table: Gainsboro;

	--tw-link: #0033CC;
	--tw-link-visited: #0066ee;
	--tw-link-active: #000000;
	--tw-link-hover: #ee0000;

	--tw-accent: #0077ff;
	--tw-accent-muted: #888;   /* for subtle borders like chat left-bar */
	--tw-h1: #ff0000;
	--tw-h2: #000066;
	--tw-h6: #000000;

	--tw-button-bg: #004a7f;
	--tw-button-bg-hover: #0062ad;
	--tw-button-fg: #ffffff;
}

/* boostrap "fixes" */
table {
	caption-side: top;
	border-color: Gainsboro;
}
tbody,td,tfoot,th,thead,tr {
	border-width: inherit;
	border-style: inherit;
	border-color: inherit;
}
hr {
	opacity: .75;
}
h1 {
	font-size: calc(1.1rem + 1.2vw)
}
@media (min-width: 1200px) {
	h1 {
		font-size:2rem
	}
}
h2 {
	font-size: calc(1.06rem + .72vw)
}
@media (min-width: 1200px) {
	h2 {
		font-size:1.6rem
	}
}
h3 {
	font-size: calc(1.04rem + .48vw)
}
@media (min-width: 1200px) {
	h3 {
		font-size:1.4rem
	}
}
h4 {
	font-size: calc(1.02rem + .24vw)
}
@media (min-width: 1200px) {
	h4 {
		font-size:1.2rem
	}
}
h5 {
	font-size: 1.1rem
}
h6 {
	font-size: 1rem
}
/* end bs */

body {
	font-family : Verdana, Arial, sans-serif;
	font-size : 13px;
	background: var(--tw-bg);
	color: var(--tw-fg);
	margin: 4px;
}

div.master:not(.loggedin) .login_only {
	display: none !important;
}

/* page control - main table*/
.main {
	width: 100%;
	padding: 0px;
}

.bound {
	width: 775px;
	padding: 0px;
}

/* page control - main table*/
.maintext {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
}

td.maintext {
	padding-bottom: 20px;
}

.boundmain {
	width: 775px;
	padding: 0px;
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
}

/* page control - left navigation bar*/
.nav {
    float: left;
	width: 150px;
	padding: 0px;
	vertical-align:top;
}
.bar2 {
	background-color: #EDBF11;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-color: #F5D870;
}
.Tag {
	font-size: 21px;
	font-style: normal;
	font-weight: bold;
	color: #D20000;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 21px;
}
.BulletList {
	text-indent: 6px;
	list-style-type: disc;
	text-decoration: none;
	margin-right: 0px;
	list-style-position: inside;
}
.highbox2 {
	color: #DD0000;
	font-weight: bold;
	text-align: center;
	border-color: #FF0000;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 4px;
	background-color: #FAECBC;
	margin-top: 10px;
	clear: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 5px;
	height: 100px;
}

.highbox2 a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.highbox2 a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.highbox2 a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.highbox2 a:active {
	color: #FF0000;
	font-weight: bold;
}

.eventbox {
	color: #006;
	font-weight: bold;
	text-align: center;
	border-color: #FF0000;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 4px;
	background-color: #FFE6FF;
	margin-top: 10px;
	clear: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding: 5px;
	height: 100px;
}

/* table control - floating right*/
.righttable {
	float: right;
	width: 150px;
	padding: 0;
	vertical-align:top;
	margin-left: 10px;
	border: 1px solid #000066;
	display: table;
}

/* Text control - quotations*/
.quote {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

/* Text control - highlight */
.highlight {
	color: #0000cc;
}

/* page control - main table*/
.gutter {
	min-width: 20px;
	background-image: url(../images/gutter.gif);
	background-repeat: repeat-y;
	box-sizing: border-box;
}

/* Font control within special elements */
P, TD, UL, LI, Table {
	font-family : Verdana, Arial, sans-serif;
	font-size : small;
}

HR {
	color: #99876F;
	height: 1px;
	width: 100%;
}

/* this sets an image to the left or to the right on a page */
.imageleft {
	margin: 0px 10px 0px 0px;
	float: left;
}

.imageright {
	margin: 0px 0px 0px 10px;
	float: right;
}

/* this group sets the normal link colors */
a:link {
	color: var(--tw-link);
	text-decoration: none;
}

a:visited {
	color: var(--tw-link-visited);
	text-decoration: none;
}

a:hover {
	color: var(--tw-link-hover);
	text-decoration: none;
}

a:active {
	color: var(--tw-link-active);
	text-decoration: none;
}

/* Definition of standard heading elements */

h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
	font-family:  Georgia, Times New Roman, Times, serif;
}

h1 {
	text-align: center;
	letter-spacing: .075rem;
	color: var(--tw-h1);
	margin-bottom: 8px;
	margin-top: 8px;
}

h2 {
	letter-spacing: 0.05rem;
	color: var(--tw-h2);
	padding: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	vertical-align: top;
	margin-top: 10px;
}

h6 {
	width: 100%;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 3px;
	text-indent: 25px;
	color: var(--tw-h6);
}

/* special classes */

table.fleet {
	margin: auto;
	width: 660px;
	border-collapse: collapse;
	text-align: center;
}

table.fleet th, table.fleet td {
	padding: 5px;
}

.copper-bkgd, .bronze-bkgd, .silver-bkgd, .gold-bkgd, .platinum-bkgd,
table.fleet .copper, table.fleet .bronze, table.fleet .silver, table.fleet .gold, table.fleet .platinum {
	background-repeat: no-repeat;
	background-size: cover;
	color: #0000FF;
}

.copper-bkgd, table.fleet .copper {background-image: url('../images/copper.png');}
.bronze-bkgd, table.fleet .bronze {background-image: url('../images/bronze.png');}
.silver-bkgd, table.fleet .silver {background-image: url('../images/silver.png');}
.gold-bkgd, table.fleet .gold {background-image: url('../images/gold.png');}
.platinum-bkgd, table.fleet .platinum {background-image: url('../images/platinum.png');}

.topLogo {
	display: inline-block;
	width: 500px;
	height: 100px;
	overflow: hidden;
	background-image:url(../images/logo2016.webp);
	background-size: 600px 100px;
	background-position: right;
}

.logonBanner {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: rgb(0, 0, 102);
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 20px;
}
#yellow-table-wrapper {
	position:relative;
	width:100%;
}
#yellow-table-overlay {
	position:absolute;
	top:0;
	right:0;
	width:175px;
	height:100%;
	display:none;
	flex-direction:column;
	justify-content:space-around;
}

.top {
	background-color: #E9EADB;
	color: #000099;
	font-weight: bold;
	word-spacing: 5px;
	text-align: right;
	vertical-align: bottom;
	height: 40px;
	padding-right: 10px;
	border: 1px solid #000000;
}

.top a:link {
	color: #F9F2EC;
	font-weight: bold;
	text-decoration: none;
}

.top a:visited {
	color: #F9F2EC;
	font-weight: bold;
	text-decoration: none;
}

.top a:hover {
	background-color: #F9F2EC;
	color: #000000;
	font-weight: bold;
	text-decoration: underline overline;
}

.top a:active {
	background-color: #F9F2EC;
	color: #000000;
	font-weight: bold;
	text-decoration: underline overline;
}

.box {
	color: #F00;
	font-weight: bold;
	text-align: center;
	border-color: #FF8;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 8px;
	background-color: #FFFFFF;
	margin-top: 10px;
	clear: left;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.box a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.box a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.box a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.box a:active {
	color: #FF0000;
	font-weight: bold;
}

.highbox {
	color: #DD0000;
	font-weight: bold;
	text-align: center;
	border-color: #FF0000;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 4px;
	background-color: #FFEA9F;
	margin-top: 10px;
	clear: left;
	font-size: 100%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.highbox a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.highbox a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.highbox a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.highbox a:active {
	color: #FF0000;
	font-weight: bold;
}

.whitebox {
	color: #F00;
	font-weight: bold;
	text-align: center;
	border-color: #03C;
	letter-spacing: 0px;
	border-style: solid;
	border-width: 4px;
	background-color: #FFFFFF;
	margin-top: 10px;
	clear: left;
	font-size: 13px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

.whitebox a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.whitebox a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.whitebox a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.whitebox a:active {
	color: #FF0000;
	font-weight: bold;
}

.specialbox {
	color: #A28961;
	font-weight: normal;
	text-align: center;
	border-color: #FF0000;
	letter-spacing: 1px;
	border-style: solid;
	border-width: 6px;
	background-color: #006600;
	margin-top: 10px;
	clear: left;
	font-size: 100%;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.specialbox a:link {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.specialbox a:visited {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

.specialbox a:hover {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
}

.specialbox a:active {
	color: #FF0000;
	font-weight: bold;
}


.photos {
	background-color: #99876F;
	color: #000000;
	text-align: center;
	height: 120px;
	padding: 10px 0px 10px 0px;
	border: 1px solid #000000;
}

/* classes for left side navigation and button rollover */

.side {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 85%;
	width: 180px;
	vertical-align: top;
	text-align: left;
	padding: 20px 0px 20px 0px;
}

.navlist {
	position: relative;
	width: 180px;
	padding: 0px 10px 0px 10px;
	}

.navlist ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}

.navlist li {
	margin: 0 0 5px 0;
}

.navlist a {
	/*/*/display: block;
	padding: 2px 0px 2px 25px;
	border: 1px solid #000000;
	width: 160px;
	background-color: #99876F;
	font-weight: normal; /* */
}

.navlist a:link, .navlist a:visited {
	color: #000000;
	font-weight: normal;
	/*/*/color: #000000;
	text-decoration: none; /* */
}

.navlist a:hover {
	border: 1px solid #000000;
	background-color: #EDBF11;
	color: #000000;

}
.current a:link, .current a:visited, .current a:hover {
	/*/*/border: 1px solid #000000;
	background-color: #DAC4AD;
	font-weight: normal;
	color: #000000; /* */
}

/* special hot topic table */

.hottopic {
	background-color: #DAC4AD;
	font-size: 85%;
	line-height: 14px;
	padding: 3px;
	border: 1px solid #000000;
	width: 100%;
}

/* copyright area  - used*/
.copyright {
	background-color: #11079E;
	color: #F9F2EC;
	width: 750px;
	height: auto;
	font-size: 8px;
	text-align: center;
	border: 1px solid #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* header bar area  - used*/
.bar {
	background-color: #FDFD00;
	color: #000000;
	padding-right: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-color: #FDFD00;
}

/* form buttons */

.form {
	color: #000000;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 10px;
}

/* Menu controls - original Suckerfish code*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 13em;
  }

#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 13em;
}

#nav li ul { /* second-level lists */
	position : absolute;
	margin-left : 11.05em;
	margin-top : -1.35em;
	left: -999em;
}

#nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#nav li a {
/*
	width: 13em;
	width : 10em;
*/
	display : block;
	color : black;
	font-weight : bold;
	text-decoration : none;
	background-color : white;
	border : 1px solid black;
	padding : 0 0.5em;
}

#nav li a:hover {
	color : white;
	background-color : black;
}


#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

  /* MY CHANGES */

#nav {
	font-size: 8px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav li {
	line-height : 2.4em;
}

#nav li ul { /* second-level lists */
	margin-top : -2.5em;
}

/*
  We need to compensate the padding and borders:
  118(this width) + 5(padding-left) + 5(padding-right) + 3(border-left) + 1(border-right) = 132 (total width)
*/
#nav, #nav ul,
#nav li,
#nav li a {
/*
	width: 140px;
*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  }

#nav li ul {
	margin-left: 155px;
}

#nav li a {
	padding : 0 5px;
}

#nav li a {
	color : white;
	background-color : #336699;
	border : 1px solid #EDBF11;
	border-left : 4px solid #EDBF11;
}

 #nav li a:hover {
	background-color : #EDBF11;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: white;
	border-right-color: white;
	border-bottom-color: white;
	border-left-color: #336699;
}

#nav a.parent {
	background-color: #336699;
	background-image: url(../images/whitearrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
	letter-spacing: normal;
}

#content {
	margin-left : 12em;
}

.push {
	margin-top : 10px;
	padding-top: 10px;
	clear: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.strikethru { text-decoration: line-through; }

.alert { color: #F00; }

.pdf {
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 2px;
}

/* Carousels and special containers */

.carou{
	overflow-x: hidden;
	position: relative;
	display: flex;
	justify-content: flex-start;
	border-radius: 13px;
}
.carou-in{
	height: 100%;
	display: flex;
	transition: all ease .5s;
}
.carou-it{
	flex: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.carou-it img{
	max-width: 100%;
	max-height: 100%;
}

table.specials {
	width: 100%;
	min-width: 800px;
}

/* flowing content with constrained images */

.infoblock-container {
	--infoblock-min-width: 300px;
	--infoblock-max-width: 350px;

	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: center;
}

.infoblock-container[data-size="large-tile"] {
	--infoblock-min-width: 500px;
	--infoblock-max-width: 700px;
}

/* base card */
.infoblock-item {
	min-width: var(--infoblock-min-width);
	max-width: var(--infoblock-max-width);

	margin: 15px;
	padding: 15px;
	text-align: center;
	overflow: hidden;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.infoblock-item[data-size="standard-tile"] {
	--infoblock-min-width: 300px;
	--infoblock-max-width: 350px;
}

.infoblock-item li {
	text-align: left;
}

/* card section wrappers */
.infoblock-img-wrapper {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.infoblock-img-wrapper::before {
	content: "";
	display: block;
}

/* aspect ratios and heights */
.infoblock-img--16x9 .infoblock-img-wrapper::before, .infoblock-img-wrapper.infoblock-img--16x9::before { padding-top: 56.25%; }
.infoblock-img--4x3  .infoblock-img-wrapper::before, .infoblock-img-wrapper.infoblock-img--4x3::before { padding-top: 75%; }
.infoblock-img--1x1  .infoblock-img-wrapper::before, .infoblock-img-wrapper.infoblock-img--1x1::before { padding-top: 100%; }

/* Natural ratio for old model */
.infoblock-item img {
	position: static;
	width: 100%;
	height: auto;
	display: block;
}

/* image/section placeholder */
.infoblock-img-wrapper > img {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

.whole-page-table-container {
	display: flex;
	flex-direction: column;
	min-height: calc(var(--vh) * 100 - 30px);
}
.whole-page-table-container > table.main {
	flex-grow: 1;
	width: 100%;
}
.whole-page-table-container > table.main > tbody > tr:nth-last-child(-n + 2) {
	height: 1px;
}

table.main > tbody > tr:nth-child(-n + 2) > td {
	height: 120px;
}


.expandable-row>td:nth-child(1),
.expandable-row>th:nth-child(1) {
	width: 150px;
}
.expandable-row>td:nth-child(2),
.expandable-row>th:nth-child(2) {
	max-width: 20px;
}
.expandable-row>td:nth-child(3),
.expandable-row>th:nth-child(3) {
	width: 100%;
}

/* This mixin shows a pop-up message / tooltip for anchors without an href */
.tooltip-mixin a:not([href]) {
	position: relative;
	cursor: default;
}

/* If data-tooltip is present: use it, allow line breaks (
) */
.tooltip-mixin a:not([href])[data-tooltip]::after {
	content: attr(data-tooltip);
}

/* If data-tooltip is missing: use a hard-coded two-line fallback */
.tooltip-mixin a:not([href]):not([data-tooltip])::after {
	content: "Watch this space\A for a future special!";
}

.tooltip-mixin a:not([href])::after {
	white-space: pre-line;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	font-size: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.25);
	opacity: 0;
	pointer-events: none;
	transition: opacity 200ms ease;
}

/* Desktop: show on hover */
@media (hover: hover) and (pointer: fine) {
	.tooltip-mixin a:not([href]):hover::after {
		opacity: 1;
	}
}

/* touch: show on class 'show-tooltip' */
.tooltip-mixin a:not([href]).show-tooltip::after {
	opacity: 1;
}

/* dark mode */

@media all and (prefers-color-scheme: dark) {
	:root {
		--tw-bg: #202020;
		--tw-fg: #f0f0f0;

		--tw-bg-panel: #303030;
		--tw-fg-panel: #f0f0f0;

		--tw-border: DimGray;
		--tw-border-strong: #999;
		--tw-border-table: DimGray;

		--tw-link: #00aaff;
		--tw-link-visited: #0066ee;
		--tw-link-active: #efefef;
		--tw-link-hover: #ee0000;

		--tw-accent: #0077ff;
		--tw-accent-muted: #aaa;
		--tw-h1: #ff0000;
		--tw-h2: #0077ff;
		--tw-h6: #ffffff;

		--tw-button-bg: #2a3f6d;
		--tw-button-bg-hover: #3b5998;
		--tw-button-fg: #ffffff;
	}

	body {
		background: var(--tw-bg);
		color: var(--tw-fg);
	}
	table {
		border-color: var(--tw-border-table);
	}
	.highlight {
		color: var(--tw-accent);
	}
	.topLogo {
		background-image:url(../images/logo2016-dark.webp);
	}
	.gutter {
		background-image: url(../images/gutter-dark.gif);
	}
	h2:not(.noDark *) {
		color: var(--tw-h2);
	}
	h6:not(.noDark *) {
		color: var(--tw-h6);
	}
	a:link:not(.noDark *) {
		color: var(--tw-link);
	}
	a:visited:not(.noDark *) {
		color: var(--tw-link-visited);
	}
	a:active:not(.noDark *) {
		color: var(--tw-link-active);
	}
	.logonBanner:not(.noDark *) {
		color: var(--tw-h2);
	}
}