body {
        box-sizing: border-box;
    }



:root {

--color1: #001219; /* black*/
--color2: #05051d; /* bright blue*/
--color3: #3d9397; /* blue ish */
--color4: #94d28d; /* blue grey ish */
--color5: #e9d8a6; /* light grey */
--color6: #ee9800; /* orange */
--color7: #ca6702; /* orange dense */
--color8: #bb3e03; /* brown */
--color9: #ae2912; /* red ish */
--color10: #9b2226; /* purple ish */
--color11: #CC0C00; /*dim red*/
--color12: #f2f8fb; /*Very light blue*/

}





 /* THE PROPERTIES BELOW ARE USED TO UPDATE AND CONTROL THE ELEMENTS ON TOP OF THE PAGE */ 




#headblock {
      margin: 0 auto;
      width: 98%;
      height: 190px;
      position: fixed;
      Top: 0;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      margin-right: 5px;
      margin-left: 5px ;
      }

#header {
      margin: 0 auto;
      height: 90px;
      margin: 10px;
      background-color: #fff;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
}


#logo {
      margin: 0 auto;  
      background-color: #fff;
      
      display: flex;
      justify-content: center;
      align-items: center;
      flex-basis: 100%;
      height: 90px;
      margin: 10px;

      }


      
#topSpace {
      margin: 0 auto;
      margin-top: 100px;
      height: 95px;
      width: 97%;
      background-color: rgb(189, 189, 189);
}


#topAdBoxcontainer {
      margin: 0 auto;
      width: 60%;
      height: 150px;
      display: block;
      margin-top: 20px;
      margin-bottom: 15px;
      padding-left: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #c6c3fc;
}




#topH1 h1 {
      width: 96%;
      height: 40px;
      display: block;
      padding-top: 8px;
      padding-left: 10px;
      display: flex;
      justify-content: left;
      align-items: center;
      }

      h1 {
      background-color: #e5e5e5;
      color:  #7E7D9C;
      font-family: arial, sans-serif;
      font-size: 20px;
      font-weight: bold;
      margin-left: 5px;
      
      }



      h2 {
      background-color: #e5e5e5; 
      text-transform: uppercase;
      font-size: 1em;
      padding:  5px;
      margin-top: 10px;
      border-radius: 25px;
      }

      #h2center {
      padding-left: 20px;
            
      }

      .toplefth2, .toprighth2 {
      background-color: #e5e5e5;
      border-radius: 25px;
      color: #bf0000;
      width: 90%;

      }




      h3 {
      font-size: 1.3em;
      font-weight: 700;
      padding:  5px;
      
      }

   

      #h3center {
      margin-top: 10px;
      padding-left: 25px;
      font-size: 0.8em;

      }

     
      h4 {
      font-size: 0.8em;
      padding:  5px;
      }


      h5 {
      font-size: 0.8em;
      padding:  5px;
      display: block;
      margin: auto;
      color: grey;
      }



      h6 {
            font-size: 2.2em;
            color: midnightblue;
            
            }


      .overlay {
           margin-top: 400px;
            background-color: #000;
            height: 50px;
            opacity: 0.6;
            width: 100%;
            }

      #imgtitle {
            color: #fff;
            z-index: 100;
            padding-left: 20px;
            width: 230px;
            
      } 


/*

STYLING THE NAV BAR INCLUDING THE MENUS


*/



.nav-container {      
      height: 40px;
      margin: 10px;
      background-color: #000;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
       }


.menuitems li a {
      display:inline;
      margin: 0;
      padding: 0;
      list-style: none;
}

.menuitems li {
      display: inline-block;
}

.menuitems li a {
      font-size: 16px; 
      outline: 1px solid grey;
      font-family: verdana;
      margin: 0 0.2em;
      color: white;
      border-radius: 3px;
      padding: 2px;
      background-color: #bf0000;
      }

  .menuitems a:link {
      text-decoration: none;
      background: var(--color11);
    }

  .menuitems a:visited {
      text-decoration: none;
    }

  .menuitems a:hover {
      background-color: #ccc;
      text-decoration: none;
      }


  .menuitems a:active {
      text-decoration: none;

      }


