body {
	padding-top: 120px;
	background: #f2d4ac;
	color: #403020;
	margin-left: auto; margin-right: auto; width: 98%;
	font-family: Helvetica, Arial, sans-serif
}
@media print {
	a,a:visited { color: #888; background: #eee; border-bottom: 1px dotted #bbb; }
}
pre,code { font-family: Courier, monospace; text-align: left; color: #403020; }
code{font-size:0.95rem;}

/* "overflow: auto;" corrects behavior for lists
   to the right of left-floated objects.
   Smaller padding-left aligns better. */
ul,ol { overflow: auto; padding-left: 2em; }
.navbar ul { overflow: visible; }

/* Images always in front (visible) and responsive */
img { z-index: 100; position: relative;
	height: auto; max-width: 100%; }
div { max-width: 100%; }

/* Enforce minimum paragraph & header width. */
p:before{content:"";width:9em;display:block;overflow:hidden;}
@media(min-width:767px){p:before{content:"";width:11em;display:block;overflow:hidden;}}
p { padding-top: 1px; }
h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
	content: ""; width: 8em; display: block; overflow: hidden; }
h1,h2,h3,h4,h5,h6 { padding-top: 3px; }
/* Enforce max paragraph width for readability */
p { max-width: 55em; }
ul,ol { max-width: 50em; }
p,ul,ol { margin-left: auto; margin-right: auto; }
pre,table { max-width: 60em; margin-left: auto; margin-right: auto; }
h1,h2,h3,h4,h5,h6 { max-width: 600pt; margin-left: auto; margin-right: auto; }
/* Full-width headers above grids: */
h1.fw,h2.fw,h3.fw,h4.fw,h5.fw,h6.fw { margin-left: 1em; }

/* Table defaults -- this is like the old cellspacing="0" */
table { border-collapse: collapse; border-spacing: 0; text-align: left; margin-bottom: 5px; }
td { vertical-align: top; padding: 5px; }

/* Table-like displays, div and nav */
.tabled{display:table;max-width:50rem;margin:auto;padding:10px;}

header {
	text-align: center;
	/* Order: top, right, bottom, left */
	padding: 0;
	margin:  0px 0px 5px 0px;
}
header h1, header h2 {
	margin: 4px auto;
	padding: 2px;
}

.centered { text-align: center; }

.bordered { background: #e8f0d0; }
.bordered, .canvased, .paper, table.bordered td { border: 1px solid black; }
p.bordered, p.canvased, p.paper { padding: 5px; }
img.bordered { margin-top: 3px; margin-bottom: 10px; }
img.captioned { margin-bottom: 0; padding-bottom: 0; }
div.bordered, div.canvased, div.paper, pre.bordered, pre.canvased, pre.paper {
	z-index: 0; position: relative;
	padding: 2px 5px 2px 5px;
}
div.comment,aside.comment{margin-top:15px;}
.canvased { background-image: url(/pictures/canvas.png); }
.paper { background-image: url(/pictures/paper.png); }
.camo { background-image: url(/pictures/camouflage-desert-108x90.jpg); }

p.caption {
	z-index: 101; position: relative;
	background: #c0c0c0;
	font-size: 80%;
	padding: 1px 2px 1px 2px;
	margin: 0 auto;
	margin-bottom: 5px;
	text-align: left;
}
.textleft{text-align:left;}
.textright{text-align:right;}
.vmiddle{vertical-align: middle;}
.highlighter{background:yellow;}
.underlined{text-decoration:underline;}

.max40{max-width:40%;}
.max45{max-width:45%;}
.max48{max-width:48%;}
.max50{max-width:50%;}
/* width >50% prevents flow */
.fl{float:left;margin-right:20px;}
.fr{float:right;margin-left:20px;}
.clfl{clear:left;padding-top:10px;float:left;margin-right:20px;}
.crfr{clear:right;padding-top:10px;float:right;margin-left:20px;}
.cl{clear:left;padding-top:10px;}
.cr{clear:right;padding-top:10px;}
.cb{clear:both;padding-top:10px;}
.cl0{clear:left;}
.cr0{clear:right;}
.cb0{clear:both;}

button a {
	color: #10b040;
}
button a:hover {
	color: #088030;
	background: #c0ffe0;
	text-decoration: none;
}

.navtable {
	margin-left: 0;
	padding: 2px;
	background: #adf;
	text-align: center;
	width: 164px;
	border: 1px solid black;
}
/* for HTML 5 on old browsers */
header,section,footer,aside,nav,article,figure { display: block; }

/* Google responsive ads */
/* Start banner at 310px, 320px banner needs about 330px viewport. */
/* Keep banner short in header area so some page starts to appear. */
/* Ad sizes: https://support.google.com/adsense/answer/6002621?hl=en */
.responsive-banner { width: 310px; height: 100px; }
@media(min-width:  330px) { .responsive-banner { width: 320px; height: 60px; } }
@media(min-width:  500px) { .responsive-banner { width: 468px; height: 60px; } }
@media(min-width:  767px) { .responsive-banner { width: 728px; height: 90px; } }
@media(min-width:  976px) {
	.responsive-banner { width: 970px; height: 250px; }
	header > .adsbygoogle { width: 970px; height: 90px; }
}
.responsive-rectangle { width: 300px; height: 250px; }
@media(min-width: 806px) { .responsive-rectangle { width: 336px; height: 330px; } }
.responsive-skyscraper { width: 120px; height: 600px; }
@media(min-width: 400px) { .responsive-skyscraper { width: 160px; height: 600px; } }
@media(min-width: 1000px) { .responsive-skyscraper { width: 320px; height: 600px; } }
.fixed-skyscraper { width:100%; height:300px; }
@media(min-width: 768px) { .fixed-skyscraper { width:100%; height:720px; } }

/* Changes to the "spacelab" theme */

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .container .jumbotron {
    padding-right: 30px;
    padding-left: 30px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 50px;
    margin-top: 5px;
  }
}

.row { margin:auto; }
table { font-size: 100%; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #88bb88;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { color: #382820; }
/*%%%
body { font-size: 12pt; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }
h5 { font-size: 10pt; }
h6 { font-size:  9pt; }
@media (min-width: 400px) {
  h1 { font-size: 18pt; }
  h2 { font-size: 17pt; }
  h3 { font-size: 16pt; }
  h4 { font-size: 15pt; }
  h5 { font-size: 14pt; }
  h6 { font-size: 12pt; }
}
@media (min-width: 767px) {
  h1 { font-size: 24pt; }
  h2 { font-size: 22pt; }
  h3 { font-size: 20pt; }
  h4 { font-size: 18pt; }
  h5 { font-size: 16pt; }
  h6 { font-size: 14pt; }
}
%%%*/

.navbar {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-image: -webkit-linear-gradient(#277c34, #224e37 50%, #1f4832);
  background-image: linear-gradient(#277c34, #224e37 50%, #1f4832);
  background-repeat: no-repeat;
  border: 1px solid #347855;
}
/*** original:
  background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  ***/
.dropdown-header { color: #888; } /* was #777 */
@media  (max-width:575.98px) {
	.dropdown-item {
		padding: 0.2rem 0.25rem;
		font-size: 0.8rem;
	}
	.dropdown-header {
		padding: 0.2rem 0.25rem;
		font-size: 0.8rem;
	}
	.nav-link {
		padding: 0.2rem 0.25rem;
		font-size: 0.8rem;
	}
	.nav-item {
		padding: 0.2rem 0.25rem;
		font-size: 0.8rem;
	}
}

/* Limit dropdown menu width, from http://jsfiddle.net/KyleMit/6cu8f43m/ */
.dropdown{position:static;}
.dropdown > .dropdown-menu {
    left: auto;
    position: absolute;
}
dropdown > .dropdown-menu > li > a {
   white-space: normal;
}

/* Keep text within buttons */
.btn{white-space:normal;margin-bottom:2px;}

/***
.container { width: 100%; padding-right: 5px; padding-left: 5px; }
***/
.container { width: 100%; padding-right: 0; padding-left: 0; }

.featurebox { max-width: 50%; }
@media (max-width: 767px) {
	.featurebox { max-width: 100%; }
	.container { padding: 0; }
}
.navbar { font-size: 14px; }
.navbar-brand { font-size: 18px; }
.dropdown-menu { font-size: 14px; }
@media (min-width: 1024px) {
	.navbar { font-size: 14px; }
	.navbar-brand { font-size: 18px; }
	.dropdown-menu { font-size: 12px; }
}


/* For 340px Android viewport:
	Reduce minimum paragraph & header minimum width.
	Reduce leftnav* width. */
@media (max-width: 340px) {
	p:before { content: ""; width: 110px; display: block; overflow: hidden; }
	p { padding-top: 1px; }
	h1:before, h2:before, h3:before, h4:before {
		content: ""; width: 110px; display: block; overflow: hidden; }
	h1, h2, h3, h4 { padding-top: 2px; }
	.navtable { width: 132px; padding: 1px; }
	.navimg { width: 130px; }
}

/* No left/right padding for col-12, and little padding for col-1 through
   col-11, on small displays */
@media(max-width:767px) {
 .col-12 {padding-left:0;padding-right:0;}
 .col-1 {padding-left:5px;padding-right:5px;}
 .col-2 {padding-left:5px;padding-right:5px;}
 .col-3 {padding-left:5px;padding-right:5px;}
 .col-4 {padding-left:5px;padding-right:5px;}
 .col-5 {padding-left:5px;padding-right:5px;}
 .col-6 {padding-left:5px;padding-right:5px;}
 .col-7 {padding-left:5px;padding-right:5px;}
 .col-8 {padding-left:5px;padding-right:5px;}
 .col-9 {padding-left:5px;padding-right:5px;}
 .col-10 {padding-left:5px;padding-right:5px;}
 .col-11 {padding-left:5px;padding-right:5px;}
}

.dropdown li { border-bottom: 1px solid #ccc; }

.btn { padding: 6px; margin-top: 4px; }
.btn-warning {
	color: #ffffff;
	background-color: #c45500;
	border-color: #c45500;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #9b4e00;
	border-color: #874300;
}
.btn-warning,
.btn-warning:hover {
	background-image: -webkit-linear-gradient(#ef8c11, #c46500 50%, #b05a00);
	background-image: linear-gradient(#ef8c11, #c46500 50%, #b05a00);
	background-repeat: no-repeat;
	border: 1px solid #914900;
	/* filter: none; */
}