body {
	background-color: #000000;
    font-family: "Courier New", Courier, monospace, "Lucida Console", Monaco,  "Times New Roman", Times;
        font-size: 100%;
        margin: 0px 0px 0px 0px;
	text-align: justify;
        color: rgba(255,255,255, 0.6);
        padding-top:0px; 
}

blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}

div.marquee {
  text-shadow: 0 0 21px #555555;
  padding-left:25px; 
  padding-right:25px; 
  padding-top:0px; 
  padding-bottom:25px; 
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}

div.infra {
   font-size: 75%;
   text-align: center;
   font-family: "Times New Roman", Times, serif;

}

div.hyper {
   font-size: 85%;
   font-family: "Times New Roman", Times, serif;

}

div.papertear {
    background-image: url("images/tearx.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.tearpaper {
    background-image: url("images/tear0.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.blackonwhitetop {
    background-image: url("images/blackonwhitetop.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.blackonwhitebtm {
    background-image: url("images/blackonwhitebtm.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}


div.whiteonblacktop {
    background-image: url("images/whiteonblacktop.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}


div.whiteonblackbtm {
    background-image: url("images/whiteonblackbtm.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}




div.teartopgray {
    background-image: url("images/teartopgray.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.tearcentersquare {
    background-image: url("images/tearcentersquare.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.tearbtmgray {
    background-image: url("images/tearbtmgray.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.teartopblack {
    background-image: url("images/teartopblack.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.tearcenterblack {
    background-color: #000000;
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.tearbtmblack {
    background-image: url("images/tearbtmblack.png");
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
  border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}



#center {
  text-align: center;
}

#right {
  text-align: right;
}

span.xxxxl {
    font-size: 375%;
}

header {
    font-size: 200%;
    text-align: center;
}

xxxl {
    font-size: 315%;
}

xxl {
    font-size: 250%;
}

xl {
    font-size: 200%;
}

medlrg {
    font-size: 125%;
}

med {
    font-size: 100%;
}

sml {
    font-size: 75%;
}

smlr {
    font-size: 50%;
}

smlst {
    font-size: 25%;
}

#micro {
    font-size: 15%;
}

span.silver {
    color: silver;
}

span.blackshadow{
    text-shadow: 0 0 21px #000000;
}

span.whiteshadow{
    text-shadow: 0 0 21px #3BE628;
}

span.nightshade{
    color: #FFFFFF;
    text-shadow: 0 0 21px #C0C0C0;
}


span.charcoal {
    color: #36454F;
}



span.invisibleink {
    color: gray; /* fallback */
    color: rgba(0, 0, 0, 0);
}

span.sans {
      font-family: Arial, Helvetica, sans-serif;
} 

.copyright { 
 color: #EFDFBB;
 font-size: 65%;
}



div.page {
  background-color: #000000;
  color: #C0C0C0;
  text-shadow: 0 0 21px #555555;
  border: 0px solid #000000;
  border-style: solid;
  padding-left:25px; 
  padding-right:25px; 
  padding-top:0px; 
  border-collapse: collapse;
  padding-bottom:25px; 
  margin-top: -3px;
  margin-bottom: -3px;
  margin-right: 0px;
  margin-left: 0px;
}

div.chalkboard {
  background-color: #000000;
  color: #C0C0C0;
  border: 0px solid #000000;
  border-style: solid;
  padding-left:25px; 
  padding-right:25px; 
  padding-top:0px; 
  border-collapse: collapse;
  padding-bottom:25px; 
  margin-top: -3px;
  margin-bottom: -3px;
  margin-right: 0px;
  margin-left: 0px;
}

div.chalkboard  a:link { color: #FFFFFF; }
div.chalkboard  a:visited { color: #FFFFFF; }
div.chalkboard  a:hover { color: #000000; }
div.chalkboard  a:active { color: #FFFFFF; }

footer {
    color: #FFFFFF;
    text-align: center;
   font-size: 35%;
   font-family: "Times New Roman", Times, serif;
}

div.dimedash {
    padding: 15px;
    border-color: #3BE628;
    border-top-style: dashed;]
    width: 500px;
    border-right-style: dashed;
    border-bottom-style: dashed;
    border-left-style: dashed;

}

div.headerwoods {
    background-image: url("images/title_lumberwoods_mobile.png");
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
   border-collapse: collapse;
    font-weight: bold;
   margin-top: -3px;
   margin-bottom: -3px;
   margin-right: 0px;
   margin-left: 0px;
    left:0; 
    width:100%;

}


div.oogiewood {
    background-image: url("images/hollowood.jpg");
   position: fixed;
    left: 0;
    top: 0;
    padding: 0px;   
    height: auto;
    width:100%;
    border: none;
    border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}

div.bogiewood {
    background-image: url("images/hollowood.jpg");
    padding: 0px;   
    height: auto;
    left:0; 
    width:100%;
    border: none;
    border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}

div.wogiewood {
    background-image: url("images/wollowood.jpg");
    padding: 0px;   
    height: auto;
    left:0; 
    width:100%;
    border: none;
    border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}

.dropbtn {
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: white;
  padding: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
  display: inline-block;
}

.dropdown-content {
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  position: absolute;
  right: 0;
  background-color: #000000;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  font-family: Arial, Helvetica, sans-serif;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}




div.whitebg {
    background-color: #FFFFFF;
    color: #000000;
    border: 0px solid transparent;
   border-collapse: collapse;
    width:100%;
    padding:0px; 
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}

div.blackbg {
    background-color: #000000;
    color: #3BE628;
   border-collapse: collapse;
    border: 0px solid transparent;
    padding: 0px;   
    width:100%;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}

table.vox {
    padding: 25px;
    font-size: 100%;
    border-width: 0px;
    color: #000000;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;

}


table.booktable {
    font-size: 100%;
    padding: 25px;
    border-width: 10px;
    color: #000000;
    text-align: justify;
    border-color: #000000;
    border-top-style:  dotted;
    border-right-style:  dotted;
    border-bottom-style:  dotted;
    border-left-style:  dotted;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 35px;
    margin-left: 35px;

}

article {
    color: rgba(255,255,255, 0.6);
    text-align: justify;
}

article a:link { color: #C0C0C0; }
article  a:visited { color: #C0C0C0; }
article  a:hover { color: #FFFFFF; }
article  a:active { color: #C0C0C0; }





.dropdown-content a:hover {background-color: #000000;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #000000;}

A:link{color:#C0C0C0;cursor:hand;TEXT-DECORATION: none;}
A:visited{color:#C0C0C0;cursor:hand;TEXT-DECORATION: none;}
A:active{color:#C0C0C0;cursor:hand;TEXT-DECORATION: none;}
A:hover{color:#FFFFFF;cursor:hand;TEXT-DECORATION: none;}

span.sbtl {
    font-size: 125%;
    letter-spacing: 0.15em;
    color: rgba(255,255,255, 0.8);
    text-shadow: 0 0 21px  rgb(255,255,255, 0.6);
}

div.blot1 {
    background-image: url("images/superbg.jpg");
    background-repeat: no-repeat;
    padding: 0px;   
    height: auto;
    left:0; 
    width:100%;
    border: none;
    border-collapse: collapse;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: 0px;
    margin-left: 0px;
}



div.glassboard {
  color: rgba(255,255,255, 0.5);
  border: 0px solid #000000;
  border-style: solid;
  padding-left:25px; 
  padding-right:25px; 
  padding-top:0px; 
  border-collapse: collapse;
  padding-bottom:25px; 
  margin-top: -3px;
  margin-bottom: -3px;
  margin-right: 0px;
  margin-left: 0px;
}

div.glassboard  a:link {  color: rgba(255,255,255, 0.8);cursor:hand;TEXT-DECORATION: none; }
div.glassboard  a:visited { color: rgba(255,255,255, 0.8);hand;TEXT-DECORATION: none; }
div.glassboard  a:hover { color: rgba(255,255,255, 0.9);hand;TEXT-DECORATION: none; }
div.glassboard  a:active { color: rgba(255,255,255, 0.8);TEXT-DECORATION: none; }


span.hollow {
        color: rgba(255,255,255, 0.6);
}

span.cpt {
        color: rgba(255,255,255, 0.8);
        font-weight: 50;
}

span.invisibleink {
    color: gray; /* fallback */
    color: rgba(0, 0, 0, 0);
}

div.cdet {
  border-style: dashed;
  padding: 10px;
}
