html {
  background-image: url("../_images/_dsxg1/earthbg3d.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top;
  background-color: black;
  background-size: cover;
}

body {
  width: 98vw;
  color: #ffffaa;
  font-size: 100%;
  opacity: 1.0;
  text-align: center;
  margin: auto;
}
a {
    text-decoration: none;
}
.aline {
    text-decoration: underline;
}
.yellow {
    color: #ffff00;
}
.gold {
    color: #ffde00;
}
.white {
    color: #ffffff;
}
.brick {
    color: firebrick;
}
.bg_black {
    background: rgba(0, 0, 0, .6);
}
.navbttn {
    height: 5vh;
}

.silver {
    color: lightgray;    
}
.eggYW {
    color: #ffffaa;
}
.padd_brk {
    width: 75%;
    height: 5px;
    margin: auto;
    border: 2px outset lightgray;
    border-style: outset;
}
.stamp {
    height:10vh;
    display:inline-block; 
    transform: translate(0, 1.4rem);
}
h1.intro {
    font-size: max(4.7vw, 3.5em);
    font-style: italic;
}
h2.intro {
    Font-size: max(1.7vw, 1.5em);
}
p.intro {  
    padding: 0rem 1rem 0rem 1rem;
    font-size: max(2.0vw, 2em);
    font-style: italic;
    text-align: justify;
    text-indent: 4vw;
/*    text-align-last: center;      */
}
h1.graphics {
    font-size: max(2.0vw, 2em);
    text-decoration: underline;
    margin-bottom: -.10em;
}
p.graphics {
    font-size: max(1.5vw, .75em);
    margin-left: .25em;
}
span.graphics {
    display: inline-block;
    /* text-indent: -2em; */ 
}
.graphics {
    text-indent: 0;
}
.c-log {
    padding: 0 6vw 0 6vw;
    font-size: 1.75rem;
    text-align: justify;
    color: lightgray;  
}
ol {
    width:70%;
    margin: auto;
}
.story {  
    padding: 0 1rem 0 1rem;
    font-size: max(2vw, 1em);
    text-align: justify;
    text-indent: 1.5em;
}

div.intro {
    width: 56.5%;
    margin-top: 25vh;
    margin-left: auto;
    margin-right: auto;
    background: rgba(0, 0, 52, .7);
    border-radius: 3vw;
    border-style: ridge;
    border-width: thick;
    padding: 0 1.5vw 0 1.5vw;
}
maco-command-items{
}
.grfx_dp {
    background: rgba(21, 21, 21, .6);
    margin-top: 1em;
    margin-bottom: 1em;
    max-height: 50vh;   
    overflow: auto;
    Padding-top: 0;
    Padding-bottom: 0;
    Padding-left: .5em;
    padding-right: 1em;
    scrollbar-color: #00036B #0108DD;
    border: 3px solid darkblue;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
}
.unit_logo {
    float: left;
    margin-right: 0;
    width: 11vw;
}
img.titlebanner {
    width: 75%;
    height: auto;
    margin: auto;
}
img.dsxgbanner {
    width:min(672px, 75%);
    height: auto;
    margin: auto;
}
.chaptertitle {
    width: 85%;
    margin-top: 2vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vh;
    padding-bottom: 3vh;
    font-size: max(3vw, 1.3em);
    text-align: center;
    border-bottom: 7px solid FireBrick;
    border-top: 7px solid FireBrick;
}
.chaptercontents {
    padding: 0 1rem 0 1rem;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-size: max(1.25vw, 1em);
    text-align: justify;
    text-indent: 1.5em;
}
.tableofcontents {
    width:100%;
}
ol.tableofcontents {
    margin-left:2vw;
}
.definethis {
    width: 11vw; 
    display: inline-block;
/*    border: 1px solid white;      */
    text-align: left;
    text-indent:0;
}
.exposition {
    font-weight: 700;
    Font-size: max(1.5vw, 1.2em);
    font-style: oblique;
}

.timeline {
    width: 90%;
    border: 1px solid lightgray;
    margin: 1em auto ;
    font-size: .75em;
}
.time_year {
    border: 1px solid lightgray;
    width: 10%;   
    text-align:left;
    vertical-align: top;
    padding-left: .3vw;
    padding-right: .3vw;
}
.time_event {
    border: 1px solid lightgray;
    width: 89%;  
    text-align: justify;
    vertical-align: top;
    padding-left: .3vw;
    padding-right: .3vw;
}
.exactdate {
    display: inline-block;
    width: 30%;
}
/* -- Begin CSS Properties for the footer bar -- */

.ftr_div {
    width: 98vw;
    position: fixed;
    bottom: 5px;
    margin: auto;
    /* border: solid 1px black; */
}
.ftr_hr {
    width: 65%;
    margin: auto;
    margin-bottom: 1vh;
} 
.ftr_bnr {
    height: 75px;
    margin-top: -5px;
    margin-bottom:-5px;
}
.ftr_brdr {
    border: 1px solid black;
}
.ftr_tbl {
    border-radius: 1.2vw;
    border-style: ridge;
    border-width: thick;
    text-align: center;
    width: 60%; 
    min-width: 47em; 
    margin: auto; 
/*    background: rgba(222, 222, 222, 0.7);  */
background: rgba(0, 0, 52, .8);
}
.ftr_tr {
     height: 1.5em; 
}
.ftr_logo {
    Height:85px;
    margin:10px;
}
.ftr_info {
    font-size: clamp(.30em, 1.0vw, .8em);
    font-weight: bold;
    text-align: center;
    font-family: Verdana;
}





/*  -- OLD FOOTER CSS

.ftr_div {
    width: 100%;
    position: fixed;
    bottom: 5px;
}
.ftr_hr {
    width: 70%;
    margin: auto;
    margin-bottom: 1vh;
} 
.ftr_bnr {
    width: clamp(300px, 30vw, 65%);
}
.ftr_tbl {
    border-style: ridge;
    border-radius: 1.75vw;
    text-align: centered;
    width: 65%; 
    min-width: 47em; 
    margin: auto; 
    background: rgba(222, 222, 222, 0.9);
}
.ftr_tr {
     height: 1.5em; 
}
.ftr_logo {
    Height:100px;
    margin-left: 2vw;    
    margin-right: 2vw;
}
.ftr_info {
    font-size: clamp(.8em, 1.2vw, 1.0em);
    font-weight: bold;
    text-align: center;
}  --  */