body
   {
   color: white;
   background: black;
   font-size: 16px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-family: arial;
   text-align: left;
   text-decoration: none;
}

@font-face {
   font-family: Allura-Regular;
   src: url(/fonts/Allura-Regular.ttf);
}
@font-face {
   font-family: Blaze;
   src: url(/fonts/Blaze.ttf);
}
@font-face {
   font-family: AtomicAge-Regular;
   src: url(/fonts/AtomicAge-Regular.ttf);
}
@font-face {
   font-family: BlackOpsOne-Regular;
   src: url(/fonts/BlackOpsOne-Regular.ttf);
}
@font-face {
   font-family: ChessType;
   src: url(/fonts/ChessType.ttf);
}
@font-face {
   font-family: ChocolateDropsNF;
   src: url(/fonts/ChocolateDropsNF.ttf);
}
@font-face {
   font-family: DarkGardenMK;
   src: url(/fonts/DarkGardenMK.ttf);
}
@font-face {
   font-family: Digit;
   src: url(/fonts/Digit.ttf);
}
@font-face {
   font-family: Diplomata;
   src: url(/fonts/Diplomata.ttf);
}
@font-face {
   font-family: DiplomataSC;
   src: url(/fonts/DiplomataSC.ttf);
}
@font-face {
   font-family: ElementalEnd;
   src: url(/fonts/ElementalEnd.ttf);
}
@font-face {
   font-family: ElementalEndItalic;
   src: url(/fonts/ElementalEndItalic.ttf);
}
@font-face {
   font-family: FlowersInitials;
   src: url(/fonts/FlowersInitials.ttf);
}
@font-face {
   font-family: GypsyCurse;
   src: url(/fonts/GypsyCurse.ttf);
}
@font-face {
   font-family: Headlinetext;
   src: url(/fonts/Headlinetext.ttf);
}
@font-face {
   font-family: KingthingsExtortion;
   src: url(/fonts/KingthingsExtortion.ttf);
}
@font-face {
   font-family: NegativeSpace;
   src: url(/fonts/NegativeSpace.ttf);
}
@font-face {
   font-family: NouveauDropCaps;
   src: url(/fonts/NouveauDropCaps.ttf);
}
@font-face {
   font-family: OldeEnglish;
   src: url(/fonts/OldeEnglish.ttf);
}
@font-face {
   font-family: SFBalloons;
   src: url(/fonts/SFBalloons.ttf);
}
@font-face {
   font-family: SFBalloonsItalic;
   src: url(/fonts/SFBalloonsItalic.ttf);
}
@font-face {
   font-family: SFBalloonsThin-Italic;
   src: url(/fonts/SFBalloonsThin-Italic.ttf);
}
@font-face {
   font-family: SFBalloonsThin;
   src: url(/fonts/SFBalloonsThin.ttf);
}
@font-face {
   font-family: SpacePatrol;
   src: url(/fonts/SpacePatrol.ttf);
}
@font-face {
   font-family: StardosStencil-Bold;
   src: url(/fonts/StardosStencil-Bold.ttf);
}
@font-face {
   font-family: StardosStencil-Regular;
   src: url(/fonts/StardosStencil-Regular.ttf);
}
@font-face {
   font-family: Xanax;
   src: url(/fonts/Xanax.ttf);
}
@font-face {
   font-family: ZallmanCaps;
   src: url(/fonts/ZallmanCaps.ttf);
}
@font-face {
   font-family: bloodfs;
   src: url(/fonts/bloodfs.ttf);
}
@font-face {
   font-family: blooods;
   src: url(/fonts/blooods.ttf);
}
@font-face {
   font-family: dash_pixel-7;
   src: url(/fonts/dash_pixel-7.ttf);
}
@font-face {
   font-family: plasdrip;
   src: url(/fonts/plasdrip.ttf);
}
@font-face {
   font-family: plasdrpe;
   src: url(/fonts/plasdrpe.ttf);
}
@font-face {
   font-family: simplto2;
   src: url(/fonts/simplto2.ttf);
}
@font-face {
   font-family: triple_dot_digital-7;
   src: url(/fonts/triple_dot_digital-7.ttf);
}
@font-face {
   font-family: vtskDejaVu;
   src: url(/fonts/vtskDejaVu.ttf);
}

