.content-area {

    /* grid-column: 2 / 3; */
    /* grid-row: 1 / -1; */
    /* Already defined in mainbody.css  */
    
    margin-top: 25px ;

    display: grid;
    grid-template-rows: auto max-content auto;
    grid-template-columns: 100%;
}

.content-ad-top { grid-row: 1 / 2 ; grid-column: 1/2; }
.content-area1 { grid-row: 2 / 3 ; grid-column: 1/2; }
.content-ad-bottom { grid-row: 3 / 4 ; grid-column: 1/2;}


.content-top-ad {

    border: 2px dashed black;
    font-size: larger;    
    display: grid;
    align-items: center;
    justify-items: center;    
  }
  
  
  .content-bottom-ad {    
    
    margin-top: 30px ;
    border: 2px dashed black;
    font-size: larger;
    display: grid;
    align-items: center;
    justify-items: center;
    }


    .content-area1 {

        margin-top: 30px ;

        display: grid;
        grid-template-rows: 35px auto auto  ; 
      }
      
      .heading { grid-row: 1 / 2; }
      .choice { grid-row: 2 / 3; }
      .syllabus { grid-row: 3 / 4; }

      .heading {

        color: white;
        font-weight: bold;
        font-size: large;
        
        display: grid;
        grid-template-columns: max-content auto ;
        
      }
      
      .hd1 {
        
        grid-column: 1/2; 
        
        background-color: orangered;
        padding-left: 10px; padding-right: 10px ;
        
        display: grid;
        align-items: center ;        
    }
    
    .hd2 {

        grid-column: 2/3; 
        
        background-color: black;
        padding-left: 10px; 

        display: grid;
        align-items: center ;
      }

      .choice {
        margin-top: 30px;
        padding-left: 10px;
        font-weight: bold;
        font-size: large;
      }

      .choice a { color:black}

      .choice a:hover { text-decoration:underline; }

      .syllabus {
        margin-top: 40px;        
      }