.small-menu  {
            display: none;
            }




/*

END OF STYLING THE NAV BAR INCLUDING THE MENUS

*/

/*

STYLING THE THREE ADVERTISING CONTAINERS (TOP BOTTOM ASIDE)

*/


/*STYLING THE Bilingual Div styling */


.nav-container-bilingual {       
      height: 10px;
      background-color: #fff;
      display: flex;
      flex-direction: row;
      justify-content: right;
      font-weight: 700;
      color: darkblue;
      font-size: 15px;
      padding-right: 15px;
      padding-top: 10px;
      border-top: 1px solid lightgrey;
      width: 98%;
}

.archivesContainer {       
      height: 10px;
      background-color: #fff;
      display: flex;
      flex-direction: row;
      justify-content: right;
      font-weight: 700;
      color: darkblue;
      font-size: 15px;
      padding-right: 15px;
      padding-top: 10px;
      border-top: 1px solid lightgrey;
      width: 98%;
}






/*Top page Advertising Box */


#topcontainer  h5 {
      margin-top: 220px;
      background-color: #ffd3d3;
      display: flex;
      flex-direction: row; 
      justify-content: center;
      align-items: center;
      height: 130px;
      color: grey;
      margin-right: 100px;
      margin-left: 100px;
      }



.topcontainer img {
      margin: 0 auto;
      width: 10%;
      height: 6em;
      border: 2px solid #eee;

      }



/*This occasionaly replaces the top Advertising Box on some pages */

.middlecontainer {
      margin-top: 220px;
      margin-bottom: 70px;
      background-color: #000;
      display: grid;
      grid-template-columns: 1fr; 
      grid-template-rows: 1fr ;
      height: 160px;
      margin-left: 120px;
      margin-right: 120px;
      /*justify-content: center;
      align-items: center;
      color: grey;*/
     
      }

.middlecontainer img {

      margin: 0 auto;
      width: 100%;
      }



/*bottom page Advertising Box */

.bottomcontainer {
      margin: 0 auto;
      margin-top: 250px;
      background-color: lightseagreen;
      display: flex;
      height: 170px;
      width: 75%;
      justify-content: center;
      align-items: center;
      color: grey;      
}


/*aside advertising box*/

.asidead {
      margin: 0 auto;
      width: 95%;
      height: 230px;
      background: linear-gradient(to bottom, #fff 40%, #eee 50%);
      margin-left: 5px;
      margin-right: 5px;
      text-align: center;
      border: 1px solid lightgrey;
      
      
      }

.asidead h5 {
      color: rgb(1, 31, 1);
      }
 
/*

END OF STYLING THE TWO ADVERTISING CONTAINERS

*/




.nav-container-topsmedia {
       
      height: 50px;
      margin: 10px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      
}

/* CHECK THAT align-items above does not affect the code AND layout JUNE 19 2024*/


.smediaTopAllPages {

       margin: 5px;
        padding-top: 10px;
        background-color: #fff;
        border-radius: 3px;
        display: flex;
        justify-content: space-evenly;
        flex-basis: 15%;
        height: 30px;        
        
}
 

#aboutUsNewGraphic img {
      margin: 0 auto;
      margin-top: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 70%;
      padding-left: 110px;
      padding-bottom: 10px;
      height: 1000px;
      border: 1px solid lightgrey;   
}

.contactDetails {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      border: 2px solid black;

}


/* BELOW IS FOR THE DATA PAGE ONLY */ 

#archivesInfo {
      margin: 0 auto;
      margin-top: 30px;
      width: 70%;
      margin-left: 150px;
      margin-right: 150px;      
      padding-left: 10px;
      padding-bottom: 10px;
      padding-top: 20px;
      height: 2000px;
      border: 1px solid lightgrey;
}





/*--- ---------------- 2025  --------------------------- 2025 ------------------ 2025 ---------*/
/* ARTICLES 2025*/
/* ARTICLES 2025*/
/* ARTICLES 2025*/




.dataH3 {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
 
      height: 10px;
      padding-top: 10px;
      width: 60%;
      border-top: 1px solid lightgrey;
      margin: 0 auto;
      background-color: #eeeeee;
}


