/* 1. Universal site stuff */
	/* 1.1 Main container */
		body{
			background-color:#eaf0ff;
		}
		
		table#container {
			background-color:white;
			max-width:1000px;
			min-width:700px;
			margin: 0 auto;
			color:black;
			font-family: Garamond, 'Times New Roman';
			border:1px solid gray;
			font-size:13px;
		}
		td#body {
			padding: 10px 20px;
		}
	
	/* 1.2 Logo and sidebar */
		td#logocell {
			width:180px;
			height:180px;
		}
		img#logo{
			width:180px;
		}
		ul.sidebar {
			list-style-type:none;
			margin: 5px 10px;
			padding: 0;
		}
		ul.sidebar li a {
			display:block;
			border:1px solid gray;
			background-color: silver;
			padding: 2px 5px;
			text-align: center;
			text-decoration:none;
			color:black;
		}
		ul.sidebar li a:hover {
			background-color:dimgray;
			color:white;
		}
	
	/* 1.3 Footer */
		footer {
			text-align: center;
		}
	
	/* 1.4 Universal formatting */
		td#body ul {
			padding-left:20px;
			list-style-type:square;
			color:darkslategray;
		}
		td#body ol {
			padding-left:20px;
		}
		td#body li {
			padding-left:5px;
		}
	
	/* 1.5 Figures */
		figure {
			float:right;
			text-align:center;
			margin:0px;
			margin-left:5px;
			margin-bottom:10px;
			max-width:420px;
		}
		figcaption {
			font-size: 12px;
		}

/* 2. Home and intro page specific */
	/* 2.1 Home page */
		table#homepagenav {
			width:100%;
			text-align:center;
		}
		table#homepagenav td{
			padding:0;
			margin:0;
		}
		table#homepagenav div{
			padding:1px 0px 25px 0px;
			margin:0;
		}
		table#homepagenav a{
			color:black;
			text-decoration:none;
		}

	/* 2.2 Geologic Timeline */
		table#timeline {
			border-collapse:collapse;
			margin-left:auto;
			margin-right:auto;
			min-width:736px;
		}
		table#timeline th {
			text-align:right;
			padding:5px;
		}
		table#timeline td {
			border:1px solid gray;
			padding:5px;
			text-align:center;
		}
		.periodRotate {
			writing-mode:vertical-rl;
			width:20px;
		}
		span.timeRotate {
			vertical-align:top;
			writing-mode:vertical-lr;
			border:0px;
			width:39px;
			margin-left:-12px;
		}
		span#timeblocks div.speciesblock {
			display:none;
			border:1px solid gray;
			width:50%;
			margin-left:auto;
			margin-right:auto;
			padding: 5px;
		}
		div.timeheader {
			text-align:center;
			padding:5px;
		}

/* 3. Era pages */
	span.mapcaption {
		font-size:16px;
		font-style:italic;
	}
	table.exploremenu {
		border:1px solid gray;
		border-collapse:collapse;
		margin:0px 0px;
		text-align: center;
		width:689px;
	}
	table.exploremenu a {
		display:block;
		text-decoration:none;
		color:black;
	}
	table.exploremenu td {
		border:1px solid gray;
		text-align: center;
		vertical-align:top;
		font-size:14px;
	}
	table.exploremenu tr.extinction td {
		padding-top: 2px;
		padding-bottom: 5px;
	}
	table.exploremenu tr.extinction a {
		color:#990000;
	}
	table.exploremenu tr.enviros {
		background-color:#c0c0c0;
		padding:0px;
	}
	table.exploremenu tr.enviros td {
		background-color:white;
		width:225px;
		position: relative;
		display:inline-block;
		padding-bottom: 5px;
	}
	table.exploremenu img {
		width:100%;
		object-fit:cover;
	}

/* 4. Environment pages */
	img.headerimg {
		width:100%;
		height:225px;
		object-fit:cover;
	}
	/* 4.1. Species profiles */
		table#faunabox {
			width: 100%;
		}
		tr#faunabar {
			display:flex;
			flex-wrap:nowrap;
			overflow:auto;
			/* hides scroll bar */
			scrollbar-width:none;
			-ms-overflow-style: none;
		}
		tr#faunabar::-webkit-scrollbar{
			display:none;
		}
			/* end of hiding scroll bar */
		table#faunabox th {
			flex: 0 0 auto;
			/*display:inline-block;*/
			padding:0px;
		}
		table#faunabox th a {
			background-color: silver;
			display:inline-block;
			border:1px solid gray;
			padding: 0px 20px;
		}
		table#faunabox th a:hover{
			background-color:dimgray;
			color:white;
		}
		table#faunabox td {
			border:1px solid black;
			padding:0px 10px;
			width: 100%;
		}
		#speciesintro {
			padding:10px 10px;
			font-size:16px;
		}

		.spcprofile {
			min-width:300px;
			max-width:40%;
			float:right;
		}
		.speciesblock {
			display:none;
		}

	/* 4.2 Time navigation bar in footer */
		table.timenav {
			width:100%;
			background-color:#c0c0c0;
			border:1px solid gray;
			padding:2px 10px;
		}
		table.timenav td#timenavleft{
			width:50%;
			text-align:left;
			white-space:nowrap;
		}
		table.timenav td#timenavright{
			width:50%;
			text-align:right;
			white-space:nowrap;
		}
		table.timenav a{
			text-decoration: none;
			color:black;
			font-size:14px;
		}