body {
	margin: 0;
	/*background: url(../img/fh-bg.jpg);*/
	background: url(../img/fh-bg2.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: top left;
	font-size: 1em;
}

.adminbody {
	/*background: none;*/
	/*background: #e8e7f7;*/
	height: 100vh;
	background: linear-gradient(to bottom, #eee 90%, 98%, #004);
}

.smaller {
  font-size: .9rem;
}

.indexpage {
		color: #004;
	}

/* Container for page sets total page width */
.container {
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 640px;
	max-width: 1400px;
	min-height: calc(100vh - 276px);
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: #f4f7f7;
	border: solid 1px #ccc;
	margin: 0px auto;
}

/* Page Header Section */
.headercontainer {
	top: 0;
	width: 100%;
}

.headertop {
	height: 40px;
	background: #004;
	color: #fff;
	font-size: 0.8em;
	letter-spacing: .03em;
}

#homecalendar {
	margin: 12px 5px -7px 6px;
	width:18px;
	height:20px;
}


.topinner {
	max-width: 1418px; /* Match WordPress Template Width */
	margin: 0 auto;
}

.headermiddle {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	padding-top: 24px;
	background-color: #f4f7f7;
	color: #000;
	text-align: center;
}

.headermiddle a:link, .headermiddle a:visited {
	color: #000;
}

.sitetitle {
	font-family: 'Corbel';
	font-size: 2.8rem;
	transform: scale(.935, 1);
	line-height: 2.2rem;
	font-weight: 700;
}

.subtitle {
	font-family: 'Open Sans';
	font-size: 1.15rem;
	transform: scale(.97, 1);
	font-weight: 400;
	padding-top: 20px;
}

.headerbottom {
	display:block;
	position: sticky;
	top: 0;
	box-sizing: border-box;
	background: #004;
	text-transform: uppercase;
	z-index: 15;
	height: 50px;
}

div.menucontainer {
	display: flex;
	box-sizing: border-box;
	background: #004;
	width: 100%;
	height: auto;
 }
 

.stickymenu {
	max-width: 1418px;
	margin: 0 auto;
}

/* Page Footer Section */
.tfooter {
	background-color: #004;
	color: #dddddd;
	width: 100%;
	padding: 15px 0 17px;
}

.tfooter .smaller {
	font-size: .92rem;
	margin: auto 0;
}

.tfooter  {
	a:link, a:visited {
  text-decoration: none;
  color: #dddddd;
	}
}

/* Container for page content */
.container-inner {
	margin: 12px 24px;
}

/* ********************************* */
/* End of page header-footer section */
/* ********************************* */

/* ******************************** */
/* ***** Gen Style Over rides ***** */
/* ******************************** */

a:hover {
	color: red;
}

.normal {
	font-size: 1em;
}

div.innercontainer, ul.tngdd .langmenu, ul.tngdd .stubmenu {
	background-color: transparent;
}

ul.tngdd .langmenu {
	padding-top: 6px;
}

a:link, a:visited {
	text-decoration: none;
	color: #333399;
}

.fieldnameback, .tablesaw-cell-label {
	background-color: #004;
}

/* Background for main page */
.databack {
	background-color: #e3e3e3;
}

/* Background for Stripping */
.databackalt {
	background-color: #dbd9d9;
}

/* Background for Side Columns */
.sideback {
	background-color: #004;
}

/* Set admin links hover */
.lightlink:hover {
	color: #ffcc33 !important;
}

.media-title {
  font-size: 1em;
}

.cookie-close {
  background-color: #222;
}

.indexmargin {
	margin:10px 0px;
}

.slidedown, .LB_window {
  background: #e3e3e3;
}

/* Popup box background color */
/*.slidedown {
	background-color: #f4f7f7 !important;
}*/

/**********************************************************************/
.snlink {
	padding:8px;
	border:1px solid #999;
	/* background-color:#e0e0f7; same as "databack" background color */
	background-color: #e3e3e3;
	color:black;
	font-weight:bold;
	text-decoration:none;
	border-radius: 8px;
	text-align: right;
	font-size: 11pt;
	box-shadow: 1px 1px 3px 0px #999;
	line-height: 36px;
}

p a.snlink, td.snlink {
	line-height: 0.8em;
}

/* columns on surnames page */
.aligntop {
	vertical-align:top;
}

.alignmiddle {
	vertical-align:middle;
}

.adminnav .snlink {
	background-color: white;
}

a.snlink:hover, .snlinkact, .adminnav .snlinkact {
	background-color:#004; /*same as "fieldnameback" background color */
	color:#fff;
}

@media (max-width: 900px) {
  ul.tngdd {
    min-width: auto;
  }
}
/**********************************************************************/


/* ********************************* */
/* ***** End Gen Style Changes ***** */
/* ********************************* */


/* ******************************** */
/* ******* Start Menu Links ******* */
/* ******************************* */
div.innercontainer {
	width: 100%;
	height: min-content;
	border: none;
	border-radius: 0px;
	margin-left: 6px; /* Added to align text with WordPress Theme */
	background: transparent;
	box-shadow: none;
}

/* Set stub Menu background and color */
ul.tngdd .stubmenu, .innercontainer, .icons, .tngdd {
	background-color: transparent;
	color: #fff;
}

div.icons {
	margin: 4px 0px 0px 0px;
	flex-wrap: wrap;
	flex: 1 1 5em;
	padding-bottom: 4px;
}

#tngdd {
	flex-wrap: wrap;
}