@font-face {
   font-family: ROLLERBALL1975;
   src: url(/fonts/ROLLERBALL1975.ttf);
}

hr {
   width: 90%;
   height: 5px;
   background: blue;
}

hr.skinny
   {
   width: 80%;
   margin: 0 auto;
   height: 1px;
   background: blue;
}

hr.master {
   width: 90%;
   height: 5px;
   background: black;
   border: 3px solid silver;
   border-radius: 12px;
   margin-top: 15px;
   margin-bottom: 5px;
}

hr.Divider1 {
   background-image: url('/images/dividers/Divider1.jpg');
}

hr.Divider2 {
   background-image: url('/images/dividers/DIVID034.JPG');
}

hr.Divider3 {
   background-image: url('/images/dividers/DIVID014.JPG');
}

hr.Header {
   background-image: url('/images/dividers/DIVID019.JPG');
}

hr.bold {
   height: 10px;
   width: 90%;
   background: linear-gradient(to right,  blue 20%, red );
}

hr.bold1 {
   height: 5px;
   width: 90%;
   background: blue;
}

iframe.header
   {
   margin: 0 auto;
   position: relative;
   border: none;
   width: 90%;
}

iframe.menu
   {
   position: relative;
   top: 0;
   width: 90%;
}

iframe.article
   {
   padding-right: 16px;
   padding-left: 16px;
   width: 90%;
   height: 100%;
   text-align: left;
}

.MyHeaderFrame {
   width: 100%;
   height: 155px;
   border: none;
   overflow: hidden;
}

.MyMenuFrame {
   width: 100%;
   height: 200px;
   border: none;
}

.MyArticleFrame {
   width: 100%;
   border: none;
   overflow: hidden;
}

.MyTruthHeaderFrame {
   border: none;
   width: 100%;
   height: 160px;
}

.MyTruthArticleFrame {
   border: none;
   width: 100%;
   height: 2048em;
   text-align: justify;
   padding: 16px;
}

span.joke
   {
   font-size: 5px;
   text-decoration: none;
}

span.joke:hover {
   font-size: 80%;
}

.critical
   {
   color: crimson;
   font-family: Diplomata;
}

.important {
   color: yellow;
   font-family: Diplomata;
}

span.fun
   {
   font-size: 22px;
   font-family: ElementalEnd;
   color: powderblue;
   -webkit-animation: glow 1s ease-in-out infinite alternate;
   -moz-animation: glow 1s ease-in-out infinite alternate;
   animation: glow 1s ease-in-out infinite alternate;

}

.header {
   color: red; 
   font-size: 24px; 
   font-family: Diplomata; 
   margin-bottom: 10px; 
   text-align: center;
}
         
.nav {
   display: block;
   top: 0px;
   position: sticky;  
   padding-top: 16px;
   padding-bottom: 16px;
   color: red; 
   text-align: center; 
   background: black;
   z-index: 1;
}

.navigation {
   position: fixed; 
   left: 8px; 
   top: 7px; 
   background-color: blue; 
   border: 2px solid tomato; 
   border-radius: 15px; 
   height: 600px; 
   width: 256px; 
   overflow-x: hidden; /* Hide horizontal scrollbar */
   overflow-y: auto; /* Add vertical scrollbar */
   z-index: 1;
}

.wizardnav {
   position: fixed; 
   left: 8px; 
   top: 7px; 
   background-color: blue; 
   border: 2px solid tomato; 
   border-radius: 15px; 
   height: 600px; 
   width: 256px; 
   overflow-x: hidden; /* Hide horizontal scrollbar */
   overflow-y: auto; /* Add vertical scrollbar */
   z-index: 1;
}

