body {
  width: 900px;
  background: black; margin: 20px auto; color: antiquewhite ;
  font-family: verdana; font-size: 16px; text-align: justify; }
  
h1 { margin: 0; color: gold; text-align: center; font-size: 32pt; font-family: "comic sans ms"; }
h2 {  margin: 0; color: beige; text-align: center; font-size: 24pt; }
h2.subTitle { margin: 0; text-align: center; font-size: 12pt}
h3 {  margin-top: 80px; color: White; text-align: center; font-size: 18pt; }
h4 { margin: 10px 0 8px; color: cornsilk; text-align: left; font-size: 14pt; }
h5 { margin-top: 80px; color: mediumaquamarine; background: darkGreen; text-align: center;
    font-size: 16pt; }

p{line-height: 1.5em; }
ul{ line-height: 1.5em; }

a:link { color: yellow; text-decoration: none; background: transparent; }
a:visited { color: palegoldenrod; }
a:active {color: green; background: mintcream; }
a:hOver{text-decoration: underline; color: aquamarine; }

img { border-style: none; outline: none; }
/*img { border: solid 1px red; } */


.left   {text-align: left; }
.center {text-align: center; }
.right  {text-align: right; }
.justify {text-align: justify; }

.noBullet{list-style: none; }
.legend { font-size: 11pt; text-align: center; font-weight: bold; color: navy; }

/* specifics */

   #mainTitle { display: block; width: 260px; position: absolute; left: 380px; top: -40px }
   #bgImg { position: absolute; z-index: -100; left: 160px; top: -30px;}
   #outBox { position: relative; width: 900px; height: 700px; padding: 0 40px; margin-top: 60px;
            /*border: solid 1px yellow;*/
           }
   #leftText { width: 400px; float: left; }

   
   #rightText { width: 340px; float: right; }
   #rightText h4 { font-size: 1em; margin: 20px 0 20px 20px;}


   #bioBlock  { position: relative; width: 220px; height:280px; font-size: .82em;
                margin: 60px 0 0 -20px; padding: 16px; background: #343d2d;
                border-bottom: solid 1px #94644d; border-top: solid 1px #94644d; }
   #bioBlock h4 { width: 90px; margin-top: -40px; margin-left: -30px; padding: 4px 8px 12px;
                  font-size: 1em; background: #570317; color:#f5e5a1}
   #bioBlock p { text-align: left; margin-top: 30px;}
   #bioBlock a { display: block; width: 40px; margin: 10px auto 10px; background: none;}


   #bio0 { display: none; }
   #bio1 { display: none; }
   #bio2 { display: none; }

   #imgBox {  width: 670px; height: 800px; z-index: 100;
              position: absolute; top: 0; left: 50px;
              cursor: pointer; display: none; }

   #backMask { background: #000; opacity:0.6;  position: fixed; width: 100%; height: 100%;
               top:0; left:0; display:none; z-index: 98;  }

   #nextBtn {
             position: absolute; bottom: 20px; right: 20px;  /* margin: -20px 0 10px 180px;*/
             width: 18px; height: 13px;
             background: url("img/nextBtnAll3small.png") }
   #nextBtn:hOver { cursor: pointer; background: url("img/nextBtnAll3small.png") 40px 0px; }
   
   #act { margin: 0; list-style: none; }
   #act li { font-weight: bold; color: #dbb5a1}
   #act li:hOver { cursor: pointer; color: gold; }
   #act li p {font-size: .8em; margin: -.5em 0 0 2em; font-weight: normal; color: cornsilk;}

   .pNote { font-size: .8em; margin: -.5em 0 0 2em; }
   
   #botBox { position: relative; width: 800px; height: 80px; margin: 50px auto; z-index: 10; background: none;}
   #backBtn { position: absolute; left:-50px; top: 40px;  width: 0 ; height: 0;
              padding: 6px 9px; /* width: 18px; height: 13px;  */
              background-repeat: no-repeat;
              background: url("backBtnAll3small.png")}
   #backBtn:hOver { cursor: pointer; background: url("backBtnAll3small.png") 40px 0px; }
   /*#botBox h4 { width: 300px; text-align:center; margin:0 0 0 12em ;} */
   #botBox h4 { position: absolute; width: 100px; text-align:center; left: 80px; top: 30px; background: #330000;}
   #contact { position: absolute; bottom:0; width: 200px;}
   #BookDet { font-size: .80em; line-height: 1em; width:430px; position: absolute;
              bottom:0; left: 200px; color: silver;}
              
   #spkrBtn { position: absolute; right:0px; bottom: 10px; width: 0 ; height: 0;
             /* padding: 38px 40px 38px 40px;  width: 38px; height: 40px;*/
              padding: 20px; margin: 0;
              background-repeat: no-repeat;
              background: url("spkrsAll3.png") 0 0; border-style: none;}
   /* top: -80px; */
   #spkrBtn:hOver { cursor: pointer; }
 
  /*// not now...
   #musicBox{display: block; width: 80px; margin: 20px auto 0; cursor: pointer;}
   #sCover { display: absolute; width: 80px; height:80px; }
   #viewport {
       overflow: hidden;
       position: relative;
       //margin: 100px auto 20;
       width: 80px;
       z-index: -10;
   }
   #clipBox {display: block; position: absolute; }
   */