html{

    width :100%;

     }

body{

    width : 100%;

    color: #000000;

    background-color: #ffffff;

     }

div.heading{

   width: 84%;

   float:right;
   
   font-family:  "Times New Roman", "Flat Brush", Forte, serif;

   text-align: center;

   font-size:15pt;
   
   font-weight: bold ;
  
   color: #000000;

   background-color: #ffffff;

   height: 200px;

    }

div.right{
 
  width:84%;
  
  float:right;

  color: #919EA3;

  background-color: #ffffff;   

   }
   

div.extend{ 

   color: #000000;

   background-color: #ffffff;

   width: 100%;
   
   margin: 4px;

   }
div.footer {
    width: 100%;
    
     text-align: center;
 }   


img.left{

  float: left;

  margin: 5px; 

   }

img.right{

  float: right;

  margin: 25px;

  }

 h1{

  font-family: Verdana, Arial, serif;

  font-style: normal ;

  font-size: 22pt; 

  font-weight: bold ;

  text-align: center;

  color: #000000;

  background-color: #ffffff;

  }

h2{

   font-family:  Verdana, Arial, serif;

   font-style: normal ;

   font-size: 18pt;

   font-weight: bold;

   color: #000000; 

   background-color: #ffffff;

   text-align: center;

    }

h3{

  font-family: Verdana, Arial, serif;

   font-style: normal ;

   font-size: 16pt;

   font-weight: bold;

   color: #000000; 

   background-color: #ffffff;

   text-align: center; 

   }

h4{

   font-family: Verdana, Arial, serif;  

   font-style: normal ;

   font-size: 14pt;

   font-weight: bold;

   color: #000000; 

   background-color: #ffffff;

   text-align: center; 

   }

h5{

   font-family:  Arial, Verdana, serif;

   font-style: normal ;

   font-size: 14pt;

   font-weight: bold;

   color: maroon; 

   background-color: #ffffff;

   text-align: left;

   } 

h6{

   font-family: Verdana, Arial, serif;

   font-style: normal ;

   font-size: 10pt;

   font-weight: 900;
    
   background-color: #ffffff;
 
   color: #92a4c8; 
   
   text-align: center;

   }

p{

   font-family: Verdana, Arial, sans-serif;

   font-style: normal ;

   font-size: 14pt;

   font-weight: bold;

   color: #000000;

   background-color: #ffffff;

   text-align:left;

   margin: 2em;

   } 
   
p.padding{
padding-left:55%;
 }
.note{

   text-transform: lowercase;    /* use as <p class=note>the text here</p> */

   color: blue;

   background-color: #ffffce;

   font-size: 8pt;

   font-weight: bold;

   text-align: center;

   font-variant:small-caps;

   }


code{

   font-family: Arial, sans-serif;

   font-style: normal ;

   font-size: 9pt;

   font-weight: bold;

   text-align: left;

   text-indent: 1em;

   padding: 3px;

   }

#links{

   font-family: Arial, sans-serif;

   width:14.5%;
  
   float: left;
   
   line-height: 125%;

   top: auto;

   left: .25%;
   
   font-size: 11pt;  
   
   list-style: none;
   
   text-decoration: none;
   
   color: #7184e8;
   
   background-color: #ffffff;

   padding: 0;

   text-align: center;

   }

#links ul{

   margin: 0;

   list-style: none;

   padding: 0;

   text-align: center;

   width: 98%;

   }


#links ul li a{

   font-family: Arial, serif;

   font-style: normal ;

   font-size: 9pt;

   font-weight: normal;

   color: #000000;

   background-color: #ffffff;

   width: 98%;

   padding: 0px;
   
   text-decoration: none;
   
   }

#links ul li a:hover{

   color: #fde164;
   
   background-color: #ffffff;
  
   text-decoration: underline;

   }