:root {
	font-family: system-ui, sans-serif;
	color-scheme: light dark;
	/* background-color: light-dark(SkyBlue, var(--ccTitleColor)); */
	--ccTitleColor: #023964; /* Custom variable for the dark blue from the logo / title  */
}

/* #bannerText { background-color: White; } */

#bannerLogoCell {
	background-image: linear-gradient(to bottom, light-dark(white, black), light-dark(SkyBlue, var(--ccTitleColor)));
}

.navMenu {
   display: block;
   padding: 2px;
   /* box-shadow: 5px 5px 5px light-dark(SteelBlue, Grey); */
   background-color: light-dark(SkyBlue, var(--ccTitleColor));
   width: 230px;
   font-size:medium; /* 14px; */
}

.navMenu td.mainMenu { font-size: medium; }  /* 14px */
.navMenu td.subMenu  { font-size: small; }   /* 12px */

.detailTable { border: 0px solid black; }
.detailTable tr td { border: 1px solid black; padding: 3px; }

.travelLink { font-weight: bold; }
.travelDesc { }

div.menuBar   { background-color: var(--ccTitleColor); color: white; font-weight: bold; border-width: 7px 10px; border-style: solid; border-color: var(--ccTitleColor); }
div.menuTitle { display: inline; color: white; font-weight: normal; }
div.menuNav   { display: inline; color: white; font-weight: normal; font-size=85%; }
div.trailer    { font-size: small; }

img.woDesc  { margin: 2px; }
img.wiDesc  { border-width: 2px; border-color: light-dark(SteelBlue, Yellow); border: 2px solid light-dark(SteelBlue, Yellow); }

/* For YouTube Videos */
.ytParent   { position: relative; top: 0; left: 0; }
img.ytVideo { margin: 2px; z-index: 1; position: relative; }
img.ytIcon  { z-index: 2; position: absolute; bottom: 60px; right: 85px; }
img.ytIconB { z-index: 2; position: absolute; bottom: 76px; right: 136px; }
P.ytTitle   { z-index: 3; color: white; position: absolute; bottom: -5px; left: 5px; }