/* Updated 03/26/2018 */

body, html {
    height: 100%;
}

.parallax {
    /* The image used */
    background-image: url('ximages/OLD-GLORY-800x600rr.jpg');

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}

.parallax2 {
    /* The image used */
    background-image: url('ximages/pow3.png');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax2 {
        background-attachment: scroll;
    }
}

        .top-nav-collapse {
            background-color: #82b1ff !important; 
        }
        .navbar:not(.top-nav-collapse) {
            background: transparent !important;
        }
        @media (max-width: 768px) {
            .navbar:not(.top-nav-collapse) {
                background: #82b1ff !important;
            } 
        }
        .intro-1 {
            height: 1050px;
        }
        @media (min-width: 770px) and (max-width: 1025px) {
            .intro-1 {
                height: 750px;
            }
        }
        @media (max-width: 740px) {
            .intro {
                height: 600px;
            }
        }

/*Flag Background and links on everypage of website*/
.flagBG{
	background: url('../ximages/starsbak2.jpg');
}

.flagBG a:link{ 
  color: #00008B;
  text-decoration: underline;
}

.flagBG a:visited{
  color: #00008B;
  text-decoration: underline; 
}

.flagBG a:hover{
  color: red;
  text-decoration: underline;
}

 .media {
  background-color: white;
}

/* Navigation - change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: white;
    font-weight: bold;
}

/* Navigation - change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: white;
    font-weight: bold;
}

/* Navigation - change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: yellow;
    font-weight: bold;
    text-decoration: underline;
}


/*Customizing Header Content that has the Logo with stars background*/
.header-content {
  background-image: url('../ximages/stars.png'); 
  border: 2px solid #E68E00;
}


/* Customizing FOOTER Content on EVERY PAGE but index page*/
.footer-content { 
	background-color: #444444;
	color: white;
  line-height: 120%;
}


/* Customizing the FOOTER links to white on EVERY PAGE but index page*/

.footer-content a:link{
   color: white;
   text-decoration: none;
}

.footer-content a:visited{
   color: white;
   text-decoration: none;
}

/* Customizing the FOOTER Hover links on EVERY PAGE but index page */
.footer-content a:hover {
   color: yellow;
   text-decoration: underline;
}


/* Customizing the styles to use on any page */
p {
  font-size: 1rem;
  line-height: 120%;
  text-align: justify;
}


h1 {
  font-size: 1.40rem ;
  font-weight: bold;
  color: #00008B;
}

h3{
  font-size: 1.3rem ;
  font-weight: bold;
}

h4{
  font-size: 1.20rem ;
  font-weight: bold;
}

h5{
  font-size: 1rem ;
  font-weight: bold;
}

h6{
  font-size: .9rem ;
  font-weight: bold;
}

/* Customizing the styles on form */


.card-header{
  background-color: #F5F5F5;
}

.input-group-text{
  background-color: #F5F5F5;
}

.fa{
 color: black;
}


.top-page a:link {
  text-decoration: none;
  color: #00008B;
}

.top-page a:visited {
  text-decoration: none;
  color: #00008B;
}

.top-page a:hover {
  color: red;
  text-decoration: underline;
}

a.anchor {
  display: block; 
  position: relative; 
  top: -90px; 
  visibility: hidden;
}

.blueColorNorm{
  color: #00008b;
}

.blueColor{
  color: #00008b;
  font-weight: bold;
}

.blkColorNorm{
  color: black;
}

.blkColor{
  color: black;
  font-weight: bold;
}

.redColor{
  color: red;
}

.whiteColor{
  color: white;
  font-weight: bold;
}


.no-space{
  margin-top: -6px;
}

.no-space2{
  margin-top: -10px;
}

.no-space3{
  margin-top: -15px;
}

.lineHi{
  line-height: 120%;
}

.pic-border{
  border: 1px solid #000;
  padding: 0 !important;
}

.borderlist{
  border: 2px groove #808080;
}

.flagList ul li{
  padding: 5px;
  font-size: 0.71428571rem;
  font-weight: bold;
}

.member-list ul{
  list-style: outside disc;
  margin-left: -1rem;
  line-height: 120%;
}

pre{
  display: block;
  font-family: "courier new", courier, monospace;
  color: black;
  font-weight: bold;
  font-size: 0.8571428rem;
  line-height: 120%;
  background-color: transparent;
  white-space: pre;
  border: none;
} 

.FormC-ya {
position: absolute;
left: -999em;
}

.indent {
  padding-right: 3rem;
  padding-left: 3rem;
}

.indenti {
  font-style: italic;
  padding-right: 3rem;
  padding-left: 3rem;
}

.small-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 300px;
}

.med-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 400px;
}

.large-imgFloat {
   float:left;
   margin-right:10px;
   margin-bottom:5px;
   width: 500px;
}

.justify-h5{
	text-align: justify;
        color: #000000;
}
.newsletters {
  font-size: 0.90em;
  line-height: 120%;
}

.newsletters ul {
    padding-left: 0rem;
}

.customHr {
    width: 35%;
    font-size: 1px;
    color: rgba(0, 0, 0, 0);
    line-height: 2px;
    margin: 0 auto;
    background-color: grey;
    margin-top: 20px;
    margin-bottom: 30px;
}

.dl-horizontal dt,dd{
	display:table-cell;
	margin-right: 5px;
}

.dl-horizontal dt{
	float: left;
	text-align: left;
	width: 250px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.25px solid #cccccc;
}

.table th{
  background-color: #dddddd;
  text-align: left;
 }

.missions-tables th {
  background: rgba(200, 200, 200, 1.0);
  text-align: left;
 }

.vert-cntr  {
  position: absolute;
  left: 0;
  top: 40%;
  width: 100%;
  text-align: center;
  color: #000;
}

.vert-cntr2  {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%;
  text-align: center;
  color: #000;
}

.flag-bg{
	background: url('../ximages/starsbak2.jpg');
	padding-left:0;
  padding-right:0;
}