/* fill-width bordered header */
.mhead {
	text-align: center;
	position: relative;
        width: 100%;
        height: auto;
	display: block;
	border-style: groove;
	border-width: medium;
	border-color: #E6E8E7;
	margin: 0;
	padding: 1;
	}

/* left-leaning header (usually for image) */
.lhead {
	top: 0px;
	left: 0px;
	position: absolute;
	text-align: left;
	float: left;
	display: block;
	border-style: groove;
	border-width: medium;
	border-color: #E6E8E7;
	}
/* sub-header that goes below image */
.nhead {
	top: 80px;
	left: 0px;
	width: 320px;
	height: 60px;
	margin: 0em;
	padding-top: 0em;
	position: absolute;
	text-align: center;
	float: left;
	border-style: groove;
	border-width: medium;
	border-color: #E6E8E7;
}
/* right-leaning header with scrollbar */
.rhead {
        display: block;
	top: 0px;
	position: relative;
	left: 320px;
	overflow: scroll;
	margin: 0;
	padding: 0;
	max-width: 75%;
	height: 140px;
	border-style: groove;
	border-width: medium;
	border-color: #E6E8E7;
}

/* right-leaning header with scrollbar */
.rspace {
        display: block;
	top: 0px;
	position: relative;
	left: 320px;
	overflow: hide;
	margin: 0;
	padding: 0;
	max-width: 75%;
	height: 80px;
}
.rspace2 {
        display: block;
	top: 0px;
	position: relative;
	left: 320px;
	overflow: hide;
	margin: 0;
	padding: 0;
	max-width: 75%;
	height: 100px;
}


.title {
	position: relative;
	z-index: 5;
	left: 5px;
	margin: 0;
	padding: 0;
	top: 0px;
	width: 90%;
}

/* place to put buttons */
.menu_bar {
  max-width:50%;
  position: relative;
  background-color: #663300;
  padding: 5px;
  outline: 3px groove #1a0d00;
  display:flex;
  flex-flow: row wrap;
}

/* A button */
.nav_button {
  padding: 1px 20px;
  font-size: 1em;
  text-align: center;
  cursor: pointer;
  outline: 1px solid #663300;
  color: #ffffff;
  background-color: #b35900;
  border: none;
  border-radius: 5px;
  box-shadow: 0 3px #0;
  margin:1;
}

/* a button considered */
.nav_button:hover {background-color: #994d00; }

/* a button pushed */
.nav_button:active {
  color:#ffbf80
  background-color: #994d00;
  box-shadow: 0 0 1 3 #331a00 inset;
  transform: translateY(2px);
}
/* div for drop menu */
.drop_div {
   float: left;
   overflow: hidden;
}
/* drop-down menu for button */
.drop_menu {
  display: none;
  position: absolute;
  background-color: #b35900;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* what to do with what's in it. */
.drop_menu a {
  float: block;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* How to turn it on */
.show {
  display: block;
}

/* Index item that can collapse */
.accordian{
  padding: 0%;
  background: rgba(0,0,0,0);
  box-shadow:0 0 0 0;
  border: none;
  color:#000000;
}

/* One onder consideration */
.accordian:hover, .link_button:hover {
  color: #cc0000;
}

/* something to do with showing the uncollapsed item */
.accordian:after {
  content: '\02795';
  font-size: 15px;
  margin-left: 20px;
  border: none;
  float: right;
}

/* more of the same */
.active:after {
  content: '\02796';
  float: right;
  border: none;
}

/* index item with a link */
.link_button{
  padding: 0%;
  background: rgba(0,0,0,0);
  box-shadow:0 0 0 0;
  border: none;
  color:#000000;
}

/* the collapsible bit */
.panel {
  background: rgba(0,0,0,0);
  display: block;
  overflow: hidden;
}

.heading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: normal;
	font-weight: bold;
	margin: 0em;
        background: rgba(0,0,0,0);
}

.l1 { padding-left: 0em; }
.l2 { padding-left: 0.75em; }
.l3 { padding-left: 1.25em; }
.l4 { padding-left: 2em; }
.l5 { padding-left: 2.5em; }
.l6 { padding-left: 3em; }

.content {
	position: static;
	z-index: 10;
	top: 160px;
	overflow: visible;
	text-align: left;
	left: 0em;
	margin-top: 0em;
	vertical-align: text-top;
	display: block;
}

.subcontent {
	position: static;
	z-index: 10;
	top: 160px;
	overflow: visible;
	text-align: left;
	left: 0em;
	margin-top: 0em;
	vertical-align: text-top;
	display: block;
}

.footer {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	display: block;
	padding: 0px;
	position: relative;
	border-style: groove;
	border-width: medium;
	border-color: #E6E8E7;
	margin: 0;
	z-index: 10;
}