body {
	font-family:sans-serif;
}

/* Contact bar*/
#contact {           
        width:10%;   
        padding:10px;
        border:0px;        
        border-left:1px;   
        border-style:solid;
        background-color:#f2f2f2;
        position:fixed;
        top:0;   
        bottom:0;
   	right:0;             
        text-align:center;   
        word-wrap:break-word;
}
#contact p {
	margin:0;
}
#contact h4 {
	margin-bottom:0;
}

/*Nav bar*/

#nav {
        border:0px;        
        border-right:1px;  
        border-style:solid;
        background-color:#f2f2f2;
        padding:10px;  
        position:fixed;
        top:0;   
        bottom:0; 
        left:0;   
        width:10%;
        text-align:center;
}
#nav ul {
	list-style-type:none;
	padding:0;
}
#nav li {
	margin:5px;
}

/*Main content*/

#main {
        padding:10px;
        width:70%;  
        margin:auto;
}
#main p{
        margin:auto;
        width=80%;
}
#main h1 {
	text-align:center;
}
#main h2 {
	text-align:center;
}
#main h3 {
	text-align:center;
}
#main img {
	margin:auto;
	display:block;
	width:100%;
}

/*Classes*/
.table-wrapper {
	position: relative;
  	overflow: auto;
	padding-bottom: 10px;
}
/*half width divs*/
.half-width {
        width:50%;
        display:inline-block;
}
.half-width table {
	margin:0;
}
.half-width img {
        max-width:300px;
        margin:auto;
        display:block;
}
.half-width-container {
        display:flex;
}

/*gallery table*/

.img-gallery {
	text-align:center;
	background-color:none;
}
.img-gallery img {
	padding:10px;
	border:1px;
	border-style:solid;
	max-width:80%;
}
.img-gallery tr {
	border:0px;
	background-color:none;
}
.img-gallery td {
	border-right:0px;
}

/*main tables*/

.headed-table tr:first-child {
        border:0px;
        border-bottom:1px;
        border-style:solid;
}
table.info-table {
        border-collapse:collapse;
        margin:auto;
        width:80%;
	white-space:nowrap;
	font-size:14px;
}
.info-table td {
	padding:2px;
        padding-right:10px;
        padding-left:10px;
        border:0px;
        border-right:1px;  
        border-style:solid;
	text-align:center;
}
.info-table td:last-child {
        border-right:0px;
}
.info-table tr:nth-child(odd){
        background-color:#f2f2f2;
}

.lifetime {
	font-size:10px;
}
.alive {
	color:green;
}
.dead {
	color:red;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width:max-content;
}

.modal-content img {
	display: none;
	max-width:100%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}