html {
		font-size: 16px;
}
.alert-type {
		background-color: #B5B2A1;
		border-color: #7D765E;
		border-width: 2px;
		color: #484435;
}
.alert-type a {
		color: #726149;
}
.alert-type a:hover {
		color: #FBF8E4;
}
.alert-type:hover {
		background-color: #B8AE8B;
}
.bg-army {
		background-color: #777B3D;
}
.border-type {
		border-color: #487095 !important;
}
.breadcrumb {
		color: #000000;
		background-image: url(../grafix/bodybg.png);
		padding: .25rem .45rem;
		border: 1px #523A10 solid;
}
.breadcrumb .active {
		color: #000000;
}
.breadcrumb, .breadcrumb a {
		color: #AA0000;
}
.buttons, .buttons span, #sidebarbtn, #rightbarbtn, #topnavbtn {
		display: none;
}
.caption {
		text-align: center;
		font-size: 80%;
		padding: 4px;
		background-color: #ccc;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		margin-top: 1px;
		font-style: oblique;
}
.carousel-indicators {
		bottom: -10px;
}
.carousel-inner .img-fluid {
		display: block;
		width: auto;
		max-height: 59vh;
}
.carousel-inner {
		height: 60vh;
}
.downtab {
		background-color: #B5B2A1;
		color: #fff;
		padding: 4px 6px;
}
.dropdown-toggle {
		white-space: normal;
}
.expand {
		width: 16px;
		height: 16px;
		background-image: url("../grafix/icons/expgray.png");
		float: left;
		margin-top: 4px;
		margin-left: 9px;
}
.fb {
		float: right;
}
.fixed-top {
		padding-top: 3px;
		padding-bottom: 3px;
		margin-bottom: 3px;
}
.form-control:-ms-input-placeholder {
		color: #98B3A6;
}
.form-control::-ms-input-placeholder {
		color: #98B3A6;
}
.form-control::placeholder {
		color: #98B3A6;
		opacity: 1;
}
.grid {
		background-color: #7D765E;
		color: #fff;
		border-color: transparent;
}
.headerbg {
		padding-bottom: 5px;
		margin-bottom: 5px;
}
.input-group-text.grid {
		height: 20px;
		background-color: inherit;
		border: none;
		color: #A4A4A4;
}
.keyim {
		position: relative;
		margin-top: .25rem;
		margin-bottom: .25rem;
}
.linkage, .linkage a {
		display: inline-block;
		margin: .1rem;
		padding: .1rem .2rem;
		border-radius: 4px;
		background-color: #6A6553;
		color: #fff;
}
.linkage:hover {
		background-color: #BAA867;
		color: #000;
		border-radius: 6px;
		text-decoration: none;
}
.meta span {
		white-space: nowrap;
}
.meta, .meta a {
		margin-top: 40px;
		font-size: 80%;
		color: #B7B7B7;
}
.moreim {
		width: 16px;
		height: 16px;
		background-image: url("../grafix/icons/plusgray.png");
		float: right;
		margin: 0 2px 0 0;
}
.navbar-brand img {
		height: 4rem;
}
.navbar-brand {
		color: #fff;
}
.navbar-dark {
		background-color: #4D6A90;
}
.navbar-light {
		background-color: #C2D4EB;
}
.navbar-nav {
		padding: 0px;
}
.overlay {
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		cursor: pointer;
		background-color: #606099;
		opacity: 0.35;
		z-index: 1050;
}
.page-item.disabled .page-link {
		background-color: rgba(181, 178, 161, 0.9) !important;
		pointer-events: none;
		color: #fff;
}
.page-link {
		padding: 7px;
		background-color: rgba(250, 250, 250, 0.7) !important;
}
.page-link:hover {
		border-color: #69634F !important;
}
.postinfo {
		clear: right;
		float: left;
		margin: 5px;
		color: inherit;
		opacity: 30%;
		font-size: 80%;
}
.social {
		float: left;
		margin-right: 5px;
		z-index: 900;
}
.srchresult {
		font-size: 70%;
		font-weight: bold;
		display: block;
		margin: 0 2px 2px 2px;
		padding: 3px;
		background-color: rgba(234, 229, 229, 0.79);
		color: #13220E;
}
.tooltip-inner {
		background-color: #C8C088;
		color: #222;
		font-size: 12px;
}
.tooltip.bs-tooltip-bottom .arrow:before {
		border-right-color: #828282 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
		border-right-color: #828282 !important;
}
.tooltip.bs-tooltip-right .arrow:before {
		border-right-color: #828282 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
		border-right-color: #828282 !important;
}
.typebox {
		position: relative;
		color: #000;
		background-image: linear-gradient(#D9D8D2, #eee, #fff, #eee, #D9D8D2);
		margin-bottom: .5rem;
		padding-top: .5rem;
}
.typecount {
		position: absolute;
		top: 5px;
		font-size: 70%;
		right: 20px;
		color: inherit;
		background-image: linear-gradient(#B5B2A1, #fff, #F6F4E5, #B5B2A1);
}
.xbase {
		width: 100%;
		padding: .1rem;
		margin-top: .5rem;
		margin-bottom: .5rem;
		background-color: #B5B2A1;
}
.xbaseF {
		position: absolute;
		top: 1.7rem;
		width: 100%;
		background-color: #B5B2A1;
}
.xbox {
		background-color: #eee;
		color: #000;
		border: 2px indigo solid;
		margin: 5px;
		padding: 3px 3px 7px 3px;
		font-size: 80%;
		border-radius: 4px;
		z-index: 900;
}
.xspacer {
		position: relative;
		height: 1.7em;
		width: 100%;
}
.btn-type {
		background-color: rgba(181, 178, 161, 0.48);
		font-size: 70%;
		border-color: #7D765E;
		border-width: 2px;
		color: #484435;
		padding: .1rem .4rem;
}
#contactcard {}
#grid.form-inline {
		z-index: 900;
		position: absolute;
		bottom: 5px;
		right: 9rem;
		width: 8rem;
}
#hbg-center {
		position: relative;
		color: #000;
		background-color: #eee;
		padding-top: .75rem;
		padding-bottom: .75rem;
}
#hbg-downtabs .nav-link {
		padding: .3rem;
		margin-right: 4px;
		border: 1px #999 solid;
		border-top: none;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem;
}
#hbg-downtabs .nav-link, #hbg-undertabs .nav-link {
		font-size: 85%;
		background-color: #eee;
}
#hbg-downtabs .nav-link.active {
		background-color: #fff;
		padding-left: .5rem;
		padding-right: .5rem;
		border-top: 1px #BFBFBF solid;
		color: #FBF8E4;
}
#hbg-downtabs .nav-tabs, #hbg-undertabs .nav-tabs {
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
}
#hbg-downtabs select.custom-select {
		height: 2rem;
		padding: .2rem 1.5rem .2rem .35rem;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: .5rem;
		border-bottom-right-radius: .5rem;
		background-color: #E2DDD8;
		font-size: 90%
}
#hbg-footer {
		position: relative;
		background-color: #AE2020;
		background-image: url("../grafix/headerbg.jpg");
		min-height: 5rem;
		line-height: 1rem;
		padding: 5px 15px;
		color: #fff;
		border-top: 1px red solid;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
}
#hbg-footer a {
		color: #F7FFDA;
}
#hbg-footer p {
		color: #fff;
}
#hbg-footer a.login {
		color: #343a40;
		position: absolute;
		bottom: -10px;
		right: -10px;
}
#hbg-footermenu {
		clear: both;
		text-align: center;
		justify-content: center;
		padding-bottom: 7px;
}
#hbg-footermenu .nav-link {
		padding: .1rem .2rem;
		color: #ccc;
		font-size: 90%;
		white-space: nowrap;
		font-weight: normal;
		border-radius: 4px;
}
#hbg-footermenu .nav-link:hover {
		color: #fff;
}
#hbg-header {
		position: relative;
		color: #fff;
		padding: 0;
		margin-bottom: 0px;
		padding-bottom: 0px;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
}
#hbg-header a {}
#hbg-undertabs .nav-link {
		padding: .25rem .5rem;
		margin-right: 2px;
		border-top-color: #999;
		border-left-color: #999;
		border-right-color: #999;
		border-bottom-color: #BFBFBF;
}
#hbg-undertabs .nav-link:hover {
		background-color: #fff;
		border-bottom-color: #eee;
}
#hbg-undertabs .nav-link.active {
		border-top-color: #999;
		border-left-color: #999;
		border-right-color: #999;
		border-bottom-color: #fff;
		background-color: #fff;
}
#hbg-undertabs {
		margin-bottom: 0;
		padding-bottom: 0;
}
#hbg-undertabs .nav-tabs {}
#hbg-undertabs div.fade {
		position: absolute;
		bottom: auto;
		z-index: 100;
		padding-bottom: 5px;
		background-color: #DEE2E6;
}
#hbg-undertabs li.fade {
		margin-left: 5px;
}
#hbg-undertabs ul {
		margin-bottom: 0;
		border: none;
}
#hbg-wrap {
		background-color: #C8C088;
		position: absolute;
		top: 0;
		left: 0;
		min-height: 100%;
		width: 100%;
		padding: 0 0 30px 0;
		z-index: 10;
		background-image: url(../grafix/bodybg.jpg);
}
#hot {
		position: relative;
		background-color: #fff;
		margin: 0 5px 10px 5px;
		padding: 0;
		border-bottom-right-radius: 7px;
		border-bottom-left-radius: 7px;
		color: #000;
}
#hot a {
		color: #222;
}
#hot h5 {
		background-color: #dc3545;
}
#loginbadge {
		position: absolute;
		top: 2px;
		right: 2px;
		font-size: .7em;
		padding: 1px;
		margin: 2px;
		z-index: 1250;
		color: #fff;
		opacity: .5;
}
#loginbadge a {
		color: inherit;
		padding: 5px;
}
#results {
		position: absolute;
		z-index: 1100;
		width: 90%;
		left: 4%;
		top: 25px;
		padding: 12px 5px;
		margin: 1px;
		border: 1px #273556 solid;
		border-bottom-width: 3px;
		border-left-width: 3px;
		border-radius: 7px;
		background-color: rgba(234, 229, 229, 0.90);
		color: #13220E;
}
#rightbar .active {
		background-color: #C0C0C0;
}
#rightbar {
		z-index: 1220;
		background-color: #eee;
}
#rightbarcontent html {
		font-size: 12px;
}
#leftbarcontent html {
		font-size: 12px;
}
#rightbar li.nav-item {
		padding: .15rem 0;
		margin: 0;
		border-bottom: 2px solid red;
		height: auto;
}
#search {
		position: relative;
		height: 26px;
		padding: 2px 0;
}
#searchform {
		position: absolute;
		bottom: 2px;
		right: 10px;
}
#sidebar .nav-item.active .nav-link {
		color: #000;
}
#sidebar {
		background-color: #eee;
}
#sidebar html {
		font-size: 12px;
}
#sidebar a:hover {
		color: #000;
}
#sidebar div.fade {
		position: absolute;
		bottom: auto;
		right: 2px;
		z-index: 400;
		background-color: inherit;
}
#sidebar li div {
		border-bottom: 1px solid red;
}
#sidebar li li.nav-item {
		padding: .1rem 0;
		margin: 0;
		border-bottom: none;
		height: auto;
}
#sidebar li.nav-item {
		list-style: none;
		padding: .2rem 0;
		margin: 0;
		border-bottom: 2px solid red;
		height: auto;
		text-align: right;
}
#sidebar li.nav-item.active, #rightbar li.nav-item.active {
		background-color: #B8AE8B;
		font-weight: bold;
}
#sidebar p {
		text-align: right;
}
#sidebar ul {
		padding-bottom: 10px;
}
#sled {
		height: 65vh;
		position: relative;
		padding: 20px 0;
		margin-bottom: 25px;
}
#submitsrch {
		position: absolute;
		top: 0px;
		right: -1px;
		z-index: 900;
		font-size: 15px;
		background: none;
		border: none;
}
#topnavbar {
		font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
		padding-top: 15px;
		justify-content: center;
		font-size: 105%;
}
#topnavbar ul {
		flex-flow: wrap !important;
		justify-content: center;
}
#topnavbar .nav-item {
		text-align: center;
		position: relative;
		padding: 1px;
		margin: 0;
		border-radius: 6px;
}
#topnavbar .nav-item.active {
		background-color: #fff;
}
#topnavbar .nav-link:hover, #topnavbar .nav-item.active .nav-link:hover {
		background-color: #E1D48E;
		color: #000;
}
#topnavbar .nav-item.active .nav-link {
		color: #fff;
}
#topnavbar .nav-item.active {
		background-image: linear-gradient(to bottom, #9D955A 27%, rgba(225, 212, 142, 0.15));
}
#topnavbar .nav-link {
		padding: 2px 4px;
		background-image: linear-gradient(to bottom, #9D955A 27%, rgba(225, 212, 142, 0.15));
		margin: 2px;
		border-radius: 6px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color: #fff;
		white-space: nowrap;
}
#topnavbar a.dropdown-item:hover {
		color: #E1D48E;
}
#topnavbar li div {}
#topnavbar li li ul {
		margin-top: 6px;
		padding: 6px 0px 6px 3px;
		min-width: 6rem;
		background-color: #3c3e1f;
}
#topnavbar li li.nav-item {
		padding: 3px 1px;
		margin: 0px 2px;
		min-width: inherit;
}
#topnavbar li ul {
		background-color: #3c3e1f;
}
#topnavbar li ul {
		margin-top: 0px;
		padding: 8px 0px 8px 0px;
		min-width: 8rem;
}
#topnavbar li ul li.nav-link {
		padding: 2px;
		margin: 2px;
}
#topnavbar ul {
		text-align: right;
		margin: 0px;
		padding: 5px 0px;
		border-bottom-left-radius: 18px;
		border-bottom-right-radius: 18px;
}
#topper {
		position: fixed;
		font-size: .9rem;
		line-height: .8rem;
		z-index: 900;
		width: 25px;
		bottom: 45px;
		right: 0;
		text-align: right;
		color: #fff;
		background-color: rgba(99, 84, 20, 0.3);
		padding: 2px 4px;
}
a {
		color: #7C410E;
}
a:hover {
		color: inherit;
}
a.navbar-brand:hover {
		color: #FFECCD;
}
a.xfiles {
		background-image: url("../grafix/icons/folder.png");
}
a.ximages {
		background-image: url("../grafix/icons/img.png");
}
a.ximages, a.xfiles {
		padding: 5px 3px 3px 24px;
		margin: 4px 3px 4px 5px;
		background-size: contain;
		background-position: left top;
		background-repeat: no-repeat;
		font-size: 80%;
}
body {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
		background-color: #eee;
		color: #000;
}
.headerbg, #topnavmenu, #hbg-header {
		background-image: url("../grafix/headerbg.jpg");
}
div.row {}
div#sidebar {
		background-color: #eee !important;
}
header {
		position: relative;
}
input#srch {
		width: 4.5rem;
		background-color: rgba(100, 100, 100, 0.40);
}
input#srch, #grid select {
		height: 26px;
		padding: 2px;
		border-color: rgba(204, 204, 204, 0.70);
		border-radius: 4px;
		background-color: rgba(100, 100, 100, 0.40);
		color: #98B3A6;
}
input#srch:focus {
		width: 8rem;
		background-color: rgba(0, 0, 0, 0.40);
}
p {
		color: #000;
		font-family: "Lucida Bright", Constantia, "DejaVu Serif", Georgia, "serif";
		margin: 0px 2px 3px 0px;
		padding: 2px;
		line-height: 1.4;
}
ul {
		border-bottom-left-radius: 7px;
		border-bottom-right-radius: 7px;
}
ul#hbg-downtabs {
		margin-top: 0px;
}
@media (max-width: 767.98px) {
		html {
				font-size: 14px;
		}
		.buttons {
				display: inline-block;
				float: left;
				margin: 2px 10px;
				padding-top: 10px;
				text-align: center;
				z-index: 700;
		}
		.buttons span {
				display: inline;
				color: inherit;
				opacity: .7;
		}
		.offcanvas-collapse {
				position: absolute;
				top: 5rem;
				bottom: 0;
				width: 12rem;
				padding-right: 0rem;
				padding-left: 0rem;
				overflow-y: auto;
				background-color: var(--gray-dark);
				transition: -webkit-transform .3s ease-in-out;
				transition: transform .3s ease-in-out;
				-webkit-transform: translateX(-350px);
				transform: translateX(-350px);
				z-index: 1000;
		}
		.offcanvas-collapse.open {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
		}
		.rightbar-collapse {
				position: fixed;
				top: 5rem;
				bottom: 0;
				right: 0px;
				width: 12rem;
				padding-right: 0rem;
				padding-left: .5rem;
				overflow-y: auto;
				background-color: var(--gray-dark);
				transition: -webkit-transform .3s ease-in-out;
				transition: transform .3s ease-in-out;
				-webkit-transform: translateX(300px);
				transform: translateX(300px);
				z-index: 1000;
		}
		.rightbar-collapse.open {
				-webkit-transform: translateX(0px);
				transform: translateX(0px);
		}
		#rightbar {}
		#rightbar.offcanvas-collapse.open {
				z-index: 1100;
		}
		#rightbarbtn {
				margin-left: 40px
		}
		#sidebar {
				min-width: 170px;
		}
		#sidebar {
				position: fixed;
				top: 15vh;
				max-height: 80vh;
		}
		#sidebar.offcanvas-collapse.open {
				z-index: 1100;
		}
		#sidebarbtn, #rightbarbtn, #topnavbtn {
				display: inline-block;
				background-color: rgba(200, 192, 136, 0.4);
				color: #C8C8C8;
				line-height: .9rem;
				white-space: nowrap;
				padding: 5px 6px;
				border: 1px #C8C8C8 solid;
		}
		#sidebarbtn:hover, #rightbarbtn:hover, #topnavbtn:hover {
				color: #1B5926;
				background-color: #eee;
		}
		#sidebarbtn {
				margin-right: 5px;
		}
		#topnavbar {
				background-image: url("../grafix/headerbg.jpg");
				padding-top: 10px;
				position: absolute;
				top: 0rem;
				left: .5rem;
				right: .5rem;
				z-index: 1200;
			border-bottom-left-radius: 8px;
			border-bottom-right-radius: 8px;
		}
		#indextopnavbar.navbar-collapse {
				position: absolute;
				top: 4rem;
				z-index: 1200;
		}
		#indextopnavbar.navbar-collapse {
				padding: 5px 10px;
				background-image: radial-gradient(circle at right top, #140811 21%, #1D3477 47%);
		}
}
@media (max-width: 567.98px) {
		.buttons {}
}
