@import url("/css/fonts/fonts.css") all;
@import url("/css/fonts/seriffonts.css") all;

html {
  height: 100%;
  display: flex;
  flex-direction: column;
}

body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #333333;
  background: #E3E4E6;
  font-size: 10pt;
  line-height: 120%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

div#container {
  /*background-color: #FFFFFF; */
  padding: 20px 2%; /*DD: mix px and % in favor of the old 2% 1% */
  overflow: hidden;
  height: auto;
  font-family: "droid_serifregular", Georgia, Times, serif;
  font-size: 1.15em;
  line-height: 1.3em;
}
div#wrap {
  background-color: #FFFFFF;
  width: 100%;
  max-width: 980px;
  /*max-width: 74em;*/
  margin: 0 auto;
  /*flex: auto; /* Set in flexdocs.css */
}

h1, h2, h3, h4, h5 {
  color: #034250;
  font-family: Poppins, "UbuntuRegular", "Lucida Grande", Verdana, Arial;  
  line-height: 120%;
  margin-bottom: 0.05em;
  font-weight: 500;
}

h1 {
  margin:0 auto 0.5em auto;
}
h2 {
  margin-bottom: 0.3em;
}
h3 {
  margin-bottom: 0.2em;
  font-size:120%;
}
h4 {
  margin-bottom: 0.1em;
  font-size:115%;
}
h5 {
  margin-bottom: 0.05em;
  font-size:110%;
}

div#header2.headerBox h1 a:visited {
  color: #FFFFFF;
}

div#container p {
  margin-top: 0.3;
}

/* hyperlinks */
a:link {
  color: #06778F;
  text-decoration: none;
}
a:visited {
  color: #81B2C0;
  text-decoration: none;
}
a:active {
  color: #81B2C0;
  text-decoration: underline;
}
a:hover {
  color: #81B2C0;
  text-decoration: underline;
}
a img {
  border: 0px; /*for IE<11 */
}

.highlight_box {
 border:2px solid #FF0000;
 padding:10px;

}

/* search box in banner */
#search-floater {
 border:1px solid #E3E4E6;
 position:relative;
 float:right;
 top:30px;
 /*width:172px;
 /*right:10px;*/
}

#search-floater form {
 position:relative;
 right:0;
 margin-top:0;
 width:172px;
 height:24px;
 float:right;
 margin:0;
}

#search-floater form input.form-text {
 float:left;
 height:24px;
 margin:0;
 width:124px;
 font-family:"UbuntuBold";
 color:#696969;
 padding:2px;
 border: none !important; /* DD 7Aug2015 fixes displaced form-submit button (apparently Google script adds a border style on the input element). */
 box-sizing: border-box;
}

#search-floater form input.form-submit {
 height:24px;
 width:48px;
 float:right;
 padding:0;
 background-color:#034250;
 color:#FFFFFF;
 font-size: 0.85em;
 border:none;
}

/* simple table styling */
table.simple {
	border-collapse: collapse;
	border: 1px solid;
	width: auto;
	margin: 0;
	border-color: #C9CCD8;
}
table.simple td {
	padding: 5px;
	border: 1px solid;
	border-color: #C9CCD8;
}
table.simple th {
	padding: 5px;
	border: 1px solid;
	border-color: #C9CCD8;
	background-color: #81B2C0;
}

/* Numbered lists */
ol.top > li {
  margin-top: 1em;
}
ol li ol {
  list-style-type: lower-alpha;
}

/* image styling */
img.nodec {
	border: none;
	margin: 0 10px 0 0;
	padding: 3px;
	float: left;
	clear: left;
}

img.dec {
	border: 1px solid #E3E4E6;
	margin: 0 10px 0 0;
	padding: 3px;
	float: left;
}

/* <ul> styling for grid-like layout */

ul.tabular {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
ul.tabular li {
	width: 33%;
	display: inline;
	background: none;
	margin: 10px 0;
	padding: 0;
	border: none;
	float: left;
}
ul.tabular.full li {
	width: 100%;
}
ul.tabular.half li {
	width: 50%;
}
ul.tabular.third li {
  width: 33%;
}
ul.tabular.quarter li {
	width: 25%;
}

/* hide elements */
.nodisplay {
  display: none;
}

#archive_site {
  background-color:chartreuse;
  padding: 0.3em;
}

#archive_site p {
  font-size: 1.4em;
  line-height: 1.4em;;
  margin: 0.5em;
  text-align: center;
}