/* css1.css    4-11-2024 */

table.center {margin-left: auto;
              margin-right: auto}
.fftnr {font-family: Times New Roman}
.rcorners10 {border-radius: 10px;
            border: 2px solid #000000;}
.rcorners12 {border-radius: 12px;
            border: 3px solid #000000;}
.itlx {font-style: italic}
.b0 {border: 0px solid white}
.b1 {border: 1px solid black}
.b2 {border: 2px solid black}
.b3 {border: 3px solid black}
.bl2b {border-left: 2px solid black}
.br2b {border-right: 2px solid black}
.bb1b {border-bottom: 1px solid black}
.bb2b {border-bottom: 2px solid black}
.bt2b {border-top: 2px solid black}
.ba1 {border: 1px solid #999999}
.bt1 {border-top: 1px solid #999999}
.bl1 {border-left: 1px solid #999999}
.br0 {border-right: 0px solid white}
.br1 {border-right: 1px solid #999999}
.bb1 {border-bottom: 1px solid #999999}
.ba2 {border: 2px solid #BBBBBB}
.bt2 {border-top: 2px solid #BBBBBB}
.bb2 {border-bottom: 2px solid #BBBBBB}
.bl2 {border-left: 2px solid #BBBBBB}
.br2 {border-right: 2px solid #BBBBBB}
.black {color: #000000}
.white {color: #FFFFFF}
.red {color: #FF0000}
.green {color: #00FF00}
.blue {color: #0000FF}
.yellow {color: #FFFF00}
.pink {color: #FF00FF}
.purple {color: #800080}
.fuchsia { #FF00FF}
.ltred {background-color: #F2B39F}
.ltgreen {background-color: #BFF973}
.ltyellow {background-color: #FFFF66}
.splitpea {color: #69C304}
.normal {font-weight: normal}
.bold {font-weight: bold}
.center {text-align: center}
.justify {text-align: justify}
.left {text-align: left}
.right {text-align: right}
.underline {text-decoration: underline}
.top {vertical-align: top}
.middle {vertical-align: middle}
.bottom {vertical-align: bottom}
.fs3pt {font-size: 3pt}
.fs6pt {font-size: 6pt}
.fs7pt {font-size: 7pt}
.fs8pt {font-size: 8pt}
.fs10pt {font-size: 10pt}
.fs11pt {font-size: 11pt}
.fs12pt {font-size: 12pt}
.fs14pt {font-size: 14pt}
.fs16pt {font-size: 16pt}
.fs18pt {font-size: 18pt}
.fs20pt {font-size: 20pt}
.fs22pt {font-size: 22pt}
.fs24pt {font-size: 24pt}
.fs28pt {font-size: 28pt}
.fs30pt {font-size: 30pt}
.fs40pt {font-size: 40pt}
.itlx {font-style: italic}
.mlauto {margin-left: auto}
.ml10 {margin-left: 10px}	/* .105 in*/
.ml20 {margin-left: 20px}	/* .209 in*/
.ml70 {margin-left: 70px}	/* .729 in*/
.mrauto {margin-right: auto}
.mr10 {margin-right: 10px}	/* .105 in*/
.mt77 {margin-top: 77px}	/* .802 in*/
.mt96 {margin-top: 96px}	/*1.000 in*/
.pb15 {padding-bottom: 15px}	/* .156 in*/
.pt15 {padding-top: 15px}	/* .156 in*/
.pt31 {padding-top: 31px}	/* .323 in*/
.pl9 {padding-left: 9px}	/* .094 in*/
.ti5 {text-indent: 5px}		/* .052 in*/
.ti7 {text-indent: 7px}		/* .073 in*/
.ti8 {text-indent: 8px}		/* .083 in*/
.ti9 {text-indent: 9px}		/* .094 in*/
.ti16 {text-indent: 16px}	/* .167 in*/
.ti25 {text-indent: 25px}	/* .260 in*/
.ti50 {text-indent: 50px}	/* .521 in*/     
.ti75 {text-indent: 75px}	/* .781 in*/     
.ti80 {text-indent: 80px}	/* .834 in*/
.ti90 {text-indent: 90px} 	/* .938 in*/
.ti100 {text-indent: 100px}	/*1.042 in*/
.ti115 {text-indent: 115px}	/*1.197 in*/
.ti120 {text-indent: 120px}	/*1.250 in*/
.ti125 {text-indent: 125px}	/*1.303 in*/
.ti200 {text-indent: 200px}	/*2.083 in*/
.h3 {height: 3px}		/* .032 in*/
.h5 {height: 5px} 		/* .052 in*/
.h7 {height: 7px}		/* .073 in*/
.h9 {height: 9px}		/* .093 in*/
.h16 {height: 16px}		/* .167 in*/
.h20 {height: 20px}		/* .208 in*/
.h25 {height: 24px}		/* .250 in*/
.h30 {height: 30px}		/* .312 in*/
.h35 {height: 35px}		/* .364 in*/
.h75 {height: 75px}		/* .781 in*/
.h100 {height: 100px}		/*1.042 in*/
.h840 {height: 840px}		/*8.750 in*/
.w5 {width: 5px}			/* .052 in*/
.w6 {width: 6px}			/* .063 in*/
.w10 {width: 10px}		/* .104 in*/
.w15 {width: 15px}		/* .156 in*/
.w20 {width: 20px}		/* .208 in*/ 
.w22 {width: 22px}		/* .229 in*/
.w25 {width: 25px}		/* .260 in*/   
.w27 {width: 27px}		/* .280 in*/
.w29 {width: 29px}		/* .303 in*/
.w40 {width: 40px}		/* .417 in*/
.w55 {width: 55px}		/* .573 in*/
.w60 {width: 60px}		/* .625 in*/
.w75 {width: 75px}		/* .760 in*/	
.w80 {width: 80px}		/* .833 in*/ 
.w86 {width: 86px}		/* .896 in*/
.w90 {width: 90px}		/* .938 in*/
.w98 {width: 98px}		/*1.021 in*/
.w100 {width: 100px}		/*1.042 in*/
.w110 {width: 110px}		/*1.146 in*/
.w117 {width: 117px}		/*1.218 in*/  
.w123 {width: 123px}		/*1.281 in*/
.w130 {width: 130px}		/*1.354 in*/
.w137 {width: 137px}		/*1.427 in*/
.w140 {width: 140px}		/*1.458 in*/
.w146 {width: 146px}		/*1.521 in*/
.w147 {width: 147px}		/*1.531 in*/
.w151 {width: 151px}		/*1.573 in*/
.w154 {width: 154px}		/*1.604 in*/
.w158 {width: 158px}		/*1.646 in*/
.w165 {width: 165px}		/*1.719 in*/
.w182 {width: 182px}		/*1.896 in*/
.w190 {width: 190px}		/*1.979 in*/
.w200 {width: 200px}		/*2.083 in*/
.w220 {width: 220px}		/*2.292 in*/
.w224 {width: 224px}		/*2.333 in*/
.w270 {width: 270px}		/*2.813 in*/
.w280 {width: 280px}		/*2.917 in*/
.w300 {width: 300px}		/.125 in*/
.w320 {width: 320px}		/*3.333 in*/
.w355 {width: 355px}		/*3.698 in*/
.w360 {width: 360px}		/*3.750 in*/
.w400 {width: 400px}		/*4.123 in*/
.w451 {width: 451px}		/*4.698 in*/
.w520 {width: 520px}		/*5.417 in*/
.w550 {width: 550px}		/*5.729 in*/
.w584 {width: 584px}		/*6.083 in*/
.w600 {width: 600px}		/*6.250 in*/
.w605 {width: 605px}		/*6.302 in*/
.w620 {width: 620px}		/*6.458 in*/
.w650 {width: 650px}		/*6.771 in*/
.w670 {width: 670px}		/*6.979 in*/
.w700 {width: 700px}		/*7.292 in*/
.w720 {width: 720px}		/*7.500 in*/
.w740 {width: 740px}		/*7.708 in*/
.w800 {width: 800px}		/*8.333 in*/
.w900 {width: 900px}		/*9.375 in*/ 
.w25 {width: 25%}		
.w50 {width: 50%}
.ws5 {word-spacing: 5px}	/* .052 in*/
.ws6 {word-spacing: 6px}	/* .063 in*/
.ws10 {word-spacing: 10px}	/* .104 in*/
.ws30 {word-spacing: 30px}	/* .312 in*/
.ws48 {word-spacing: 48px}	/* .500 in*/
.ws69 {word-spacing: 69px}	/* .719 in*/
.ws80 {word-spacing: 80px}	/* .833 in*/
.ws96 {word-spacing: 96px}	/*1.000 in*/
.ws115 {word-spacing: 115px}	/*1.198 in*/
.ws120 {word-spacing: 120px}	/*1.250 in*/
.ws178 {word-spacing: 178px}	/*1.854 in*/
.ws192 {word-spacing: 192px}	/*2.000 in*/
.ws195 {word-spacing: 195px}	/*2.031 in*/
.ws196 {word-spacing: 196px}	/*2.042 in*/
.ws205 {word-spacing: 205px}	/*2.135 in*/
.ws212 {word-spacing: 212px}	/*2.208 in*/
.ws216 {word-spacing: 216px}	/*2.250 in*/
.ws220 {word-spacing: 220px}	/*2.292 in*/
.ws221 {word-spacing: 221px}	/*2.300 in*/
.ws272 {word-spacing: 272px}	/*2.833 in*/
.ws278 {word-spacing: 278px}	/*2.896 in*/
.ws279 {word-spacing: 279px}	/*2.906 in*/
.ws298 {word-spacing: 298px}	/*3.104 in*/
.ws394 {word-spacing: 394px}	/*4.100 in*/
.ws475 {word-spacing: 475px}	/*4.948 in*/
.ws640 {word-spacing: 640px}	/*6.667 in*/
.ws654 {word-spacing: 654px}	/*6.813 in*/


/* Add a light yellow background color to the top navigation */
.topnav {
   /* background-color: #333; /* black  */
   /* background-color: #008000;  Olive  */
   background-color: #FFFF66; /* ltyellow */
   overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
   float: left;
   color: black;	/* yellow */
   /* color: #f2f2f2;	/* Gray */ */
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 20px;
}

/* Add a color to the active/current link */
.topnav a.active {
   background-color: #04AA60;  /* Lime Green */
   color: yellow;
}
/* Donate Button */
.topnav a.donate {
   background-color: #BFF973;  /* Light Green */
   color: black;
}

/* Change the color of links on hover */
.topnav a:hover {
   background-color: #D3D3D3; /* gray for hover */
   color: black;
}

/* Background image used for front page */
.bg-img {
   /* The image used */
   background-image: url("ChapterPicture_4-9-2016-FrontPage.png");
   min-height: 900px;
   /* Center and scale the image nicely */
   background-postion: center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 100vh;
   width: 100%;
   }

   /* Position the navbar container inside the image */
   .container {
      position: absolute;
      margin: 10px;
      width: auto;
   }
   .HeaderLogo {
      width: 100%;
      text-align: center;
   }
   .HeaderLogoWrapper {
      margin: 0 auto;
      text-align: center;
      width: 100%;
   }

   .center-logo {
      /* display: block; */
      /* margin-left: auto; */
      /* margin-right: auto; */
      width: 84%;
      border: 10px solid #FFFFFF;
      /* background-color: #36454F; */
      background-color: #FFFFFF;
      position: relative;
      z-index: 1;
   }


   .close-headers h2,
   .close-headers h1 {
     margin-top: 0;  /* Adjust as needed */
     margin-bottom: 0; /* Adjust as needed */
     }

   .header-box {
      width: 700px;
      height: 300px;
      line-height: 1.2;
      /* border: 5px solid #CCC; gray border */
      border: 5px solid #FFF;
      margin-top: 200px;
      margin-left: 50px;
      margin-bottom: 0;
      margin-right: 0;
      float: center;
      overflow: auto;
      /* box-sizing: border-box; */
      text-align: left;
      }

   .my-box {
      width: 680px;
      height: 350px;
      border: 5px solid #FFFFFF;
      margin-left: 100px;
      float: left;
      padding: 60px;
      overflow: auto;
      box-sizing: border-box;
      text-align: left;
      }

   .chapter15-box {
      width: 650px;
      height: 400px;
      border: 5px solid #FFFFFF;
      margin-top: 0px;
      margin-left: 0 px;
      margin-bottom: 0px;
      margin-right: 0px;
      float: center;
      overflow: auto;
      text-align: left;
      }

    
   .dirimg-box {
      width: 250px;
      height: 450px;
      border: 50px solid #FFF;
      margin: 50px 100psx;
      float: right;
      padding: 100px 20px 60px 105px;
      }
    
   .dirtext-box {
      width: 4500px;
      height: 550px;
      border: 50px solid #FFF;
      margin: 60px 50px;
      float: left;
      padding: 0px 60px;
      overflow: auto;
      text-align: left;
      }
    
   .image-border {
      border: 5px solid black;
      border-radius: 10px;
      }

   .container-dir {
      /* display: inline; */
      display: flex;
      align-items: top;
      }
   .container-mine {
      display: flex;
      align-items: start;
      }
   .text {
      font-size: 70px;
      }
   .img-dir {
      max-width: 100%;
      max-height: 100%;
      }