ul.navbar-nav .active
{
  background:#DD0000;
}
ul.navbar-nav .nav-item a.nav-link:hover
{
  background:#FF4444;
}
ul.navbar-nav .nav-item a.nav-link:visited,
ul.navbar-nav .nav-item a.nav-link:link
{
  color:#FFFFFF;
}

table.with-borders
{
  border-collapse: collapse;
  border: 1pt solid black;
  margin-bottom: 20px;
}

table.with-borders tr
{
  border: 1pt solid black;
}

table.with-borders td, table.with-borders th
{
  border: 1pt solid black;
  padding: 5px;
}

.categories
{
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid black;
  background: #DDDDDD;
}

a.button:hover,
button.button:hover
{
  margin-top:6px; 
  margin-bottom: 2px;
  margin-left:6px; 
  margin-right: 2px;
  text-decoration: none;
  color:#000000;
}

a.button,
button.button
{
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  text-decoration: none;
  color: initial;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:20px;
  padding-right:20px;
  margin-top:4px; 
  margin-bottom:4px;
  margin-left:4px; 
  margin-right:4px;
  background-color: buttonface;
  border: 1px solid #888888;
  display: inline-block;
}

.video-container 
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed 
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}