.source {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 10px;
      padding-top: 10px;
      width: 60%;
      border-top: 1px solid lightgrey;
      margin: 0 auto;
      text-align: center;
}






.dataDefinition {       
      height: 100px;
      padding-top: 10px;
      width: 60%;
      border-top: 1px solid lightgrey;
      margin: 0 auto;
      background-color: #eeeeee;
}

.blockForDataTwo {
      display: flex;
      flex-direction: row;
      justify-content: center;     
      font-weight: 700;
      color: rgb(0, 0, 0);
      font-size: 14px;      
      width: 60%;
      background-color:#fff;
      margin: 0 auto;  
      padding-top: 20px;
      
}


.blockForData img {

      display: flex;
      flex-direction: column;
      justify-content: center;     
      font-weight: 700;
      color: rgb(0, 0, 0);
      font-size: 14px;
      border-top: 1px solid lightgrey;
      width: 60%;
      height: 470px;
      background-color:#fff;
      margin: 0 auto;  
      padding-top: 20px;
      box-shadow: .25em .25em .5em rgba(255, 0.3, 224, 0.3);
      border: 1.5px solid rgb(255, 224, 224);

}




#ghanaFemaleProgrammer img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 400px;
      padding-bottom: 10px;
}


#UnicconCEO img {

      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 400px;
      height: 430px;
      padding-bottom: 10px;
      }

#omeifeHerself img {

      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 300px;
      padding-bottom: 10px;
}


#UnicconDrone img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 300px;
      padding-bottom: 10px;
}



#UnicconFood img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 300px;
      padding-bottom: 10px;
}






#GoldValueChain img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 410px;
      padding-bottom: 10px;
      font-size: 15px;
}


#largestGoldProducers img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 450px;
      height: 350px;
      padding-bottom: 10px;
      font-size: 15px;
}

#largestGoldMiningCiesInGhana img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 400px;
      height: 500px;
      padding-bottom: 10px;
      font-size: 15px;
}


#GoldRevenues2021_2024 img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 410px;
      padding-bottom: 10px;
      font-size: 15px;
}






#GoldExportGhana img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 450px;
      height: 250px;
      padding-bottom: 10px;
      font-size: 15px;
}


#GoldCoinInBoxes img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 450px;
      height: 250px;
      padding-bottom: 10px;
      font-size: 15px;

}

#GoldCoinPrice img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 700px;
      height: 200px;
      padding-bottom: 10px;
      font-size: 15px;
}

#priceyGhanaGoldCoin img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 650px;
      height: 500px;
      padding-bottom: 10px;
      font-size: 15px;
}












#GoldCoinFrontAndBack img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;
}


#GoldCoinSmall img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 150px;
}


#robotBee img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 600px;
      height: 350px;
      padding-bottom: 10px;
      font-size: 15px;
}

#robotBeeSmallFrontPage img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;

}





/*

START OF STYLING FOR ALL THE CONTAINERS 1, 2, 3, 4, 5, 6, 7

*/


/* 
STYLES FOR ALL THE GRID/BOXES INSIDE THE 7 CONTAINERS OF THE LANDING PAGE and INSIDE OTHER MENUS

- On the landing page each container has 4 boxes or grid items (in horizontal rows).
 This model is repeated inside all
the other TOP MAIN MENU ITEMS.

 */



.container1 {
      margin-top: 10px;
      display: grid;
      grid-template-columns: 1fr 2fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 550px;
      column-gap: 10px;       
            
      }


.box1_1 {
      margin: 0 auto;
      width: 98%;
      height: 500px;
      background-color: none;
      padding: 2px;
      
      }


.box1_1 #asidead {

      display: flex;
      align-items: center;
      justify-content: center;
      padding-left: 5px;
      padding-right: 5px;
      width: 90%;
      height: 200px;
      }


