/* my css styles
eventually make this used for all site pgs &
override if nec on specific pgs  */
* {
    /* padding: .25rem; */
    /*  outline: solid black 2px;  */
    box-sizing: border-box;
}

/* NOTE:  Headers:  H1, H2, H3  etc are defined near bottom of this css   */

body {
	  margin: 1rem;
    padding: 1rem;
	/* sets bkgd color of page, not just table  */
    background-color: rgb(100,100,210);
    }

/* define all paragraph font for main pg */
	p {
    color: black;
    text-align: left;
	  font-family: palatino, serif;
    background-color: transparent;
	  font-size: 1.1rem;
	/*  background-color: rgb(229,222,222); /* li grey  */
  /* margin: 4 props are: Top, Right, Bottom Left no , but spaces*/
    padding: 1rem;

  /*  outline: solid black 1px;
    box-sizing: border-box; */
	}


  p::first-letter {
              font-family:  'maelregular';
              font-size:2.8rem; color: #612222;
              }

  /* p::first-letter {
              font-family:  Georgia, serif;
              font-size:2.0rem; color: #612222;
              } */

  font {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
    text-align: center;
    background-color: transparent;
    height: 1.0rem;
    }

    .auth {
    	font-size: 0.7rem;
    }

    /* mael is now called out in a special font css  */
    /* .mael {
      font-family: 'maelregular';
      font-weight: normal;
      font-size: 1.8rem;
      color: #4c4c4c;
            } */

  img {
    border:  20px;
    background-color: transparent;
    padding-top: 8px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
    margin: auto;
    width:  100px;
    height: 100px;
  }

/*   When using comments, you do not want other comment tags within or it will void out the other comment tags. */
  /* Table Defines:  must define in this order */
    table, th, td {
      width: 33%;
      margin: auto;
      padding: 1px;
      text-align: center;
      border: 1px solid rgb(31,31,84);
      }

    table {
      width: 1000px;
      height: auto;
      border-collapse: separate;
      border: 4px solid rgb(82,82,84);
      border-spacing: 0.5rem;
      vertical-align: center;
      background-color: rgba(114, 114, 29, 0.1);
      display:block;
      }

  /* alternating rows w different 1st cell */

  /* controls 1st cell of ev odd row */
      tr:nth-child(odd) td:nth-child(3n+1) {
        background-color: rgba(191, 178, 178, 0.44);
        color: black;
        text-align: center;
        }
  /* controls 2nd cell of ev odd row */
      tr:nth-child(odd) td:nth-child(3n+2) {
        background-color: rgba(216, 177, 161, 0.46);
        color: navy;
        text-align: center;
        }
  /* controls 3rd cell of ev odd row */
      tr:nth-child(odd) td:nth-child(3n+3) {
        background-color: rgba(230, 160, 120, 0.50);
        color: mediumslateblue;
        text-align: center;
        }

  /* controls 1st cell of ev even row */
      tr:nth-child(even) td:nth-child(3n+1) {
          background-color: rgba(200, 200, 134, 0.48);
          color: #black;
          text-align: center;
        }
  /* controls 2nd cell of ev even row */
      tr:nth-child(even) td:nth-child(3n+2) {
          background-color: rgba(79, 114, 184, 0.65);
          color: #maroon;
          text-align: center;
          }
  /* controls 3rd cell of ev even row */
      tr:nth-child(even) td:nth-child(3n+3) {
          background-color: rgba(31, 61, 121, 0.70);
          color: #mediumslateblue;
          text-align: center;
          }

  /* all Headers defined here  */
  h1  { 	color: rgba(255, 255, 255, 0.95);
   font-size: 2.6em;
   padding-left:10px;
   text-shadow: 9px 2px 5px rgba(0, 0, 0, 1.0);	}

  h2  { 	color: rgba(19, 4, 4, 0.9);
   font-size: 2.3em;
   padding-left:10px;
   text-shadow: 5px -2px 3px rgba(244, 244, 245, 0.75); }

   /* overwrite font just for H2  */
  h3  { 	color: rgba(78,32,32,0.95);
   font-family: Georgia, serif, fantasy;
   font-size: 2.0em;
   padding-left:10px;
   text-shadow: 2px -2px 4px rgba(204,182,182,0.8);	}

  h4  { 	color: rgba(32,44,71,0.9);
   font-size: 1.3em;
   padding-left:8px; }

  h5  { 	color: rgba(32,44,71,0.9);
   font-size: 0.90em;
   padding-left:5px;
   background-color: transparent; }

  h6  { 	color: rgba(186,189,43,0.9);
   font-size: 0.55em;
   padding-left:2px;  }