body { width: 700px; height: 600px; background: whitesmoke;  color: black;
       font: normal 12px/16px "courier new", courier, monospace;
       text-align: justify; margin: 0 auto; padding:0; position: relative;
       border: solid 1px turquoise;
       border-left: none;
     }

h1 { margin: 1em 0 1.5em; font-size: 3em; color: darkRed; text-align: center; }
h2 { margin: .5em 0 1.5em; font-size: 2em; color: darkslategray; text-align: center;  }
h3 {color: darkslateblue;}
h4 { color: darkgreen; margin: 6em 0 1em; }

hr{ margin: 80px auto;}


a{ background: transparent; text-decoration: none;}
a:link { color: darkslategray ; }
a:visited { color: darkslategray;}
a:active { color: crimson;  }
a:hOver { color: gold ; background: darkslategray; width: 100%; }

#home { position: absolute; left: 10px; top: 20px; z-index: +10;
        background: url(img/homeBtnSmall00.png);
        width: 30px; height: 30px; margin: -1px 0 0 ; }
#home:hover{ background:url(img/homeBtnSmall01.png); cursor: pointer; }

#phone { position: absolute; left: 10px; top: 80px; z-index: +10;
        background: url(img/phoneBtn01.png);
        width: 30px; height: 30px; margin: -1px 0 0 ; }
#phone.on { background: url(img/phoneBtn00.png)}
#phone:hover{ background: url(img/phoneBtn04.png); cursor: pointer; }


/*LocPubBtns: 324 x 124 */
#topBtn1, #topBtn2  { position: fixed; z-index: +10;
          left: 0; width: 60px; height: 160px; }
#topBtn1 { bottom: 240px; background: url(img/LocPubBtns.svg) 0 0}
#topBtn2 { bottom: 40px;  background: url(img/LocPubBtns.svg) 0 -140px }

#topBtn1:hover, #topBtn2:hover { cursor: pointer; }
#topBtn1:hover { background: gold url(img/LocPubBtns.svg) 62px 0}
#topBtn2:hover { background: gold url(img/LocPubBtns.svg) 62px -140px}

#topBtn1.sel { background: whitesmoke url(img/LocPubBtns.svg) 62px 0}
#topBtn2.sel { background: whitesmoke url(img/LocPubBtns.svg) 62px -140px}

#configBtn { position: absolute; left: 27px; bottom: 30px; z-index: +10; cursor: pointer;}

#topMenu { width: 60px; height: 590px; position: absolute;
           margin: 10px 0 0 -30px;
           background: url(img/topMenuBG.png) 0 -60px; /* use the btn color */
           border-radius: 0 0 20px 20px ;
           }

/* content box and subMenu */

#cBox {  position: absolute; left: 30px; float: left; /* margin:0 0 0 80px;*/
         width: 620px; height: 560px; margin: 10px 0 0; background: navajowhite;
         border-radius: 0 0 20px 0;}

/*#cBox h1 { width: 620px; margin: 0 0 1.5em 0;  padding: 1.2em 0 .5em;
           background:  darkslategray; font-size: 2em;
           color: whitesmoke; text-align: center; }  */
#cBox #cDiv { padding: 20px; margin: 8em auto 1em; width: 40%; border: solid 1px silver;}

#subMen { position: absolute; left: 0px; top: 0; width: 620px; display: block;
          z-index: 10; margin: 0; padding: 0;  background:  darkslategray;}

#subMen li { display: inline; margin: 0; padding: 1.5em 1.8em 1em; float: left;
             list-style: none; font: bold 1.25em arial;
             background: darkslategray; color: whitesmoke; }
#subMen li:hOver { background: gold; color: black; cursor: pointer }
#subMen li.sel { background: green; color: gold; }



#menu { width: 100px; height: 800px; float: left;
         position: fixed; border-right: solid 4px silver;
         margin: 0; padding: 0 4px 0 0; background: cadetblue;
         line-height: 13px;  text-align: right;
         font: normal 10px/13px "courier new", courier, monospace;
	        }
#menu h2 { font-size: 20px; margin: 60px 0 30px; color: lavender;}
#menu div{ width: 200px;  float: left; padding: 10px; }
#menu a:link { color: azure; }
#menu a:visited { color:lightgoldenrodyellow;}
#menu a:active { color: white;  }
#menu a:hOver { color: gold; width: 100%; }

#topBox {width: 300px; margin: 10px auto 30px;}

#foot { width: 300px; margin: 60px auto 0; text-align: center;}

/* => in htdocs/phNmb/phoneBook.css
#phoneBook {position: relative; width: 300px; margin: 0 auto; padding: 16px;
        background: gainsboro; border-radius: 20px; display: none}
                                                                    */
#msgBox { position: absolute; width: 260px; padding: 10px;
          bottom: 10px; left: 30%; font-size: .9em; color: midnightblue;
          margin: 0 auto; background: whitesmoke; border-radius: 10px;
          text-align: center;}


ul { list-style-type:none;}
li { margin: .tem 0;}

.nob { list-style-type:none; }
.center, .cntr { text-align: center}
.strike { text-decoration: line-through}
.hide{ display: none;}
.show{ display: block;}

.ind1 {margin:1.25em 2em 1em 3em;}

.rChap, .rChap p{ margin:1.25em 2em 1em 3em; font-size: 1em; color: black; line-height: 1;  }
.rChap p { margin:1.25em 2em 1em 3em;  }
.rChap h5 {font-size: .9em;  margin: 2em 0 0; }
.rChap li { margin: 1em 0;}


#lCol { float: left; position: relative; margin: 10px 10px 10px 60px;
        width: 360px; height: 300px; padding: 0 auto;
        /*border: solid gold 1px;*/
       }

 .lCol {float: left; width: 360px; margin: 1em 0}

.logo { margin: 200px 0; display: block; text-align: center;
          padding: 0 auto; }

.iBox, .iBoxBtn, .iFl { display: block; margin: 1em auto;}
.iBoxBtn {cursor: pointer;}
.iFl { float: left; margin: 1.5em 0 4em 6em;}

.small { font-size: 40pt; }
.note { width: 460px; font-size: .78em; margin: 2em auto 1em; color: snow }
 p.cite { font-style: italic; width: 480px; margin: 10px auto; }


/***  table ***/

 table { width: 540px; background: none; margin: 10px auto;
       font: normal 12px/16px "courier new", courier, monospace;
       border-collapse: collapse ; border-spacing: 0;
     }

 td { width: 270px; padding: 4px 2px 4px 8px; vertical-align: top; }
 td h3 {margin: 0 0 0 -20px; padding: 2px 0 2px;}
 td h4 {margin: 0; padding: 2px 0 2px; color: maroon;}
 td a{padding-left: 10px;}
 td div{ padding-left: 20px; line-height:1em; font-size: .95em;}

/*** -
  border: solid 1px silver;
 table.mTbl th {background: black; color: gold; font-weight: bold; padding: 4px;}
 #tl td:nth-child(1) { text-align: right; border-right: solid 1px crimson;
                          width: 20px; font-weight: bold; font-size: 1.2em;
                          color: navy;
                      }
 #tl td:nth-child(2), td:nth-child(3){ background: beige; }
 #tl td:nth-child(3) { color: blue; }
 #tl td:nth-child(4) { background:lemonchiffon; color: crimson; font-weight: bold;  }
 #tl td:nth-child(5) { color: navy; }
- ***/




@media print{
             .pBreak {page-break-after:always}
             body{ background: none}
            /* #header { display:none; }  */
             #backBtn { display:none; }
             }