<!--

.item1 { grid-area: header;
         font-size : 14pt;  color :#CC3300 ; font-weight: bold; }
.item2 { grid-area: labl1; text-align: right;}
.item3 { grid-area: txt1; text-align: left;}
.item4 { grid-area: labl2; text-align: right;}
.item5 { grid-area: txt2; text-align: left;}
.item6 { grid-area: labl3; text-align: right;}
.item7 { grid-area: txt3; text-align: left;}
.item8 { grid-area: labl4; text-align: right;}
.item9 { grid-area: txt4; text-align: left;}
.itemA { grid-area: labl5; text-align: right;}
.itemB { grid-area: txt5; text-align: left;}
.itemC { grid-area: labl6; text-align: right;}
.itemD { grid-area: txt6; text-align: left;}
.itemE { grid-area: labl7; text-align: right;}
.itemF { grid-area: txt7; text-align: left;}

.grid-container {
    display: grid;
    grid-template-columns: 20% 40% 40% ;
    grid-template-areas:    
    'header header header '
    'labl1  txt1 txt1'
    'labl2  txt2 txt2'
    'labl3  txt3 txt3'
    'labl4  txt4 txt4'
    'labl5  txt5 txt5'
    'labl6  txt6 txt6'
    'labl7  txt7 txt7' ;
  gap: 0px; 
  padding: 0px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 10px solid rgba(255, 0,128    , 0.8);
  padding: 20px;
  font-size: 14px;
  text-align: right;
}

.grid-container > div {
  background-color: rgba(200, 200, 200, 0.8);
  /* text-align: right; */
  padding: 0px 0px;
  font-size: 12px;
}
/* All the above is for a single grid */

.topcentered {
  position: fixed;
  /* top: 50%; */
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%);
}

.bolded { font-weight: bold; }

p.fixedbox {
  background-color:transparent;  
  color:#000000;
  padding: 5px;
}    

:root {
    --big_image: 1500;
  }

.img_cent_small {
    width: 480px;
    height: auto; 
  }

.grise1 {padding:30px ;
border-style:solid; 
border-width:0px; 
border-color:black;
border: 0px solid green;
background-color: rgba(222, 211, 211, 0.6); 
    }
.grise {
    background-color: rgba(222, 211, 211, 0.6); 
    width: 500px ;
        }

.toptable { 
border-style:none; 
border-spacing:  0px    2px;
margin-left:auto;
margin-right:auto;} 

.small_text { font-size: 11pt;}

p {  font-size : 12pt; 
background-color:transparent;  
color:#000000;
}
p.nav_text {
    font-weight:bolder;
    background-color:transparent;  
    color: #a1291c;
    }
p.my_copy {
    background-color:transparent;  
    color:white;
    }    

h1 {font-size:140%;  color:#FFeeAA ; text-align:center ; text-shadow: 2px 4px 4px rgba(34, 37, 42, 0.6);}
h2 {font-size:120%;  color:#ddcc88 ; text-align:center ; text-shadow: 2px 4px 4px rgba(34, 37, 42, 0.6);}
    
body { font-family : Courier New, serif;
color:black;
background-color:#282A41;
/* background-image:url(zIMGP4510.jpeg); */
background-repeat:repeat-y;
margin: 20px;
}