* {
  box-sizing: border-box;
}
blockquote, li, ul	{
	color: #000059;
	font-size: 14px;
}
html, body {
  height: 100%;  
  padding: 0;
  margin: 0;
  display: block;
}
body  {
	background-color: azure;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	max-width: max-content;
	margin: auto;
	}
img {
  max-width: 100%;
  height: auto;
}
.page {
  display:flex;
  flex-direction:column;
	flex: 100%;
	padding: 0px;
	max-width: 1400px;
	background-color: white;
	}
.flex-container {
  display: flex;
/*  flex-wrap: wrap; */
  background-color: DodgerBlue;
  justify-content: space-around;
}
.flex-container > div {
  background-color: white;
/*  margin: 5px; */
  padding: 10px;
 /* font-size: 30px; */
	}
.some-page-wrapper {
  margin: 0px;
  background-color: white;
	/* border : #000000 solid thin; */
}
.menucontainer > * {
  color: #29299E;
  background-color: rgba(1, 1, 1, 0.05);
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
  margin: 3px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.menucontainer > div:hover {
  background-color: rgba(1, 1, 1, 0.15);
}
.menucontainer{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.menucontainer div {
	flex-grow: 1;
}
.menucontainer a {
	color: #29299E;
	text-decoration: none;
	font-size: 90%;
	}
.menucontainer a:hover {
	color: #29299E;
	text-decoration: underline;
	}
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
	/*padding: 5px;*/
}
.centered {
		align-content: center;
		border:thin;
		border-color: black;
	font-size: 15px;
	}
.column {
 /* display: flex; */
 /* flex-direction: column; */
  flex-basis: 50%;
  flex: 1; 
 /* padding: 5px;*/
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.container {
  display: flex;
  justify-content: center;
}
.center {
  width: 1400px;
  border: 1px solid black;
  padding: 10px;
}
H1, H2, H4, H5, H6 {
	color: #555555;
}
H3 {
	color: #555555;
}
P, TD, span {
	color: #111111;
	font-size: 14px;
}
p.red	{
	color: #000059;
	background-color: #ffffff;
	font-size: 14px;	
}

/*  paragraph tags */

P.big  {
	font-size: 18px;
	color: #000059;
}
P.small  {
	font-size: 10px;
	color: #000059;
}

/* table tags */
table	{
	color: #000059;
	border: 1px;
}
table.display {
    border-width: 1px;
	border-color: #777777;
	border-style: solid;
}
/* TD tags */
TD.summary1  {
	color: #111111;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 0;
	font-size: 18px;
	padding: 5px;
}
TD.summary2  {
	color: #111111;
	font-weight: bold;
	background-color: #f6f6f6;
	border: 0;
	font-size: 22px;
}
TD.summary3  {
	color: #111111;
	background-color: #f6f6f6;
	border: 0;
	font-size: 14px;
	padding: 5px;
}
td.site {
	font-weight: bold;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 0px;
	border-top: 1px;
	border-style: solid;	
	border-color: #777777;
	padding: 2px;
	/*background-color: #deecb2;*/
}
td.description  {
	border-right: 1px;
	border-left: 0px;
	border-bottom: 1px;
	border-top: 1px;
	border-style: solid;
	border-color: #777777;	
	padding: 2px;
/*	background-color: #deecb2;*/
}
td.category {
	font-weight: bold;
	border-width: 0px ;
	border-style: solid;
	border-color: #000000;
	vertical-align: top;
}
td.result {
	font-weight: normal;
	/*background-color: #f6f6f6;*/
	color: #111111;
	border-width: 0px ;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
}
td.bits {
	font-size: 12px;
	color: #111111;
	border: 0px;
	text-align: center;
}
td.small {
	font-size: 10px;
	color: #111111;
	border: 0px;
}
td.search  {
	border: 0px;
}
td.display {
	font-weight: normal;
	border-width: 1px;
	color: #111111;
	background-color: #f9f9fc;
	font-size: 14px;
	border-color: #777777;
	border-style: solid;
	padding: 5px;
}
td.per {
	font-weight: normal;
	border-width: 1px;
	color: #000000;
	font-size: 14px;
	border-style: solid;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}
.quaternary {
	background-color: #F4FE7A;
}
.tertiary {
	background-color: #fcdaab;
	}
.cretaceous {
	background-color: #c7e09b;
}
.jurassic {
	background-color: #72cfec;
}
.triassic {
	background-color: #bb9dca;
}
.permian {
	background-color: #e97863;
}
.carboniferous {
	background-color: #c4c58a;
}
.devonian {
	background-color: #EF8023;
}
.silurian {
	background-color: #b1deca;
}
.ordovician {
	background-color: #32a78d;
}
.cambrian {
	background-color: #8bab78;
}
.precambrian {
	background-color: #EF5356;
}
/* TH tags */
th.small {
	font-size: 16px;
	text-align: left;
	color: #111111;
	font-weight: bold;
	background-color: #f6f6f6;
	padding: 4px;
}
th.big1  {
	font-size: 16px;
	color: #111111;
	font-weight: bold;
	background-color: #f1f1f1;
	padding: 6px;
}
th.time {
	font-size: 16px;
	color: #111111;
	border: 1px;
	font-weight: bold;
	background-color: #d0d0d0;
	padding: 4px;
}
/* Links */

a:link  {
	color : #2929be;
	text-decoration : none;
}
a:visited  {
	color : #2929ae;
	text-decoration : none;
}
a:hover  {
	color : #0000ee;
	text-decoration : underline;
}
a:active  {
	color : #0000ee;
	text-decoration : none;
}
acronym {
	cursor: help;
	color: #000059;
}
acronym.other1 {
	cursor: help;
	color: #000059;
	border-bottom: dotted thin;
}
acronym.other {
	cursor: help;
	color: #000059;
	background-color: #ffffff;
}
input, select {
	color: #000059;
}
a:link.AZ {
	color : #111199;
	text-decoration : none;
	/*background-color: #dddddd;*/
}
a.AZ:visited {
	color : #111199;
	text-decoration : none;
	/*background-color: #dddddd;*/
}
a.AZ:hover {
	color : #111199;
	text-decoration : none;
}
a.AZ:active {
	color : #111199;
	text-decoration : none;
}
.info {
    padding: 6px 6px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}
.info h2 {
    margin: 0 0 0px;
    color: #779;
        }
@media (max-width: 900px) {
	.column {
		column-count: 1;
	}
}