fieldset {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
	min-width: 0;
	max-width: none;
}
.table-responsive { overflow-x: auto; }
.no-margin-left { margin-left: 0; }
.top-btn-container { float: none; margin: auto; max-width: 612px; }

hr { color: black; }
td { vertical-align: top; }

iframe {
  height: 100%;
  width: 300px;
  resize: horizontal;
  background: #005500;
  overflow-x: auto;
  overflow-y: scroll
}

.home-btn {
	background: url(IndexTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	max-width: 100px;
	padding-left: 2px;
}
.ts-btn {
	background: url(TopicalStudiesTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 2px;
}
.sm-btn {
	background: url(SourceMaterialsTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 2px;
}
.efs-btn {
	background: url(EvidenceForSourcesTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 2px;
}
.so-btn {
	background: url(SectsAndOffshootsTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 2px;
}
.ba-btn {
	background: url(BibleAnswersTexture.jpg) no-repeat;
	border-color: gray;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	margin-left: 2px;
	max-width: 100px;
	padding-left: 2px;
}
.home-a { margin-left: 0; color: black; font-weight: bold; }
.ts-a { margin-left: 0; font-weight: bold; }
.sm-a { margin-left: 0; font-weight: bold; }
.efs-a { margin-left: 0; font-weight: bold; }
.so-a { margin-left: 0; font-weight: bold; }
.ba-a { margin-left: 0; color: black; font-weight: bold; }
.same-length {
	max-width: 92px;
	min-width: 92px;
	min-height: 26px;
	background: #99aadd;
	border-radius: 5px;
	vertical-align: central;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;
}
.container-fluid { margin-right: 0px !important; margin-left: 0px !important; }
@-moz-document url-prefix() { fieldset { display: table-cell; } }
/*
from http://codepen.io/katydecorah/pen/HEgwl 12/2016
Navigation Bar by Jan Kaděra
A PEN BY Katy DeCorah
		 */

html { padding: 2px; }
body { padding: 2px; font-family: Arial; font-size: 16px; color:black; }
  /*background: #777777;*/
ul { position: relative; margin-left:-20px; }

li {
	background-image: url(../Images/Leather.bmp);
	color: #575757; /*#000000;*/ /*#575757;*/
	text-align: center;
	height: 1.5em; /*2.5em;*/
	width: 280px;
	vertical-align: middle;
	line-height: 1.5em; /*2.5em;*/
	border-bottom: 1px solid #060606;
	border-radius: 4px;
	position: relative;
	display: block;
	text-decoration: none;
	transition: all .25s linear;
}
	/*box-shadow: -1em 0.75em 0 #222222;*/

li:hover {
	background: #ff6e42;
	background-image: url(../Images/LeatherRed.bmp);
	transform: translate(.2em, -.2em);
	transition: all .25s linear;
}
	/*box-shadow: -2em 2em 0 #e1e1e1;*/
	/*color: #575757;*/
	/*color: #fffcfb;*/
	
li:hover:before, 
li:hover:after {  transition: all .25s linear;  }

li:hover:before { background: #a54123; width: 0.75em; top: .63em; left: -0.78em; }
	
li:hover:after {
  background: #865445; /*#b65234;*/
  width: .75em;
  bottom: -9.0em;
  left: 129px;
  height: 280px;
}
  /*height: 1.5em;*/
  /*background: #976556; /*#b65234;*/
  
li:before, 
li:after { content: ''; position: absolute; width: .5em; transition: all .25s linear; }

li:after {
	/*background: #0077aa;*/ /*181818; */
	background: #113390;
	bottom: -9em;
	height: 280px;
	left: 132px;
	transform: rotate(90deg) skew(0,45deg);
}
  
li:before {
	/*background: #0066dd;*/ /*#121212; */
	background: #0066dd;
	height: 1.5em;
	top: .46em;
	left: -.5em;
	width: .5em;
	/*transform: rotate(90deg) skew(0,45deg);*/
}
	/*background: #00ff00;
	height: 1.5em;
	top: .25em;
	left: -.5em;*/
	/*background: #110098;*/


li.darkgray, a.darkgray, u { text-decoration: none; }
li.leather { background-image: url(../Images/Leather.bmp); }

a.darkgray {
  display: block;
  z-index: 1;
  background: #222266;
  background: -moz-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -webkit-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -o-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -ms-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: linear-gradient(to top, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
}
li::after a.darkgray {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
li:hover a.darkgray,
li.active a.darkgray {
  background: #8c8c8c;
  background: -moz-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -webkit-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -o-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -ms-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: linear-gradient(to top, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
}
li:hover::after a.darkgray,
li.active::after a.darkgray {
  background: #8c8c8c;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

ul.darkgray li {
  display: block;
  z-index: 1;
  background: #222266;
  background: -moz-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -webkit-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -o-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: -ms-linear-gradient(bottom, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
  background: linear-gradient(to top, #080808 0%, #222222 50%, #363636 51%, #343434 78%, #434343 100%);
}
ul.darkgray li::after {
  position: absolute;
  width: 100%;
  z-index: 2;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
ul.darkgray li:hover,
ul.darkgray li.active {
  background: #8c8c8c;
  background: -moz-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -webkit-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -o-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: -ms-linear-gradient(bottom, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
  background: linear-gradient(to top, #636363 0%, #8c8c8c 50%, #e2e2e2 51%, #a4a4a4 78%, #cecece 100%);
}
ul.darkgray li:hover::after,
ul.darkgray li.active::after {
  background: #8c8c8c;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #8c8c8c 61%, #8c8c8c 100%);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}