.box1_2 {
      background-color: #eef;
      background: linear-gradient(to bottom, #fff 0%, #eef 100%);
      border-left: 1px solid #e7e5e5;
      padding-left: 5px;
      padding-right: 5px;                  
      }


.box1_2 img {
      margin: 0 auto;
      width: 99%;
      }


.box1_2 h4 {
      margin-left: 40px;
      margin-right: 50px;
      }


    
.box1_3 {
      margin: 0 auto;
      border-left: 1px solid #e7e5e5;
      
}

.box1_3 img {
      margin: 0 auto;
      
      }


/* HERE IS THE IMAGE OF THE FRONT COVER 
BELOW IS THE POSITION OF THE PASTISSUE TAG*/



.box1_4 {
    color: none;
    border-left: 1px solid #e7e5e5;
}


     
#pastIssuesPosition {
      padding-top: 350px;
}


.container2 {
      
      margin-top: 30px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 550px;
      column-gap: 8px;      
      }


.box2_1 {
      margin: 0 auto;
      width: 95%;
      height: 480px; 
      padding: 5px;     
}


.box2_2 {
      margin: 0 auto;
      width: 95%;
      height: 490px;
      padding: 5px;  
}

.box2_2 img {
      margin: 0 auto;
      width: 90%;
      height: 170px;     
      
}

.box2_3 {
      margin: 0 auto;
      width: 95%;
      height: 480px;      
}

.box2_3 img {
      margin: 0 auto;
      width: 95%;
      height: 170px;
}

.box2_4 {
      margin: 0 auto;
      width: 95%;
      height: 480px;      
}

.box2_4 img {
      margin: 0 auto;
      width: 95%;
      height: 170px;
}








.container3 {
    margin-top: 30px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 360px;
      column-gap: 10px;
      border-top: 1px solid #eee;
      padding: 10px;
      }



.box3_1 {
      margin: 0 auto;
      width: 95%;
      }

.box3_1 img {
      margin: 0 auto;
      width: 100%;
      height: 170px;  
      }


.box3_2 {
      margin: 0 auto;
      width: 95%;
      }

.box3_2 img {
      margin: 0 auto;
      width: 100%;
      height: 170px;  
      }


.box3_3 {
      margin: 0 auto;
      width: 95%;
      }
  
  .box3_3 img {
      margin: 0 auto;
      width: 100%;
      height: 170px;  
      }


.box3_4 {
      margin: 0 auto;
      width: 95%;
      }

.box3_4 img {
      margin: 0 auto;
      width: 100%;
      height: 170px;  
      }


.container4 {
      margin-top: 20px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 380px;
      column-gap: 10px;
      border-top: 1px solid #eee;
      padding: 10px;

      }




.box4_1 {
      margin: 0 auto;
      width: 95%;
      }

.box4_2 {
      margin: 0 auto;
      width: 95%;
      }

.box4_3 {
      margin: 0 auto;
      width: 95%;
      }
  
.box4_3 img {
      margin: auto;
      width: 100%;
      height: 170px;  
      }


.box4_4 {
      margin: 0 auto;
      width: 95%;
      }

.box4_4 p {
      padding-top: 100px;
      padding-left: 100px;
}

 


.container5 {

      margin-top: 20px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 400px;
      column-gap: 10px;
      border-top: 1px solid #eee;
      padding: 10px;
      }


.box5_1 {
      margin: 0 auto;
      width: 95%;
      }
 

.box5_2 {
      margin: 0 auto;
      width: 95%;
      }

.box5_2 img {
      margin: 0 auto;
      width: 100%;
      height: 200px;  
      }


.box5_3 {
      margin: 0 auto;
      width: 95%;
      }
  

.box5_4 {
      background-color: #000;
      border-left: 1px solid #eee;
      padding-left: 5px;
      }

.box5_4 img {
      margin: 0 auto;
      width: 100%;
      height: 350px;
      }



.container6 {
      margin-top: 40px;
      margin-bottom: 40px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 480px;
      column-gap: 10px;
      border-top: 1px solid #eee;
      padding: 10px;
      }



.box6_1 {
      margin: 0 auto;
      width: 95%;
      }

.box6_2 {
      margin: 0 auto;
      width: 95%;
      }

.box6_3 {
      margin: 0 auto;
      width: 95%;
      }
  

