﻿/* Overall Font*/
* {
	font-family:Arial, Helvetica, sans-serif;
}

/* The header contains two 50% images*/
.header {
	display:inline; position: relative;
}

/* The container <div> - needed to position the top navigation area contents */
.navbar {
	background-color:#e41624; 
	border-bottom:3px red solid;
	border-top:3px red solid;
}

.topnav {
	background: #00FF00;
	position: relative;
	display: inline-block;
}

/* Style The Dropdown Button */
.dropbtn {
  background-color:#e41624;
  font-family:Arial, Helvetica, sans-serif;
  color: white;
  padding: 5px;
  font-size: 16px;
  font-weight:bold;
  border: none;
  min-width: 130px;
  cursor: pointer;
}

/* Dropdown Content (Hidden by Default) */
.topnav-content {
  display: none;
  position: absolute;
  background-color: #e41624;
  min-width: 130px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.topnav-content a {
  color: white;
  padding: 10px 10px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.topnav-content a:hover {
	color: black;
	background-color: #d9d9d9;}

/* Show the dropdown menu on hover */
.topnav:hover .topnav-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.topnav:hover .dropbtn {
	color: black;
  background-color: #d9d9d9;
}

/*Content Style*/
.content {
	padding-bottom:20px;
	border-bottom:medium red solid;
}

.container {padding:0.01em 25px}

.mybutton {
	background-color:#e41624; 
	border:2px red solid; 
	color:white; 
	font-size: 16px; 
	display:inline-block; 
	padding:5px;
	cursor:pointer; 
}

.mybutton:hover {
	background-color:#d9d9d9;
	color:black;
}

.staff {
  border-collapse: collapse;
  width: 100%;
}

.staff td , .staff th {
  border: 1px solid #ddd;
  padding: 5px;
}

.staff td {
  font-size: 13px;
}

.staff tr:nth-child(odd){background-color: #f2f2f2;}

.staff tr:hover {background-color: #444; color: white;}

.staff th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  background-color: #e41624;
  color: white;
  font-size: 22px;
}

.footer {
	display:inline; position: relative;
}

