/* Light Mode - Desktop */
body {
	background-color: #fafafa;
    color: black;
    margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;	
	padding: 10px;
	overflow-x: hidden;
}

/* Dark Mode - Desktop */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #00001E;
		color: white;      
	}
}

/* Light Mode - Mobile and Tablet */
@media screen and (max-width: 1080px) {
body {
    background-color: #fafafa;
   	font-size: 1.2em;
    }
}

/* Dark Mode - Mobile and Tablet */
@media screen and (max-width: 1080px) and (prefers-color-scheme: dark) {
body {
        background-color: #00001E;
        color: white;
        font-size: 1.2em;
     }
}
/* Responsive Container */
.container {
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
  	display: grid;
  	grid-template-areas:
    "masthead masthead"
    "navigation navigation"
    "content content2"
    "footer footer";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 98px auto auto auto 80px;
  gap: 10px;
    	
}

/* Assign grid areas */
.masthead { grid-area: masthead; }
.navigation { grid-area: navigation; }
.content { grid-area: content; }
.content2 { grid-area: content2; }
.footer { grid-area: footer; }

/* Responsive: Tablet and below */
@media (max-width: 1080px) {
  .container {
  	width: 90%;
  	max-width: 1fr;
	grid-template-areas:
		"masthead"
      	"navigation"
      	"content"
      	"content2"
      	"footer";
    grid-template-columns: 1fr;
    grid-template-rows: 98px auto auto auto 80px;
    gap: 10px;
   
  }
}

/* Responsive: Mobile */
@media (max-width: 610px) {
  .container {
  	width: 90%;
    grid-template-areas:
      "masthead"
      "navigation"
      "content"
      "content2"
      "footer";
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto auto auto;
	gap: 10px;

   }
}
.masthead {
	margin-left: 10px;
	margin-top: 10px;
}

.content {
	max-width: 560px;
	margin-left: 10px;
}
.content2 {
	max-width: 560px;
	margin-left: 10px;
}
/* Navigation Styles */

.navigation {
  grid-area: navigation;
}
.navigation ul {
  list-style-type: none;
  padding: 0;
  margin-left: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.navigation li {
  flex: 0 0 auto;
}
.navigation a {
  font-size: 1em;
  text-decoration: none;
  color: #000;
  display: block;
  padding: 5px;
  border: 2px solid #A1887F;
  background-color: #FDD835;
}
.navigation a:hover {
	color: black;
  	background-color: #FFEB3B;
	}

/* Mobile nav specific adjustments */
@media (max-width: 610px) {
  .navigation ul {
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}
/* Content Styles */

/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: black;
	font-weight: normal;
}
/* Dark Mode - Desktop */
@media (prefers-color-scheme: dark) {
h1,h2,h3,h4,h5,h6 {
	color: white;
	font-weight: normal;
 	}
}
/* Horizontal Rules */

hr {
      border: none; /* Removes default 3D border */
      height: 2px; /* Sets the line thickness */
      background-color: #A03232; /* Sets the line color */
      width: 590px;
    }

/* Footer Styles */

.footer {
  grid-area: footer;
}
.footer p {
  font-size: 0.85em;
  text-align: center;
  margin: 0 auto;
  color: black;

}
.footer a {
	font-size: 0.85em;
  	text-align: center;
  	margin: 0 auto;
 	color: black;
  	text-decoration: underline;

}
.footer a:hover {
  color: #BF360C;

}
@media (prefers-color-scheme: dark) {
  .footer p, .footer a {
    color: white;
  }
  .footer a:hover {
    color: #FDD835;
  }
}


/* Link Styles */
a {
	color: black;
	text-decoration: underline;
}
a:hover {
	color: #BF360C;
	text-decoration: underline;
}
/* Dark Mode - Desktop */
@media (prefers-color-scheme: dark) {

/* Link Styles */
a {
	color: white;
	text-decoration: underline;
}
a:hover {
	color: #FDD835;
	text-decoration: underline;
	}

}

.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-style: italic;
	color: #FFFFFF;
	border-style: none;
}
/* Lytebox JavaScript Styles */
#lbOverlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99997;
	width: 100%;
	height: 100%;
}
#lbOverlay.black {
	background-color: #000000;
}
#lbOverlay.grey {
	background-color: #000000;
}
#lbOverlay.red {
	background-color: #330000;
}
#lbOverlay.green {
	background-color: #003300;
}
#lbOverlay.blue {
	background-color: #011D50;
}
#lbOverlay.gold {
	background-color: #666600;
}
#lbOverlay.orange {
	background-color: #FFBB48;
}
#lbMain {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 99998;
	text-align: center;
	line-height: 0;
	display: -moz-inline-stack;
}
#lbMain a img {
	border: 1px solid #ffffff;
}
#lbOuterContainer {
	position: relative;
	background-color: #fff;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
