/*
FOLDER STRUCTURE:

_WCW_MAIN                 - MAIN ACCESS POINT FOR WCW
   wcw_index.html
   wcw_html_stylesheet,css

   WCW_BCGD               - MY BACKGROUND INFO
      wcw_bkgd_main.html

   WCW_NEWS               - NEWS AN MEETING NOTICES
      wcw_news_main.html

   WCW_INT                - THINGS I FIND INTERESTING
      wcw_int_main.html
      IMG                 - 
      ALICE               - DISCUSSION ON ALICE VERSION
      FORMATS             - DIFFERENT FORMATS USED FOR POPUP BOOKS
      LIFESIZED           - COMPARISON OF LIFESIZED FOLDOUT BOOKS
      BANTOCK             - NICK BANTOCK DISCUSSION

   WCW_REV                - POPUP BOOK AND CARD REVIEWS
      wcw_rev_main.html
      IMG

   WCW_SAMP               - SAMPLES OF MY WORK
      wcw_samp_main.html
      IMG

   WCW_CONTACT            - CONTACT INFO FOR WCW
      wcw_contact_main.html

   IMAGES                 - WCW LOGOS

   WEYERMANNBLIMPWORKS    - MAIN ACCESS POINT FOR WBW - GO HERE FOR WBW_INDEX.HTML


IMAGE FORMATING NAMING CONVENTION:
AT EACH LEVEL START NUMBERING WITH 1 (APPEND THE NUMBER)
ADD LEVELS AS NECESSARY

main
   bkg
   nws
   int
      alc
      fmt
      lsz
      btk
   rvw
   smp

NAME THE IMAGE CLASSES AS
picintalc1  - the first image on int/alc (absolute locaion in class def)
pxtintalc1 - the accompanying text for the image (abs location in class def)

TEXT FORMATTING NAMING RULES

START WITH THE ATTRIBUTE (h1, p, etc)
APPEND THE PAGE, START NUMBERING WITH 1

gen                       - text format used on any page, such as in a header

-------------------------------------------------------------------  
*/


body {
/*border: 1px solid brown;*/
margin: 20px;
margin-left: 60px;
height: 300px;
background-color: #ddd;
}

h1{
font-family:  "times new roman", serif;
font-size: 1.5em;
font-weight: lighter;
/*border: 4px dashed brown;*/
}

.h1gen1 {position: absolute;top: 230px;left: 300px;}
.h1gen2 {position: absolute;top: 230px;left: 300px;}

h2{
font-family:  "times new roman", serif;
font-size: 1.3em;
font-weight: lighter;
color: black;
/*border: 4px dashed brown;*/
}

.h2gen1 {position: absolute;top: 230px;left: 300px;}
.h2bkg1 {position: absolute;top: 220px;left: 300px;}
.h2new1 {position: absolute;top: 250px;left: 300px;}

.h2int1 {position: absolute;top: 220px;left: 300px;}
.h2int2 {position: absolute;top: 330px;left: 300px;}
.h2int3 {position: absolute;top: 435px;left: 300px;}
.h2intalc1 {position: absolute;top: 220px;left: 300px;}
.h2intfmt1 {position: absolute;top: 250px;left: 300px;}
.h2intlfz1 {position: absolute;top: 250px;left: 300px;}

.h2rvw1 {position: absolute;top: 250px;left: 300px;}

.h2tec1 {position: absolute;top: 220px;left: 300px;}
.h2tec2 {position: absolute;top: 325px;left: 300px;}
.h2tec3 {position: absolute;top: 430px;left: 300px;}

.h2smp1 {position: absolute;top: 250px;left: 300px;}
.h2ctc1 {position: absolute;top: 250px;left: 300px;}

h3{
font-family: "times new roman", serif;
font-size: 1.1em;
font-weight: lighter;
/*border: 4px dashed brown;*/
color: black;
padding: 1px;
margin-right: 75px;
}

.h3abs{
/*border: 4px dashed brown;*/
margin: 10px;
margin-right: 400px;
margin-left: 50px;
position:absolute;
top: 100px;
left: 400px;
}

.rel{
font-family: sans-serif;
border: 4px dashed red;
margin: 1px; /*margin: 10px;*/
margin-right: 400px;
margin-left: 50px;
color: green;
padding: 1px;
position:relative;
top: -300px;
left: 345px;
}

.h3gen1 {margin: 10px;
margin-right: 250px;
margin-left: 40px;
position: absolute;top: 60px;left: 375px
}


h4{
font-family: "times new roman", serif;
font-size: 1.1em;
font-weight: lighter;
/*border: 4px dashed brown;*/
margin-right: 150px;
/*margin-left: 60px;*/
color: black;
}