.box6_3 img {
      margin: auto;
      width: 100%;
      height: 170px;  
      }



.box6_4 {
      margin: 0 auto;
      width: 95%;
      }

.box6_4 p {
      Display: block;
      text-align: center;
}


.container7 {
      margin-top: 100px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 560px;
      column-gap: 10px;
      border-top: 1px solid #eee;
      padding: 10px;
      }


.box7_1 {

      margin: 0 auto;
      width: 95%;
}


.box7_1 img {
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;

      }

.box7_2 {
      margin: 0 auto;
      width: 95%;
      }


.box7_2 img {
      margin: 0 auto;
      width: 100%;
      height: 350px;
      }

/* image of nurse */

.box7_3 {
      margin: 0 auto;
      width: 95%;
      }
  
.box7_3 img {
      margin: 0 auto;
      width: 100%;
      height: 200px; 
      }
      
    

.box7_4 {
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      
      }
 
 .box7_4 p {
      
      text-align: center;
}


/*

END OF STYLING FOR ALL THE CONTAINERS 1, 2, 3, 4, 5, 6, 7

*/






/*

START OF STYLING FOR SPECIAL CONTAINER 2 FOR DATA DISPLAY

*/


.boxdd2_2 {
      background-color: #fff;
       margin: 0 auto;

      }


.boxdd2_2 img {
     
      width: 90%;
      height: 330px;
      border-left: 1px solid #ccc;
      padding-left: 2px;

}


.boxdd2_3 {
      background-color: #fff;
      border-left: 1px solid #eee;
      padding-left: 5px;
     
 }

.boxdd2_3 img {
      margin: auto;
      width: 100%;
      height: 170px; 
      }

.boxdd2_4 {
      background-color: #fff;
      border-left: 1px solid #eee;
      padding-left: 5px;

      }

.boxdd2_4 img {
      margin: auto;
      width: 100%;
      height: 170px;  
      }



/*

END OF STYLING FOR SPECIAL CONTAINER 2 FOR DATA DISPLAY

*/


/*

START OF STYLING FOR VERTICAL SUB MENUS INSIDE: MARKETS, FINANCE, SECTORS, TRADE, CLIMATE, DIASPORA.

*/


#submenu li a {
      
      display: block;
      padding-left: 5px;
      list-style: none;
      width: 170px;
      height: 20px;
}

li {
      display: block;
  }

#submenu li a {
      font-size: 14px; 
      outline: 1px solid lightgrey;
      font-family: verdana;
      margin-bottom: 5px;
      color: blue;
      border-radius: 3px;
      background-color: lightgrey;
      }

  #submenu a:link {
      text-decoration: none;
      background: var(--color12);
    }

  #submenu a:visited {
      text-decoration: none;
    }

  #submenu a:hover {
      background-color: #ccc;
      text-decoration: none;
      }


  #submenu a:active {
      text-decoration: none;

      }


/*

END OF STYLING FOR VETICAL MENUS INSIDE: MARKETS, FINANCE, SECTORS, TRADE, CLIMATE, DIASPORA.

*/





/*

START OF STYLING FOR SINGLE ARTICLE PAGE. THIS PAGE HAS A COUPLE OF 'ASIDE' ITEMS

*/

/* 
These codes are for the graph, tables, pie charts in articles
 */





.container4Articles {
      margin-top: 20px;
      font-size: 1.3em;
      border: 1px solid rgb(248, 247, 247); 
      margin: 0 auto;
      width: 75%;
      padding-left: 5px;
      padding-right: 5px;      
}


    .container4Articles h1 {
        color: black;
        font-size: 2em;
        text-align: center;
        background-color: #fff;
    }



/*FORMATTING ASSETS PHOTOS, GRAPHS AND OTHERS FOR THE MARKET MAIN MENU*/


/*FORMATTING IMAGE AND ASSETS DIASPORA LANDING*/


/* ARTICLES 2005*/
/* ARTICLES 2005*/
/* ARTICLES 2005*/

#bassirouAndSonkoOusmane img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 500px;
      height: 400px;
}



#JohnMahamaANDado img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 95%;
      height: 400px;
}


