body, th, td, p { color: #000000; }
html, body { height:100%; }

a {
	text-decoration: none;
}

h1 {
	color: #f57f00}

h2 {
	color: #b15b00}

h3 {
	color: #834402}

.page-content {
	min-height: calc(100vh - 146px);
}

.main-content {
	max-width: 992px;
}

.nsa-border {
	border-color: #000000 !important;
}

.posting {
	border-bottom: solid #000000  2px;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

.posting {
	border-bottom: solid #000000  2px;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}

#stereoImageModal .modal-header {
	background-color: #fff4e9;
}

#stereoImageModal .modal-body {
	background-color: black;
}

#stereoImageContainer {
	max-width: 100%;
	white-space: nowrap !important;
}

div.stereo-row {
	display: flex;
	flex-wrap: wrap;
}

div.stereo-container {
	position: relative;
	overflow: hidden;
}

div.stereo-container::after {
	position: absolute;
	background-image: url('images/3d_blammy.png');
	content: '';
	top: 0;
	right: 0;
	width: 85px;
	height: 85px;
	pointer-events: none;
}

div .stereo-container + .stereo-container {
	margin-left: 12px;
  }

img.stereo {
	width: 100px;
	height: 75px;
	cursor: pointer;
}

.stereo-viewer-nav {
	position: absolute;
	width: 32px;
	height: 100%;
	top: 0;
	display: flex;
	text-align: center;
	align-items: center;
	font-size: 32px;
	color: white;
	pointer-events: none;
}

.stereo-viewer-nav-left {
	left: 0;	
}

.stereo-viewer-nav-right {
	right: 0;
}

.stereo-viewer-nav svg {
	width: 1em;
	height: 1em;
}

.anaglyph-image {
	max-width: 100%;
}

.parallel-image, .cross-image {
	max-width: 50%;
}

table.headertexttablekludge { background: none }
.corner {
	width: 214px;
}
.topbar {
	background-color: #c5c5c5;
	border-left: solid #000000  2px;
}

.supertitle, .subtitle ,.title { }
.supertitle { font-weight: bold; font-size: 17px; color: #000000; text-align: center; }
.title    {  font-weight: bold; font-size: 33px; color: #000000; text-align: left; padding: 0 0 0 0px;}
.subtitle { font-weight: bold;  font-size: 12px; color: #000000 ; text-align: right; padding: 0 10px 0 0}


.sidebar {  background-color: #ced7a0; 
	border-bottom: solid  #000000  2px; }

fooa.nav-link {  color:#1d442a; font-weight: bold; font-size: 13px; text-decoration: none; 
	text-align: left ; 
	padding: 6px 0 0 6px;
	display: block; height: 25px; width: 208px;}
	
.navbar-toggler {
	color: #000000 !important;
	background-color: #fff4e9 !important;
	border-color: #000000 !important;
}

.nav-link {
	color: #1d442a;
	font-weight: bold;
	line-height: 1rem;
	border-bottom: solid #000000  2px; 
}

.nav-link.menu:hover, .nav-link.menuconv:hover {
	color: #d9cae3;  
	background-color: #d76e00;
}
	
.nav-link.selectedmenu:hover, .nav-link.selectedmenuconv:hover {
	color: #1d442a;
}
.menu, .menu a, .menu a:link, .menu a:visited {
	background-color: #c5c5c5;
}

.menuconv, .menuconv a .menuconv a:link, .menuconv a:visited {
	background-color: #9993c7;
}

.nav-link.selectedmenu, .nav-link.selectedmenuconv, .nav-link.selectedmenucomp  {
	background-color: #fff4e9;
	cursor: default;
}

.social-links {
	width: 214px;
}

.social-links a {
	padding: initial;
	display: initial;
	height: auto;
	width: auto;
}
	
.social-links td {
	height: auto;
	width: auto;
	margin: 0;
	padding: 0; 
	border: initial;
	text-align: center;
}

.sidebar {
	border-top: solid #000000  2px; 
}

td.menu a:hover, td.menu a:active, td.menuconv a:hover, td.menuconv a:active, td.menucomp a:hover, td.menucomp a:active
	{ color:#d9cae3;  
	background-color: #d76e00;;   }
 
.sidebar td.selectedmenu a, .sidebar td.selectedmenuconv a, .sidebar td.selectedmenucomp a {
	background-color: #fff4e9;
}

.main {
	width: 100%;
	padding: 12px;
	background-color: #fff4e9;
	vertical-align: top;
	border-top: solid #000000  2px; 
	border-left: solid #000000  2px;
}
	
.main a:link     { color: #921d1d;}
.main a:visited  { color: #921d1d; }
.main a:hover, .main a:active   { color: #921d1d; }

.main a.btn, .main button.btn {
	color: white;
	background-color: #5448b0;
	border-color: #5448b0;
}

.main a.btn:hover, .main button.btn:hover {
	background-color: #782daf;
	border-color: #782daf;
}

.time { font-size: 10px }
.event { font-size: 11px }
.location { font-size: 10px }
.nsatable {
	border: 2px solid #000000;
}
.nsatable th {  padding: 3px 12px; text-align:left}
.nsatable td {  padding: 3px 12px}
.nsatable tr.header {  background-color: #d76e00;   }
.nsatable tr.even, .nsatable td.field {  background-color: #fff4e9;     }
.nsatable tr.odd, .nsatable td.label {  background-color: #c5c5c5;     }
.nsatable tr.alteven, .nsatable td.altfield {  background-color: #b3d6db;     }
.nsatable tr.altodd, .nsatable td.altlabel {  background-color: #c6e9ee;     }
.nsatable td.label {  vertical-align:top; text-align: right;}
.nsatable td.field {  vertical-align:top}

.nsatable-striped tr:nth-child(2n+2) { background-color: #c5c5c5; }
.nsatable-striped tr:nth-child(2n+3) { background-color: #fff4e9; }

li { margin-bottom: 5px}

.subtle { font-size:90%}

.px6 { font-size: 6px }
.px7 { font-size: 7px }
.px8 { font-size: 8px }
.px9 { font-size: 9px }
.px9bld { font-weight: bold; font-size: 9px }
.px10 { font-size: 10px }
.px11 { font-size: 11px }
.px12 { font-size: 12px }
.px12bld { font-weight: bold; font-size: 12px;  }
.px13 { font-size: 13px }
.px14 { font-size: 14px }
.px14bld { font-weight: bold; font-size: 14px }
.px15 { font-size: 15px }
.px18bld { font-weight: bold; font-size: 18px }

.subhead { font-weight: bold; font-size: 14px ; }
.error { color: #FF0000; font-weight: bold; }
.red { color: #FF0000;  }

.credit { font-size: 10px ; color: #666666 ; padding: 6px}
.credit a:link, .credit a:visited        { color: #888888 }
.credit a:hover, .credit a:active  { color: #888888 }

.clickable { cursor: pointer; }

.backcolor {background: #000000;  color:#ffffff;}
.buttontxt {background: #1d442a; color:#ffffff ;}
.txtlinkscolor {background: #921d1d; }
.txtlinkscolorhvr {background: #921d1d; }
.txtlinkscolorvst {background: #921d1d; }
.sbcolor {background-color: #ced7a0; color: #1d442a;}
.sbbutton {background: #c5c5c5;  color: #1d442a;}
.convbutton {background: #9993c7;  color: #1d442a;}
.rollovbutton {background: #d76e00;  color: #d9cae3;}
.rollovtxt {background: #d9cae3;}
.maincolor {background: #fff4e9;   color: #000000;}
.whitish {background: #ffffff; }
.tblhdr {background: #d76e00; }
.tblodd {background: #c5c5c5; }
.tbleven {background: #fff4e9; }
.tblalthdr {background: #347b91; }
.tblaltodd {background: #c6e9ee; }
.tblalteven {background: #b3d6db; }
.tablebg {background: #191500;   color:#ffffff;}

@media(max-width:991px) {
	#navMenu > .modal-dialog {
		max-width: 90%;
		margin: 0;
		background-color: #fff4e9;
		border-right: solid #000000  2px;
		border-bottom: solid #000000  2px;
		pointer-events: auto;
	}
	.navbar {
		padding-left: .5rem;
		padding-right: .5rem;
	}
	.corner {
		width: auto;
	}
	.topbar {
		font-size: 2rem;
		font-weight: 800;
	}
	.main {
		border-left: none;
	}
	.main-content, .home-content {
		width: auto;
	}
}

@media(min-width:992px) {
	#navMenu, #navMenu.show {
		display: block !important;
		position: relative;
		left: 0;
		top:0;
		width: 214px;
	}
	#navMenu > .modal-dialog {
		margin: 0;
		border-top: solid #000000  2px;
		pointer-events: auto;
		transform: none;
	}
	#navMenu.fade {
		opacity: 1;
	}
	.navbar {
		padding: 0;
	}
	.topbar {
		font-size: 3rem;
		font-weight: 800;
	}
	.main-content, .home-content {
		width: calc(100vw - 256px);
	}
}