#lbOuterContainer.black {
	border: 2px solid #CCCCCC;
	background-color: #000000;
}
#lbOuterContainer.grey {
	border: 2px solid #888888;
}
#lbOuterContainer.red {
	border: 2px solid #DD0000;
}
#lbOuterContainer.green {
	border: 2px solid #00B000;
}
#lbOuterContainer.blue {
	border: 2px solid #5F89D8;
}
#lbOuterContainer.gold {
	border: 2px solid #B0B000;
}
#lbOuterContainer.orange {
	border: 2px solid #D15211;
}
#lbTopContainer, #lbBottomContainer {
	font: 0.85em Verdana, Helvetica, sans-serif;
	background-color: #fff;
	width: 100%;
	line-height: 1.4em;
	font-size: 0.9em;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 14;
	display: none;
}
#lbTopContainer {
	overflow: hidden;
	margin-top: 5px;
}
#lbTopContainer.black, #lbBottomContainer.black {
	background-color: #000000;
}
#lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange, #lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange {
	background-color: #ffffff;
}
#lbImage, #lbIframe {
	border: none;
}
#lbImage.black, #lbIframe.black {
	border: 1px solid #CCCCCC;
}
#lbImage.grey, #lbIframe.grey {
	border: 1px solid #888888;
}
#lbImage.red, #lbIframe.red {
	border: 1px solid #DD0000;
}
#lbImage.green, #lbIframe.green {
	border: 1px solid #00B000;
}
#lbImage.blue, #lbIframe.blue {
	border: 1px solid #5F89D8;
}
#lbImage.gold, #lbIframe.gold {
	border: 1px solid #B0B000;
}
#lbImage.orange, #lbIframe.orange {
	border: 1px solid #D15211;
}
#lbImageContainer, #lbIframeContainer {
	padding: 10px;
	z-index: 12;
}
#lbLoading {
	height: 100%;
	width: 100%;
	margin-top: -10px;
	background: url('images/loading_white.gif') center no-repeat;
}
#lbLoading.black {
	background: url('images/loading_black.gif') center no-repeat;
}
#lbHoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lbImageContainer > #lbHoverNav {
	left: 0;
}
#lbHoverNav a {
	outline: none;
}
#lbPrevHov {
	width: 48%;
	height: 100%;
	background: transparent url('images/blank.gif') no-repeat;
	display: block;
	left: 0;
	float: left;
	margin-left: 3px;
	border: none !important;
}
#lbPrevHov.black:hover, #lbPrevHov.black:visited {
	background: url('images/prev_black_t.png') left 30% no-repeat;
}
#lbPrevHov.grey:hover, #lbPrevHov.grey:visited {
	background: url('images/prev_grey_t.png') left 30% no-repeat;
}
#lbPrevHov.red:hover, #lbPrevHov.red:visited {
	background: url('images/prev_red_t.png') left 30% no-repeat;
}
#lbPrevHov.green:hover, #lbPrevHov.green:visited {
	background: url('images/prev_green_t.png') left 30% no-repeat;
}
#lbPrevHov.blue:hover, #lbPrevHov.blue:visited {
	background: url('images/prev_blue_t.png') left 30% no-repeat;
}
#lbPrevHov.gold:hover, #lbPrevHov.gold:visited {
	background: url('images/prev_gold_t.png') left 30% no-repeat;
}
#lbPrevHov.orange:hover, #lbPrevHov.orange:visited {
	background: url('images/prev_orange_t.png') left 30% no-repeat;
}
#lbNextHov {
	width: 48%;
	height: 100%;
	background: transparent url('images/blank.gif') no-repeat;
	display: block;
	right: 0;
	float: right;
	margin-right: 3px;
	border: none !important;
}
#lbNextHov.black:hover, #lbNextHov.black:visited {
	background: url('images/next_black_t.png') right 30% no-repeat;
}
#lbNextHov.grey:hover, #lbNextHov.grey:visited {
	background: url('images/next_grey_t.png') right 30% no-repeat;
}
#lbNextHov.red:hover, #lbNextHov.red:visited {
	background: url('images/next_red_t.png') right 30% no-repeat;
}
#lbNextHov.green:hover, #lbNextHov.green:visited {
	background: url('images/next_green_t.png') right 30% no-repeat;
}
#lbNextHov.blue:hover, #lbNextHov.blue:visited {
	background: url('images/next_blue_t.png') right 30% no-repeat;
}
#lbNextHov.gold:hover, #lbNextHov.gold:visited {
	background: url('images/next_gold_t.png') right 30% no-repeat;
}
#lbNextHov.orange:hover, #lbNextHov.orange:visited {
	background: url('images/next_orange_t.png') right 30% no-repeat;
}
#lbPrev, #lbPrevTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPrev.black, #lbPrevTop.black {
	background: url('images/prev_black.png') no-repeat;
}
#lbPrev.blackOff, #lbPrevTop.blackOff {
	background: url('images/prev_black_off.png') no-repeat;
	cursor: default;
}
#lbPrev.grey, #lbPrevTop.grey {
	background: url('images/prev_grey.png') no-repeat;
}
#lbPrev.greyOff, #lbPrevTop.greyOff {
	background: url('images/prev_grey_off.png') no-repeat;
	cursor: default;
}
#lbPrev.red, #lbPrevTop.red {
	background: url('images/prev_red.png') no-repeat;
}
#lbPrev.redOff, #lbPrevTop.redOff {
	background: url('images/prev_red_off.png') no-repeat;
	cursor: default;
}
#lbPrev.green, #lbPrevTop.green {
	background: url('images/prev_green.png') no-repeat;
}
#lbPrev.greenOff, #lbPrevTop.greenOff {
	background: url('images/prev_green_off.png') no-repeat;
	cursor: default;
}
#lbPrev.blue, #lbPrevTop.blue {
	background: url('images/prev_blue.png') no-repeat;
}
#lbPrev.blueOff, #lbPrevTop.blueOff {
	background: url('images/prev_blue_off.png') no-repeat;
	cursor: default;
}
#lbPrev.gold, #lbPrevTop.gold {
	background: url('images/prev_gold.png') no-repeat;
}
#lbPrev.goldOff, #lbPrevTop.goldOff {
	background: url('images/prev_gold_off.png') no-repeat;
	cursor: default;
}
#lbPrev.orange, #lbPrevTop.orange {
	background: url('images/prev_orange.png') no-repeat;
}
#lbPrev.orangeOff, #lbPrevTop.orangeOff {
	background: url('images/prev_orange_off.png') no-repeat;
	cursor: default;
}
#lbNext, #lbNextTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbNext.black, #lbNextTop.black {
	background: url('images/next_black.png') no-repeat;
}
#lbNext.blackOff, #lbNextTop.blackOff {
	background: url('images/next_black_off.png') no-repeat;
	cursor: default;
}
#lbNext.grey, #lbNextTop.grey {
	background: url('images/next_grey.png') no-repeat;
}
#lbNext.greyOff, #lbNextTop.greyOff {
	background: url('images/next_grey_off.png') no-repeat;
	cursor: default;
}
#lbNext.red, #lbNextTop.red {
	background: url('images/next_red.png') no-repeat;
}
#lbNext.redOff, #lbNextTop.redOff {
	background: url('images/next_red_off.png') no-repeat;
	cursor: default;
}
#lbNext.green, #lbNextTop.green {
	background: url('images/next_green.png') no-repeat;
}
#lbNext.greenOff, #lbNextTop.greenOff {
	background: url('images/next_green_off.png') no-repeat;
	cursor: default;
}
#lbNext.blue, #lbNextTop.blue {
	background: url('images/next_blue.png') no-repeat;
}
#lbNext.blueOff, #lbNextTop.blueOff {
	background: url('images/next_blue_off.png') no-repeat;
	cursor: default;
}
#lbNext.gold, #lbNextTop.gold {
	background: url('images/next_gold.png') no-repeat;
}
#lbNext.goldOff, #lbNextTop.goldOff {
	background: url('images/next_gold_off.png') no-repeat;
	cursor: default;
}
#lbNext.orange, #lbNextTop.orange {
	background: url('images/next_orange.png') no-repeat;
}
#lbNext.orangeOff, #lbNextTop.orangeOff {
	background: url('images/next_orange_off.png') no-repeat;
	cursor: default;
}
#lbTopData, #lbBottomData {
	float: left;
	text-align: left;
	padding-left: 10px;
}
#lbBottomData {
	padding-bottom: 0.5em;
}
#lbBottomData.black, #lbTopData.black {
	color: #ffffff;
}
#lbBottomData.grey, #lbTopData.grey {
	color: #333333;
}
#lbBottomData.red, #lbTopData.red {
	color: #620000;
}
#lbBottomData.green, #lbTopData.green {
	color: #003300;
}
#lbBottomData.blue, #lbTopData.blue {
	color: #01379E;
}
#lbBottomData.gold, #lbTopData.gold {
	color: #666600;
}
#lbBottomData.orange, #lbTopData.orange {
	color: #D15211;
}
#lbTopNav, #lbBottomNav {
	float: right;
	text-align: right;
	padding-right: 10px;
}
#lbNumTop, #lbNumBottom {
	font-style: italic;
}
#lbDescBottom {
	display: block;
}
#lbTitleTop, #lbTopNav {
	margin-top: 0.3em;
}
#lbTitleTop, #lbTitleBottom {
	display: block;
	font-weight: bold;
}
#lbClose, #lbCloseTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbClose.black, #lbCloseTop.black {
	background: url('images/close_black.png') no-repeat;
}
#lbClose.grey, #lbCloseTop.grey {
	background: url('images/close_grey.png') no-repeat;
}
#lbClose.red, #lbCloseTop.red {
	background: url('images/close_red.png') no-repeat;
}
#lbClose.green, #lbCloseTop.green {
	background: url('images/close_green.png') no-repeat;
}
#lbClose.blue, #lbCloseTop.blue {
	background: url('images/close_blue.png') no-repeat;
}
#lbClose.gold, #lbCloseTop.gold {
	background: url('images/close_gold.png') no-repeat;
}
#lbClose.orange, #lbCloseTop.orange {
	background: url('images/close_orange.png') no-repeat;
}
#lbPrint, #lbPrintTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPrint.black, #lbPrintTop.black {
	background: url('images/print_black.png') no-repeat;
}
#lbPrint.grey, #lbPrintTop.grey {
	background: url('images/print_grey.png') no-repeat;
}
#lbPrint.red, #lbPrintTop.red {
	background: url('images/print_red.png') no-repeat;
}
#lbPrint.green, #lbPrintTop.green {
	background: url('images/print_green.png') no-repeat;
}
#lbPrint.blue, #lbPrintTop.blue {
	background: url('images/print_blue.png') no-repeat;
}
#lbPrint.gold, #lbPrintTop.gold {
	background: url('images/print_gold.png') no-repeat;
}
#lbPrint.orange, #lbPrintTop.orange {
	background: url('images/print_orange.png') no-repeat;
}
#lbPlay, #lbPlayTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPlay.black, #lbPlayTop.black {
	background: url('images/play_black.png') no-repeat;
}
#lbPlay.grey, #lbPlayTop.grey {
	background: url('images/play_grey.png') no-repeat;
}
#lbPlay.red, #lbPlayTop.red {
	background: url('images/play_red.png') no-repeat;
}
#lbPlay.green, #lbPlayTop.green {
	background: url('images/play_green.png') no-repeat;
}
#lbPlay.blue, #lbPlayTop.blue {
	background: url('images/play_blue.png') no-repeat;
}
#lbPlay.gold, #lbPlayTop.gold {
	background: url('images/play_gold.png') no-repeat;
}
#lbPlay.orange, #lbPlayTop.orange {
	background: url('images/play_orange.png') no-repeat;
}
#lbPause, #lbPauseTop {
	width: 26px;
	height: 28px;
	float: right;
	margin: 0 0 1px 8px;
	border: none !important;
}
#lbPause.black, #lbPauseTop.black {
	background: url('images/pause_black.png') no-repeat;
}
#lbPause.grey, #lbPauseTop.grey {
	background: url('images/pause_grey.png') no-repeat;
}
#lbPause.red, #lbPauseTop.red {
	background: url('images/pause_red.png') no-repeat;
}
#lbPause.green, #lbPauseTop.green {
	background: url('images/pause_green.png') no-repeat;
}
#lbPause.blue, #lbPauseTop.blue {
	background: url('images/pause_blue.png') no-repeat;
}
#lbPause.gold, #lbPauseTop.gold {
	background: url('images/pause_gold.png') no-repeat;
}
#lbPause.orange, #lbPauseTop.orange {
	background: url('images/pause_orange.png') no-repeat;
}
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause {
	margin: 0 0 6px 8px;
}
/* Lytetip */
* html a:hover {
	background: transparent;
}
.lytetip {
	outline: none;
	border-bottom: 1px dotted;
	z-index: 24;
	text-decoration: none;
}
.lytetip span {
	color: #000000;
	position: absolute;
	top: 2em;
	left: 0;
	padding: 0.5em 0.8em;
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #F4F5FB;
	border: 1px solid #888888;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px 0px #949494;
	-moz-box-shadow: 1px 2px 3px 0px #949494;
	box-shadow: 1px 2px 3px 0px #949494;
	width: 240px;
	filter: alpha(opacity=95);
	opacity: 0.95;
	text-align: left;
	display: none;
}
.lytetip:hover {
	z-index: 25;
	color: #aaaaff;
	background: black;
	text-decoration: none;
}
.lytetip:hover span {
	display: block;
}
.lytetip:hover em {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding: 0 0 0.6em 0;
}
.lytetip:hover .lbTipImg {
	border: 0;
	margin: -20px 0 0 -36px;
	float: left;
	position: absolute;
	height: 32px;
	width: 32px;
}
.lbErrorImg {
	background: url('images/error.png');
}
.lbInfoImg {
	background: url('images/info.png');
}
.lbHelpImg {
	background: url('images/help.png');
}
.lbWarningImg {
	background: url('images/warning.png');
}
span.lbCustom {
	padding: 0.5em 0.8em 0.5em 1.5em !important;
}
span.lbIEFix {
	padding: 0.5em 0.8em !important;
}
.lytetip .lbError {
	background: #FFE7D7;
	border: 1px solid #FF3334;
}
.lytetip .lbInfo, .lytetip .lbHelp {
	background: #D2EEF7;
	border: 1px solid #2BB0D7;
}
.lytetip .lbWarning {
	background: #FFFFAA;
	border: 1px solid #FFAD33;
}