#sonabhyDepot img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 500px;
      height: 350px;
}


#GhanaBurkinaFasoMap img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 500px;
      height: 550;
}

#TraoreAndMahama img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 170px;
      width: 95%; 

}


#IbrahimTraore img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 400px;
      height: 300px;

}


#afdbLogo img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 350px;
      height: 200px; 
}




#USAID_RIP img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 225px;
      width: 95%;
}

#USAid2Ghana img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 400px;
      width: 600px;}


#petFunds1 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
}

#petFunds2 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}

#petFunds3 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}

#petFunds4 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}

#petFunds5 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}

#petFunds6 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}

#petFunds7 img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 600px;
      
}



#CIVvsGhana img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 350px;
      width: 380px; 
}

#JohnMahamaANDado img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 300px;
      width: 95%;     
}


#theECOcurrency img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 250px;
      width: 500px;
}





/* ARTICLES 2005*/



#nuclearNicolasHippertPic img {
      margin: 0 auto;      
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;      
      height: 200px;
      width: 95%;     
      }


#nuclearInstitut img  {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 400px;
      width: 600px;
}


#ghanaModelnuclearPlant img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 400px;
      width: 600px;
}


#nuclearRosatomPeople img {
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; 
      height: 400px;
      width: 600px;

}









/* End of codes for the graph, tables, pie charts in articles */

/*
.quote {
    font-style: italic;
    color: #000000;
}
*/

.boxquote {

      width: 200px;
      height: 220px;
      border-top: 20px solid orange;
      border-bottom: 20px solid orange;
      float: right;
      text-align: center;
      font-size: 2rem;
}

.sourcequote {

      text-align: center;
      font-size: 0.7rem;
      font-style: italic;
}




.articleBiblio {
      font-size: 0.7em;
      color: grey;
}


.articlesimg {
      margin: 0 auto;
     
}

sup {
  vertical-align: super;
  font-size: smaller;
  color: grey;
}


#imagetitle {
      background-color: grey;
      height: 40px;
      width: 20%;
      opacity: 0.5;
      float: right;
      text-align: center;
}

.firstcharacter {

      color: #fff;
      background-color: #bf0000;
      float: left;
      font-family: Georgia;
      font-size: 4em;
      line-height: 85px;
      padding: 3px;
      margin-top: 4px;
      margin-right: 3px;

}