div.icons a {
	margin-top: 6px;
	border-radius: 5px;
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
}

/* Print and social icons in the bottom header section */
div.icons-rt {
	margin: 11px 15px 0px 0px;
	font-size: 0.9rem;
}

#print-smicon, #bmk-smicon {
  margin-top: -2px;
}

.icons-rt {
	a:link, a:visited {
	color: #fff;
	}
}

/* Set color for nav bar hover */
div.icons a:hover {
	background-color: rgba(255,255,255,0.3);
	color: #ffcc00;
}

.tngsmallicon {
	margin: 0px 4px 0px;
	padding: 7px 15px 0px;
}

.tngsmallicon3 {
	line-height: 1.5;
	text-transform: none;
	font-size: .9rem;
	text-decoration: none;
}

/* Set active link hover */
.stubmenu a:hover {
	background-color: #e3e3e3;
	color: #000;
}

/* Set background color for stub menu */
ul.tngdd {
	margin-top: 14px;
	background-color: transparent;
	line-height: 1.5em;
}

.menulink {
	font-size: 1em;
}

/* Remove borders from stub menu */
ul.tngdd .menulink, ul.tngdd .langmenu {
	border: none;
}

/* Set the background color for stub menu links */
ul.tngdd .menulink {
	width: min-content;
	border: none;
	padding: 1px 24px 8px 26px;
	background: transparent url(../img/ArrowDownWhite.png) 0px 10px no-repeat;
	font-weight: normal;
	color: #fff;
}

/* Set the background color for dropdown nav links */
ul.tngdd ul li a {
	padding: 8px 4px !important;
	font-size: 1rem;
	color: #000;
	text-transform: none;
}

/* Set the background color for pull down links hover */
ul.tngdd ul li a:hover {
	background-color: #004;
	color: #ffcc00;
}

/* Set the background color nav links */
ul.tngdd .menulink:hover, ul.tngdd .menuhover {
	background: rgba(255,255,255,0.3);;
	border: none;
	color: #ffcc00;
	border-radius: 5px;
}

ul.tngdd ul li a {
  border-bottom: 1px solid #fff;
}

/* Fix disappearing menu buttons in v15 */
@media (max-width: 1100px) {
  #home-smicon, #search-smicon {
    display: block;
  }

/* **************************************************** */
/* *************** End Inner Menu Links *************** */
/* **************************************************** */

/* Set tab color and background color */
#tngnav a {
	background: #ccc;
	color: #000;
}

 /* Set window background color */
.LB_window {
	background: #e3e3e3;
}

/* Resize search box and set colors */
#search-submit {
	margin:2px 0px;
	padding: 4px 10px;
	background-color: #222222;
	color: #fff;
	text-transform: uppercase;
	border: solid 1px #000;
}

#search-submit:hover {
	background-color: #1313C6;
	color: #fff;
}

#paragraph {
	text-align: center;
	font-weight: bold;
}

/* ***** Popup login and Edit Profile top ***** */
.LB_closeAjaxWindow {
	background-color: #004;
}

.mobilefooter {
	text-align: center;
}

/*#tngtabselect {
	color: #000;
}
*/
/* ******************************************** */
/* *************** Image Viewer *************** */
/* ******************************************** */
.canvas {
  padding-top: 10px;
}

/* Change this to the code below 
.align-bottom {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}*/

/* Fix admin menu selection page added in genstyle.css 
.align-bottom {
  display: block;
}*/

/*.canvas {
  background-color: #F4F7F7 !important;
}*/