.h4txt1 {position: absolute;top: 280px;left: 300px;}
.h4txt2 {position: absolute;top: 280px;left: 300px;}
.h4txt3 {position: absolute;top: 385px;left: 300px;}
.h4txt4 {position: absolute;top: 490px;left: 300px;}

.h4gen1 {position: absolute;top: 280px;left: 200px;}

.h4bkg1 {position: absolute;top: 250px;left: 300px;}

.h4int1 {position: absolute;top: 220px;left: 300px;}
.h4int2 {position: absolute;top: 300px;left: 300px;}
.h4int3 {position: absolute;top: 375px;left: 300px;}

.h4intalc1 {position: absolute;top: 250px;left: 300px;}
.h4intfmt1 {position: absolute;top: 280px;left: 300px;}
.h4intlfz1 {position: absolute;top: 280px;left: 300px;}

.h4intfmtsld1 {position: absolute;top: 220px;left: 300px;}
.h4intfmtacc1 {position: absolute;top: 260px;left: 300px;}
.h4intfmtlif1 {position: absolute;top: 300px;left: 300px;}
.h4intfmtcut1 {position: absolute;top: 340px;left: 300px;}


.h4tec1 {position: absolute;top: 250px;left: 300px;}
.h4tec2 {position: absolute;top: 355px;left: 300px;}
.h4tec3 {position: absolute;top: 460px;left: 300px;}


.h4nws1 {position: absolute;top: 260px;left: 300px;}

a {
    text-decoration: none;
    }
 
.visited {
    color: gray;
    }

.listed {
   color: blue;
   }
  
a:link {
   text-decoration: none;
   }

ul {
   list-style-type: none;
   padding: 10px;
   line-height: 130%;
}

.ulgen1 {position: absolute;top: 230px;left: 90px;}
.ulgen2 {position: absolute;top: 290px;left: 90px;}
.ulgen3 {position: absolute;top: 525px;left: 205px;}

.imgcentered {
/*border: 4px dashed brown;*/
padding: 10px;
display: block;
margin-left: auto;
margin-right: auto;
}

.imgleft {
/*border: 4px dashed gray;*/
margin-top: 0;
padding: 1px;
}

img {
/* border: 4px dashed green; */
padding: 5px;
}
video {
   border: 4px dashed green;
   padding: 5px;
}
   
               /*  IMAGES */
.greenchair {padding: 10px; display: block;
    margin-top:450px; 
    margin-left: auto; 
    margin-right: auto;}

               /*  alice */
.al_img      {  width:400px; height:350px;}

.large_img    {  width:40vw; height:45vh;}
.medium_img   {  width:30vw; height:35vh;}
.small_img    {  width:20vw; height:25vh;}

.large_video  {  width:45vw; height:40vh;}
.medium_video {  width:35vw; height:30vh;}
.small_video  {  width:25vw; height:20vh;}

.picintalc1  {position: absolute;top:  350px;left: 275px;}
.picintalc2  {position: absolute;top:  700px;left: 275px;}
.picintalc3  {position: absolute;top: 1050px;left: 275px;}
.picintalc4  {position: absolute;top: 1400px;left: 275px;}
.picintalc5  {position: absolute;top: 1750px;left: 275px;}

               /*  hidden backgrounds */
.pictechid1  {position: absolute;top:  500px;left: 90px;}
.pictechid2  {position: absolute;top:  850px;left: 90px;}
.pictechid3  {position: absolute;top: 1200px;left: 90px;}
.pictechid4  {position: absolute;top: 1550px;left: 90px;}

.pictechid5  {position: absolute;top: 1900px;left: 90px;}
.pictechid6  {position: absolute;top: 1900px;left:390px;}
.pictechid7  {position: absolute;top: 2125px;left: 90px;}
.pictechid8  {position: absolute;top: 2125px;left:390px;}

                /*  TEXT */

               /*  alice */
.pxtintalc1  {position: absolute;top:  340px;left: 710px;}
.pxtintalc2  {position: absolute;top:  690px;left: 710px;}
.pxtintalc3  {position: absolute;top: 1040px;left: 710px;}
.pxtintalc4  {position: absolute;top: 1390px;left: 710px;}
.pxtintalc5  {position: absolute;top: 1740px;left: 710px;}

               /*  hidden backgroudns */
.pxttechid1  {position: absolute;top:  490px;left: 540px;font-size: 1.0em;}
.pxttechid2  {position: absolute;top:  840px;left: 540px;font-size: 1.0em;}
.pxttechid3  {position: absolute;top: 1190px;left: 540px;font-size: 1.0em;}
.pxttechid4  {position: absolute;top: 1540px;left: 540px;font-size: 1.0em;}
.pxttechid5  {position: absolute;top: 1890px;left: 710px;font-size: .95em;}