.banner {
   display: block;
   top: 0px;
   position: sticky;  
   padding-top: 16px;
   padding-bottom: 16px;
   color: red; 
   text-align: center; 
   background: black;
   z-index: 1;
}

.home {
   width: 90%;
   background: black;
}

.MuArlingtonHeader {
   color: crimson; 
   font-size: 42px; 
   font-family: bloodfs; 
   text-shadow: 2px 2px white;
   margin-top: 16px;
   margin-bottom: 32px; 
   padding-top: 16px;
   text-align: center;
}


.MyArlingtonBanner {
   display: block; 
   position: sticky; 
   top: 0px; 
   border-bottom: 10px solid blue;
   width: auto;
   height: 181px;
   background-image: url('/images/ArlingtonCemetery.jpg'); 
   background-repeat: no-repeat; 
   text-align: center; 
   z-index: 1;"
}


ul.nostyle {
   list-style-type: none;
}

ul.MyMainul {
   color: white;
   font-size: 18px;
   list-style-type: square;
}

table.common  {
   display: table;
   width: 50%;
   color: white;
   background-color: yellow;
   font-size: 16px;
   border-collapse: collapse;
   border: 3px solid silver;
   vertical-align: bottom; 
}

tr.common {
   border-bottom: 2px solid gray;
}

th.common, td.common {
   background-color: yellow;
   color: white;
   font-size: 16px;
   color: black;
   vertical-align: bottom;
   text-align: center;
}

table.small
   {
   background: black;
   font: normal normal 15px decorative;
   color: yellow;
   width: 60%;  
   border: 1px solid white; 
   border-radius: 15px;
   border-collapse: collapse; 
   padding: 5px;
}

caption.common  {
   color: red;
   background: #FFFF00;
   border: 1px solid white; 
   border-radius: 15px;
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
   font-size: 16px;
   margin-bottom: 15px;
}

th.small
   {
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
   width: 10%;
}

td.small
   {
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
   width: 10%;
}

table.mine
   {
   background: black;
   font-size: 15px;
   text-decoration: none;
   color: white;
   width: 100%;  
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
}

th.mine
   {
   color: white;
   background: black;
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
}

td.mine
   {
   color: white;
   background: black;
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
   vertical-align: middle;
}

table.war 
   {
   display: table;
   background: black;
   font-size: 15px;
   text-decoration: none;
   color: white;
   width: 100%;  
   border: 1px solid white; 
   border-collapse: collapse; 
   padding: 5px;
}
th.war
   {
   border: 1px solid silver; 
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
}

td.war
   {
   border: 2px solid silver;
   color: white;
   vertical-align: top;
   text-align: center;
   height: 4em;
}

table.political
   {
   display: table;
   background: black;   
   background-image: linear-gradient(to right, blue, blueviolet, red ); 
   table-layout: fixed; 
   width: 80%; 
   empty-cells: hide; 
   border: 2px solid silver;
   border-radius: 15px;
   font-size: 18px;
   text-decoration: none;
   color: white;
   padding: 5px;
}

table.our
   {
   display: table;
   background: black;   
   background: linear-gradient(to right, lightcoral, tomato, darkred 100% );
   table-layout: fixed; 
   width: 80%; 
   empty-cells: hide; 
   border: 2px solid silver;
   border-radius: 15px;
   font-size: 18px;
   text-decoration: none;
   color: white;
   padding: 5px;
}

th.political
   {
   border-collapse: collapse; 
   padding: 5px;
   text-align: center;
}

td.political
   {
   color: white;
   vertical-align: middle;
   text-align: center;
   height: 1em;
}

q.quote
   {
   text-align: center;
   color: red;
}

a:link 
   {
   font-family: arial;
   color: violet;
   text-decoration: none;
}

a:visited 
   {
   font-family: arial;
   color: violet;
   text-decoration: none;
}

a:active 
   {
   font-family: arial;
   color: violet;
   text-decoration: none;
}

a:hover 
   {
   color: HotPink;
   text-decoration: none;
}

