<style>

/* ========================================================================== */
/* .right does not appear to be used used but navy seals breaks if removed    */
/* ========================================================================== *//

.right {
    float: right;
    width: 200px;
    border: 3px solid #73AD21;
    padding: 10px;
}

/* =============================== */
/* .USNright used in most pages    */
/* =============================== */

.USNright {
 
    position: absolute; 
    position: fixed;
    right: 5px;
    top: 20.0vh;
}

/* =============================== */
/* .USNleft used in most pages     */
/* =============================== */

.USNleft {
    position: fixed; 
    left: 5px;
    top: 20.0vh;
}

/* =============================== */
/* .center used in most pages      */
/* =============================== */

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%
 }

/* =============================== */
/* .center1 used in most pages     */
/* =============================== */

.center1 {
    display: block;
    margin: auto;
    top: 225px;
    width: 50%;
    text-align: center;
   color:cornsilk; 
   font: italic bold Georgia, serif;
   background: rgba(218,165,32, .01);
   font-size: 2.7vh;
   text-align: center;

}

/* ===================================== */
/* .centertip1 used in new msg for landscape      */
/* ===================================== */

.centertip1 {
    display: none;
    margin: auto;
    top: 225px;
    width: 50%;
    text-align: center;
   color:cornsilk; 
   font: italic bold Georgia, serif;
   background: rgba(218,165,32, .01);
   font-size: 2.7vh;
   text-align: center;

}

/* =============================== */
/* p.AboutText1 used in most pages */
/* =============================== */

p.AboutText1 {
   position: absolute;
   color:black; 
   background: rgba(218,165,32, .6);
   font-size: 2.9vh;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 5px #20538D;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: -1;
}

/* ================================= */
/* p.Memb01 used in Members.htm page */
/* ================================= */

p.Memb01 {
   position: absolute;
   color:maroon; 
   background: rgba(218,165,32, .6);
   font-size: 2.0em;
   width: 50%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 5px #20538D;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: -1;
   font-style:italic;
   text-align:center;
}

/* ================================= */
/* p.SeaTxt used in SeaTales stories */
/* ================================= */

.SeaTxt {
   position: absolute;
   color:black; 
   background-image: url("parch02.jpg");
   font-size: 2.9vh;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 5px #20538D;
/*    margin-left: auto;   */
/*    margin-right: auto;   */
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   z-index: -1;

}

p.Author {
   position: static;
   bottom: 10.0vh;
   color:red; 
   background: rgba(255, 224, 51, .7);
   font-size: 2.9vh;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: solid 5px #20538D;
   left: 50%;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);

}

p.HeadCent {
   position: absolute;
   color:cornsilk; 
   font: italic bold 20px Georgia, serif;
   background: rgba(218,165,32, .01);
   font-size: 2.8vh;
   text-align: center;
}


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: lightslategray;
    position: fixed;
    z-index: 20;

   
}

li {
     float: left;
}

li a {
    display: block;
    color: GhostWhite;
    border: 1px solid darkblue;
    text-align: center;
    padding: 0px 2px;
    font-size: 2.8vh;
    text-decoration: none;
    z-index: 20;
}

li a:hover:not(.active) {
    background-color: darkred;
}

.active {
    background-color: #4CAF50;
}

/* ============================================== */
/* Slideshow related CSS used in SeaTales stories */
/* ============================================== */

.mySlides {display:none;

}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.0s;
  animation-name: fade;
  animation-duration: 2.0s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* ================================================== */
/* End Slideshow related CSS used in SeaTales stories */
/* ================================================== */

/* ============================================== */
/* Media Query used in most htm pages             */
/* ============================================== */

@media only screen and (min-width: 800px) { 
#TaskForceb { display: block; }
#TaskForcem { display: none; }
#TaskForces { display: none; }


}

@media only screen and (min-width: 490px) and (max-width: 799px) { 
#TaskForceb { display: none; }
#TaskForcem { display: block; }
#TaskForces { display: none; }
p.Memb01 {

font-size: 1.5em;
color: rgb(0, 102, 0);

  }
}


@media only screen and (orientation:landscape) and (max-width: 490px) {


#TaskForceb { display: none; }
#TaskForcem { display: none; }
#TaskForces { display: block;}

.USNleft {
    position: absolute; 
}

.USNright {
     position: absolute; 

.centertip1 {
    display: none;
    margin: auto;
    top: 225px;
    width: 50%;
    text-align: center;
   color:cornsilk; 
   font: italic bold Georgia, serif;
   background: rgba(218,165,32, .01);
   font-size: 2.7vh;
   text-align: center;

}


}

li a {
    font-size: 0.6em;
}

.SeaTxt {
   font-size: 1.0em;
   width: 97%;
   left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-00%);
}


p.Memb01 {
   width: 97%;
   font-size: 1.0em;
  left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-0%);

}

p.AboutText1 {
   font-size: 1.0em;
   width: 97%;
   left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-0%);
}

.center1 {

   font-size: 3.2vh;

}

}











@media only screen and (orientation:portrait) and (max-width: 490px) {

#TaskForceb { display: none; }
#TaskForcem { display: none; }
#TaskForces { display: block;}

.USNleft {
    position: absolute; 
}

.USNright {
     position: absolute; 
}

.centertip1 {
    display: block;
    margin: auto;
    top: 225px;
    width: 50%;
    text-align: center;
   color:yellow; 
   font: italic bold Georgia, serif;
   background: rgba(218,165,32, .01);
   font-size: 2.7vh;
   text-align: center;

}


.SeaTxt {
   width: 97%;
   left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-00%);
}


p.Memb01 {
   width: 97%;
   font-size: 1.5em;
  left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-0%);

}

p.AboutText1 {
   width: 97%;
   left: 0%;
   -webkit-transform: translateX(-0%);
   transform: translateX(-0%);
}

}

</style>