@charset "utf-8";

.body_backgrnd {
    background-color: #000000;
    }


nav {
    position: fixed;
    width: 100%;
    background-color: #000000;
    height: 60px;
}
.jumbotron.jumbotron-fluid.text-center table {
    text-align: center;
   }

.nav_list {
    list-style-type: none;
    padding: 0;
    box-sizing: 0;
    overflow: hidden;
}
.nav_list_item {
    float: left;
}
.nav_list_item a {
    text-decoration: none;
    display: block;
    color: #0000ff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.nav_list_item a:hover {
    color: #ff0000;
    background-color: #0000ff;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
header {
    text-align: center;
    max-width: 100%;
    max-height: 100%;
}
.p_video video {
  max-width: 100%;
  max-height: auto;
  text-align: center;
  }

  a:link {
    color: #00FF00;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #FF0101;
}
a:active {
    text-decoration: none;
}

.p_image {
    text-align: center;
}

.title_red {
    color: #ff0000;
    font-family: sans-serif;
}
.title_blu {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.h5_yellow {
    text-align: center;
    font-size: medium;
	color: #ffff00;
    font-family: sans-serif;
}
.h5_green {
    text-align: center;
    font-size: medium;
	color: #06df39;
    font-family: sans-serif;
}
.h5_red {
    text-align: center;
    font-size: medium;
	color: #ff0000;
    font-family: sans-serif;
}

.h4_yellow {
    text-align: center;
    font-size: large;
	color: #ffff00;
    font-family: sans-serif;
}
.h4_red {
    text-align: center;
    font-size: large;
	color: #ff0000;
    font-family: sans-serif;
}
.h4_green {
    text-align: center;
    font-size: large;
	color: #06df39;
    font-family: sans-serif;
}

.p_red {
    text-align: center;
    font-size: small;
	color: #ff0000;
    font-family: sans-serif;
}
.p_green {
    text-align: center;
    font-size: small;
	color: #06df39;
    font-family: sans-serif;
}
.p_red_s {
    text-align: center;
    font-size: smaller;
	color: #ff0000;
    font-family: sans-serif;
}

.p_yellow {
    text-align: center;
    font-size: small;
	color: #ffff00;
    font-family: sans-serif;
}
.p_white {
    text-align: center;
    font-size: small;
	color: #00fcff;
    font-family: sans-serif;
}

.p_green {
    text-align: center;
    font-size: small;
	color: #06df39;
    font-family: sans-serif;
}


.youtube-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  height: 0;
  overflow: hidden;
}

.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}




.footer {
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: x-small;
    color: #ff0000;
}
.h_red {
    text-align: center;
    font-size: x-large;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #ff0000;
}


.navGal_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
.navGal_list_item {
    float: left;
    width: 50%;
}
.navGal_list_item a {
    text-decoration: none;
    display: block;
    padding-top: 5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 5px;
    color: rgba(0,52,255,1.00);
    text-align: center;
}
.navGal_list_item a:hover {
    color: #ff0000;
    background-color: #0000ff;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #000000;
  border-radius: 0.3rem;
	text-align: center;
}
table {
    align-content: center;
    border: thin solid;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	}


th, td {
    border: 1px solid #ccc;
    padding: 8px;
	color: #ff0000;
   }

th {
    }

@media (max-width: 576px) {
  

}
@media handheld{
.jumbotron.jumbotron-fluid.text-center {
    size: 70%;
}

}