body {
    min-height: 100%; background: linear-gradient(#00e200 , #007f00 )fixed no-repeat; 
    font:Lucida Bright, serif;
    padding:0px;
    margin:0px;
    min-height: 100%;
    background: linear-gradient( #ffff64, #00AB00 ) fixed no-repeat;
  }

  #TableContents { width: 800px; background-color: #ffffe6; position: absolute; top:0; left: 0; right: 0; margin: auto; padding: 40px;}

  h2 {margin-left: 15px;}

  h3 {margin-left: 20px;margin-right: 20px;}    

  h4 {margin-left: 10px; font-weight:bold;}

  p { font-size: 1em; margin-left:30px; margin-right:30px; } 

  ul {margin-left:40px;margin-right:30px;}

  li {padding-bottom:8px;}
  .center {text-align: center;}

  .level {margin-left:50px;}

  .indent40 {margin-left: 40px;}
  
  #mainDiv   {
      background-color: #FFF49f;
      border: 1px solid black;
      padding-top: 5px;
      padding-right: 3%;
      padding-left: 3%;
      width: 80%;
      margin-right: auto; margin-left: auto;
      box-shadow: 8px 8px 3px	#274E13;
    }
  
  #docDiv{
      border: 1px solid black;
      width: 700px;
      margin-right: auto; margin-left: auto;
      padding-right: 20px;
      padding-left: 20px;
    }
  
  #innerForm
    {
      margin-left: 25px;
      margin-right: 25px;
    }
  
  #Onhold {
        background-color: yellow;
       font-weight: bold;
        }
  
  #Title {
      text-align: center;
      background-image: radial-gradient( #FFFF5F 45% , #FF9300, #FF5B36 );
      box-shadow: 3px 5px 5px #888888;
      border-radius: 8px;
      padding:15px;}
  
      ul{padding-left:25px}
  

    .hyde{
        display: none;  }
  
    .tab {
        margin-left: 20px; }
  
    .thick {
        font-weight: bold;}
  
    .textWrapLeft {
        float:left; margin: 10px;}
  
    .textWrapRight {
        float:right; margin: 10px;}
  
    .frequentQuestions{
        text-align:center;
        background-color:rgba(0, 128, 0, 0);
        background-image:
        linear-gradient(to right, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.2), rgba(0, 128, 0, 0));
        padding-top: 3px;
        padding-bottom:3px;
      }
  
    .divVideos{
        border: 0px ;
        width: 100%;
        display: block;
        margin: 0 auto;
      }
  
    video{
        display: block;
        margin-left: auto;
        margin-right:auto;
         /** max-   **/
        height:500px !important;
            /**width: 100%    !important;
             height: auto   !important;
        **/
              object-fit: contain;
            max-width: auto;
      }
  
    p.question {
      font-weight: bold; font-style: italic; }
  
    p.answer {
      text-indent: 35px;}

  
@media screen and (max-width: 480px)
  {
    * {
      padding:0;
      margin:0 auto;
      }
  
  body{
      width:100%;
      box-sizing: border-box;
      padding:0px;
      margin:0px auto;
      }
  
  video{
      display: block;
      margin-left: auto;
      margin-right:auto;
      max-height:500px !important;
      width:auto;
      object-fit: contain;
      padding-left:0px;
      }
  
  #mainDiv {
      box-sizing: border-box;
      width:100%;
      background-color: #FFF49f;
      padding-top: 5px;
      padding-right: 4%;
      padding-left: 4%;
      margin-right: auto;
      margin-left: auto;
      }
}