html {
  background-image: url("../_images/_jdgx/jdg-ind_bg.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top;
  background-color: black;
  background-size: 98% auto;
}
body {
    margin-left: auto;
    margin-right: auto;
    width: 98vw;   
}
a:link {
  color: #45ed45;
}
a:visited {
  color: #00c800;
}
a:active {
  color: #006600;
  background-color: #404040;
}
a.projects:link {
  color: #000000;
}
a.projects:visited {
  color: #000000;
}
a.projects:active {
  color: #FFFFFF;
  background-color: #004d00;
}
a.naked:link {
  color: #000000;
  text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
}
a.naked:visited {
  color: #000000;
  text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
}
a.naked:active {
  color: #000000;
  text-shadow: -2px 2px .6vw #FFFFFF, -2px -2px .6vw #FFFFFF, 2px -2px .6vw #FFFFFF, 2px 2px .6vw #FFFFFF, 2px 0 .6vw #FFFFFF, -2px 0 .6vw #FFFFFF;
}
.centered {
  text-align: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.intro {
    width: 98vw;
    border: 1px solid white;
    margin-left: auto;
    margin-right: auto;
}
.governor1 {
    display: block;
    width: 30vw;
    margin-top: 15vh;
    margin-left: auto;
    margin-right: auto;   
}
.governor2 {
    height: 12vw;
    margin-top: 15vh;
    margin-left: auto;
    margin-right: auto;   
}
.fear1 {
    height: 12vw;
    min-width: 30vw;
    margin-top: 15vh;
    margin-left: 3vw;
    margin-right: 3vw;  
}
span.fear1 {
    background-image: url("../_images/_jdgx/blankbanner.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.slogan {
    width: 61.9vw;
    margin-top: 3vw;
    margin-left: 3vw;
    margin-right: 3vw;  
}

.bordersetup {
    background: rgba(46, 46, 46, .9);
    border-radius: 1.5vw;
    border-style: ridge;
    border-width: thick;
    border-color: rgba(26, 255, 26, 1);
}

.banner {
    display: block;
    width: 60vw;
    margin: 2.5em auto 2.5em auto;

}

h1 {
    font-family: NatPark-Reg;
    font-size: max(2.3vw, 1.25em);
    text-align: justify;
    color: #000000;
    text-shadow: -2px 2px 1px #00dd00, -2px -2px 1px #00dd00, 2px -2px 1px #00dd00, 2px 2px 1px #00dd00, 2px 0 1px #00dd00, -2px 0 1px #00dd00;
    margin: 1.5vw
}
h1.archives {
    font-family: Verdana;
    font-size: max(2.3vw, 7vw);
    color: #3c3c3c;
    text-align: center;
    text-shadow: -2px 2px 12px #00dd00, -2px -2px 12px #00dd00, 2px -2px 12px #00dd00, 2px 2px 12px #00dd00, 2px 0 12px #00dd00, -2px 0 12px #00dd00;
/*  Info for creating JDGX Banner text
    background-color: #3a3a3a;
    min-height: 650px;
    font-size: 20vw;
    color: #262626;
*/
}
.fd_i {
    font-style: italic;
}
p {
    margin: 1.5vw;
    font-family: NatPark-Reg;
    font-size: max(2vw, 1em);
    color: rgb(200, 200, 200);
    text-align: justify;
    text-indent: 2em;
}
a.specops {
    font-family: Verdana;
    font-size: max(2.3vw, 1.5em);
    text-align: center;
    text-indent: 1em;
    color: #000000;
    text-shadow: -2px 2px 2px #00dd00, -2px -2px 2px #00dd00, 2px -2px 2px #00dd00, 2px 2px 2px #00dd00, 2px 0 2px #00dd00, -2px 0 2px #00dd00;
}
a.specops:hover {
    font-family: Verdana;
    font-size: max(2.3vw, 1.5em);
    text-align: center;
    text-indent: 1em;
    color: #00FF00;
    text-shadow: -2px 2px 2px #000000, -2px -2px 2px #000000, 2px -2px 2px #000000, 2px 2px 2px #000000, 2px 0 2px #000000, -2px 0 2px #000000;
}

/* -- Begin CSS Properties for the Projects Archives -- */

.corp_assets {
    height: auto;
    margin: 1.0vw;
}
td.proj_tn {
    border: solid #80ff80 2px;
    width: 10vw;
    height: auto;
    vertical-align: top;
}
img.proj_tn {
    width: 11vw;
    height: auto;
    margin: 1vw 1vw 1vw 1vw;
}
.corp_name {
    border: solid #80ff80 2px;
    width: auto;
    height: auto;
    font-family: Verdana;
    font-size: 2vw;
    text-align: Left;
    color: #000000;
    text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
    padding: .5vw 1.5vw .5vw 1vw;
}

.proj_name {
    width: auto;
    height: auto;
    font-family: Verdana;
    font-size: 4vw;
    text-align: center;
    color: #181818;
    text-shadow: -2px 2px .2vw #00dd00, -2px -2px .2vw #00dd00, 2px -2px .2vw #00dd00, 2px 2px .2vw #00dd00, 2px 0 .2vw #00dd00, -2px 0 .2vw #00dd00;
    
}
.proj_name2 {
    width: auto;
    height: auto;
    font-family: Verdana;
    font-size: 2.7vw;
    text-align: center;
    color: #181818;
    text-shadow: -2px 2px .2vw #00dd00, -2px -2px .2vw #00dd00, 2px -2px .2vw #00dd00, 2px 2px .2vw #00dd00, 2px 0 .2vw #00dd00, -2px 0 .2vw #00dd00;
    
}
td.proj_rndwn {
    border: solid #80ff80 2px;
    width: auto;
    height: auto;
}
p.proj_rndwn {
    margin-left: .6rem;
    margin-right: .6rem;
    margin-top: 1vw;
    margin-bottom: 1vw;
    font-family: NatPark-Reg;
    font-size: clamp(1.0em, 1.75vw, 1.6em);
    color: rgb(130, 200, 130);
    text-align: justify;
    text-indent: 2em;
}

.flt-lft {
    float:left;
    margin-right: 1vw;
    vertical-align: top;
}
.flt-rgt {
    float:right;
    margin-left: 1vw;
    vertical-align: top;
}
.pagination {
    margin:2vw auto 2vw auto; 
    width:30vw; 
    height:auto; 
    padding-top: 1vw;
    padding-bottom: 1vw;
    text-align: center;
    font-family: monospace;
    font-size: 1.75vw;
    color: #000000;
    text-shadow: -2px 2px .6vw #ffffff, -2px -2px .6vw #ffffff, 2px -2px .6vw #ffffff, 2px 2px .6vw #ffffff, 2px 0 .6vw #ffffff, -2px 0 .6vw #ffffff;
}
.page-nation {
    text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
}
a.pagination:link {
  color: #000000;
  text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
}
a.pagination:visited {
  color: #000000;
  text-shadow: -2px 2px .6vw #00dd00, -2px -2px .6vw #00dd00, 2px -2px .6vw #00dd00, 2px 2px .6vw #00dd00, 2px 0 .6vw #00dd00, -2px 0 .6vw #00dd00;
}
a.pagination:active {
  color: #000000;
  text-shadow: -2px 2px .6vw #FFFFFF, -2px -2px .6vw #FFFFFF, 2px -2px .6vw #FFFFFF, 2px 2px .6vw #FFFFFF, 2px 0 .6vw #FFFFFF, -2px 0 .6vw #FFFFFF;
}

/* -- Begin CSS Properties for the footer bar -- */

.ftr_div {
    position: fixed;
    width: 60vw;
    bottom: 5px;
    left: 50%;
    transform:translate(-50%,0%);
    
    /* border: solid 1px black; */
}
.ftr_hr {
    width: 60%;
    margin: auto;
    margin-bottom: 1vh;
} 
.ftr_bnr {
    height: 45px;
    margin-top: -5px;
    margin-bottom:5px;
}
.ftr_brdr {
    border: 1px solid black;
}
.ftr_tbl__2 {
    background: rgba(46, 46, 46, .65);
    border-radius: 1.5vw;
    border-style: ridge;
    border-width: thick;
    border-color: rgba(26, 255, 26, 1);
    text-align: center;
    width: 6vw; 
    margin: 0;
    color: #dddddd;
}

.ftr_tbl {
    text-align: center;
    width: 60vw; 
    margin: auto;
    color: #dddddd;
}

.ftr_tr {
     height: 1.5em; 
}
.ftr_logo {
    Height:85px;
    margin:10px;
}
.ftr_info {
    font-family: Verdana;
    font-size: clamp(.30em, 1.0vw, .8em);
    font-weight: bold;
    text-align: center;
}