p.firstLineAllCaps2::first-line {
      font-variant: small-caps;
      font-weight: 600;
      font-size: 20px;
      font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.firstLineAllCaps { 
      font-family: Georgia, Times, "Times New Roman", serif; 
      text-transform: uppercase;
      font-weight: 600;
      font-size: 0.9em;

}


.hashtags {
      color: blue;
      font-weight: 700;
}



/*

END OF STYLING FOR SINGLE ARTICLE PAGE. THIS PAGE HAS A COUPLE OF 'ASIDE' ITEMS

*/




/*

START OF STYLING FOR THE PAGE LISTING ALL PAST ISSUES PRINT MAGAZINE (IN REVERSE CHRONOLOGICAL ORDER)

*/


/* Quarter 4 2023 */





.pastIssuesH1 {
      margin: 0 auto;
      
}




.pastissuebox4 {
      margin-top: 15px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 500px;
      gap: 20px;
      padding: 5px;
      background-color: #0f0227; 
}

.pastissuebox4_1 {
      margin: 0 auto;
      background-color: #0f0227; 
}

.pastissuebox4_2 {
      margin: 0 auto;
      background-color: #0f0227; 
}

.pastissuebox4_3 {
      margin: 0 auto;
      background-color: #0f0227; 
      
      text-align: center;
      padding-top: 100px;
}




/*  Quarter 3 2023 */

.pastissuebox3 {
      margin-top: 15px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 500px;
      column-gap: 20px;
      row-gap: 20px;

      padding: 5px;
      background-color: #0f0227; 
}

.pastissuebox3_1 {
      margin: 0 auto;
      background-color: #0f0227; 
}

.pastissuebox3_2 {
      margin: 0 auto;
      background-color: #0f0227;       
}

.pastissuebox3_3 {
      margin: 0 auto;
      background-color: #0f0227; 
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
}




/*  Quarter 2 2023  */
.pastissuebox2 {
    
      margin-top: 10px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 670px;
      column-gap: 20px;
      row-gap: 20px;

      padding: 5px;
      background-color: #0f0227; 
       /*
      border: 1px solid #000;
      */

      font-size: 15px;

}



.pastissuebox2_1 {
      
      margin: 0 auto;
      background-color: #0f0227; 
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
      width: 95%;
}


.pastissuebox2_2 {
      margin: 0 auto;
      background-color: #0f0227;
      
}



.pastissuebox2_3 {
      margin: 0 auto;
      background-color: #0f0227; 
      
}



.pastissuebox2_4 {
      margin: 0 auto;
      background-color: #0f0227; 
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;

}





/*  Quarter 1 2023  */

.pastissuebox1 {
      margin-top: 50px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr;
      height: 500px;
      column-gap: 20px;
      row-gap: 20px;

      padding: 10px;
      background-color: #0f0227; 

      /*
      border: 1px solid #000;
      */

      }


.pastissuebox1_1 {
      background-color: #0f0227; 
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
      
      }

.pastissuebox1_2 {
      background-color: #0f0227; 
      
       
      }

.pastissuebox1_3 {
      background-color: #0f0227; 
      }

.pastissuebox1_4 {
      background-color: #0f0227; 
      padding-left: 5px;
      text-align: center;
      padding-top: 100px;
      

      }

 

/*

END OF STYLING FOR THE PAGE LISTING ALL PAST ISSUES PRINT MAGAZINE (IN REVERSE CHRONOLOGICAL ORDER)

*/





/*

START OF STYLING FOR FOOTER

*/
 


#footer {
      margin: 0 auto;
      background-color:  #000; 
      margin-top:  4500px;
      margin-bottom:  30px;
      height: 250px;
      display:  flex;
      flex-direction: row;
      justify-content: space-evenly;
      align-items: center;
      border-top: 1px solid grey;
      padding: 5px;
      width: 98%;

      }

/*

THESE THE FOUR BOXES ARE INSIDE THE FOOTER


*/

.copyright {

        color: #000;
        font-weight: bolder;
        font-size: 0.8em;

        margin: 5px;
        padding-top: 8px;
        background-color: #E7D2CC;
        border-radius: 3px;
        display:  flex;
        justify-content: space-around;
        flex-basis: 22%;
        height: 45px;
        
      }


.contactus {
      color: #000;
        font-weight: bolder;
        font-size: 1em;
        margin: 5px;
        padding-top: 15px;
        background-color: #E7D2CC;
        border-radius: 3px;
        display:  flex;
        justify-content: space-around;
        flex-basis: 22%;
        height: 40px;

      }



.subscribe {
        color: #c1c1c1;
        font-weight: bolder;
        font-size: 1em;
        margin: 5px;
        padding-top: 15px;
        background-color: #E7D2CC;
        border-radius: 3px;
        flex-basis: 22%;
        display:  flex;
        justify-content: space-around;
        height: 40px;
      
      }


.socialmedia {
        color: #000;
        font-weight: bolder;
        font-size: 0.8em;
        margin: 5px;
        padding-top: 15px;
        background-color: #E7D2CC;
        border-radius: 3px;
        display:  flex;
        justify-content: space-evenly;
        flex-basis: 22%;
        height: 40px;
       }


.socialmediaArticle {
        color: #000;
        font-weight: bolder;
        font-size: 0.8em;
        margin: 5px;
        padding-top: 20px;
        background-color: #fff;
        border-radius: 3px;
        display:  flex;
        justify-content: space-evenly;
        flex-basis: 22%;
        height: 40px;
        width: 130px;
        
       }

.socialmediaFooter {
        color: #000;
        font-weight: bolder;
        font-size: 0.8em;
        margin: 5px;
        padding-top: 15px;
        background-color: #E7D2CC;
        border-radius: 3px;
        display:  flex;
        justify-content: space-evenly;
        flex-basis: 22%;
        height: 40px;
        
       }


/*

END OF STYLING FOR FOOTER

*/