img.MyCenter {
   border: 3px solid silver;
   border-radius: 5px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.MyCenter:hover {opacity: 0.7;}

img.MyChange {
   border: 3px solid silver;
   border-radius: 5px;
   position: absolute;
   left: 80%;
   cursor: pointer;
   transition: 0.3s;
}

img.MyChange:hover {opacity: 0.7;}



img.MyModalChange {
   border: 3px solid silver;
   border-radius: 5px;
   margin-left: auto;
   margin-right: auto;  
   transition: 0.3s;
}

img.MyModalChange:hover {opacity: 0.2;}


img.border
   {
   border-width: 10px;
   border-style: ridge;
   border-color: gold;
}

img.center {
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   border-width: 10px;
   border-style: ridge;
   border-color: silver;
}


img.MyBorder
   {
   border-width: 10px;
   border-style: ridge;
   border-color: silver;
}

div {
   margin: 0 auto;
   width: 100%;
}

div.polaroid {
  width: 310px;
  background-color: lightgray;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

div.container {
  text-align: center;
  color: black;
  font-size: 16px;
}

div.center {
   display: inline;
   width: auto;
   height: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   border-width: 10px;
   border-style: ridge;
   border-color: silver;
}

div.GoBackButton {
   padding-top: 32px;
   height: 200px;
   margin: 0 auto;
   width: 100%;
}

div.MyMainDiv {
   margin: 0 auto;
   width: 90%;
}

div.faqHeader {
   text-align: center; 
   padding: 5px; 
   width: auto; 
   max-width: 500px; 
   margin-bottom: 5px; 
   font-family: Diplomata; 
   font-size: 16px; 
   color: crimson; 
   background: yellow; 
   border: 5px solid gray; 
   border-radius: 25px;
}

div.faq {
   text-align: center; 
   width: auto; 
   max-width: 800px; 
   margin-bottom: 5px; 
   font-family: Diplomata; 
   font-size: 12px; 
   color: black; 
   background: yellow; 
   border: 5px solid gray; 
   border-radius: 25px;\"
}


div.MyContainer {
   width: 100%;
   border: 1px solid white;
   background: black;
}

div.relative {
   position: relative;
   left: 30px;
   width: 100%;
}


div.MyDivButton {
   display: block;
   border: 5px solid dodgerblue;
   width: 300px;
   border-radius: 20px;
   color: white;
   padding: 16px;
   text-align: center;
   text-decoration: none;
   margin: 16px;   
}

div.MySmallDivButton {
   display: block;
   border: 5px solid dodgerblue;
   width: 175px;
   height: 32px;
   border-radius: 20px;
   color: white;
   text-align: center;
   text-decoration: none;
   margin: 5px;   
}

div.GoBack {
   display: block;
   margin: 16px; 
   height: 200px;
   width: 60%;
   border-radius: 20px;
   color: white;
   padding: 16px;
   text-align: center;
   text-decoration: none;
}

button.MyNewButton {
   background: dodgerblue;
   border: 2px solid silver;
   color: white;
   padding: 1px 2px;
   text-align: center;
   text-decoration: none;
   display: inline;
   width: 175px;
   height: 32px;
   font-size: 16px;
   margin: 2px 2px;
   cursor: pointer;
}

button.MyNewestButton {
   background: blue;
   border: 2px solid silver;
   color: white;
   padding: 5px 2px;
   text-align: center;
   text-decoration: none;
   display: inline;
   width: 175px;
   height: 32px;
   font-size: 16px;
   margin: 2px 2px;
   cursor: pointer;
}


button.MyButton {
   color: white;
   background: #0000ff;
   border: 2px solid silver;
   padding: 4px;
   text-align: center;
   text-decoration: none;
   display: inline;
   width: 350px;
   height: 32px;
   font-size: 16px;
   margin: 2px;
   cursor: pointer;
}

button:hover {
   opacity: 0.7;
}

button.red {
   background: red;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.orange {
   background: orange;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.yellow {
   background: yellow;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.blue {
   background: lightblue;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.green {
   background: green;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.gray {
   background: rgb(240, 240, 240);
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.white {
   background: white;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button.tomato {
   background: tomato;
   color: black;
   width: 250px;
   height: 32px;
   font-size: 16px;
}

button:hover {
   opacity: 0.7;
}


blockquote.inside {
   font: normal italic 25px decorative;
   font-family: arial;
   color: linen;
}

.modal   {
   display: none;                /* Hidden by default */
   z-index: 1;                  /* Sit on top */
   height: auto;                 /* Full height */
   overflow: auto;               /* Enable scroll if needed */
   background-color: rgb(0,0,0);          /* Fallback color */
}

.modal-content {
   margin-top: auto;
   margin-bottom: auto;
   display: block;
   width: 80%;
   max-width: 700px;
}


#caption {
   margin: auto;
   display: block;
   width: 80%;
   max-width: 700px;
   text-align: center;
   color: #ccc;
   padding: 10px 0;
   height: 150px;
}


.modal-content, #caption {    
   -webkit-animation-name: zoom;
   -webkit-animation-duration: 0.6s;
   animation-name: zoom;
   animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
   from {-webkit-transform:scale(0)} 
   to {-webkit-transform:scale(1)}
}

@keyframes zoom {
   from {transform:scale(0)} 
   to {transform:scale(1)}
}

.close {
   color: #aaaaaa;
   float: right;
   font-size: 40px;
   font-weight: bold;
}

.close:hover,
.close:focus {
   color: #000;
   text-decoration: none;
   cursor: pointer;
}

@media only screen and (max-width: 700px) {
   .modal-content {
      width: 100%;
   }
}

.tooltip {
   position: relative;
   display: inline-block;
   border-bottom: 2px dotted white;
}

.tooltip .tooltiptext {
   visibility: hidden;
   width: 300px;
   padding: 20px;
   border: 2px solid white;
   background-color: black;
   color: yellow;
   font-style: normal;
   font-size: 16px;
   font-variant: normal;
   font-weight: normal;
   font-family: arial;
   text-align: left;
   text-decoration: normal;
   border-radius: 6px;
   position: fixed;
   top: 10px;
   right: 40%;
   z-index: 1;
}

.tooltip:hover .tooltiptext {
   visibility: visible;
}

.tooltip1
   {
   position: relative;
   display: inline-block;
   color: crimson;
   border-bottom: 2px dotted white;
}

.tooltip1 .tooltiptext1
   {
   visibility: hidden;
   width: 300px;
   padding: 20px;
   margin-top: 5px;
   border: 2px solid white;
   background-color: black;
   color: yellow;
   font-style: normal;
   font-size: 16px;
   font-variant: normal;
   font-weight: normal;
   font-family: arial;
   text-align: left;
   text-decoration: normal;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
   visibility: visible;
}


.tooltip2 {
   position: relative;
   display: inline-block;
   color: white;
   border-bottom: 2px dotted gold;
}

.tooltip2 .tooltiptext2 {
   visibility: hidden;
   background-color: black;
   color: yellow;
   text-align: left;
   padding: 5px;
   border: 2px solid totmato;
   border-radius: 6px;
   position: absolute;
   z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2 {
   visibility: visible;
}

#grad1 {
   height: 10px;
   background: purple; /* For browsers that do not support gradients */
   background: linear-gradient(to right, blue , red); /* Standard syntax (must be last) */
}


.glow {
   font-size: 32px;
   color: #fff;
   text-align: center;
   -webkit-animation: glow 1s ease-in-out infinite alternate;
   -moz-animation: glow 1s ease-in-out infinite alternate;
   animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
   from {
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
   }

   to {
      text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
   }
}

.grid-container {
   display: grid;
   background-color: powderblue;
   grid-template-columns: auto auto auto auto;
   grid-gap: 16px;
   width: 100%;
}
.grid-item {
   display: block;
   background-color: rgba(0, 0, 0, 0.8);
   border: 5px solid silver;
   border-radius: 20px;
   font-size: 16px;
   align: bottom;
   text-align: center;
   max-width: 175px;
}