body {
       font-family: Verdana, Arial, Helvetica, Geneva,  sans-serif;
       font-size: 80%; 
      }

 pre { 
     font-family: monospace; 
     }
 
  .quote > .quote { margin: 1em; border: 1px solid black;}

  .quote {  
    margin-left:5em;
    margin-right:5em;
    background-color:#FFEBCD;
    border-width:1px;
    border-style:solid;
    border-spacing:10px 10px;
    padding:1em;
    font-size:90%; 
    }

 .tip {  
    margin-left:5em;
    background-color:#FAFAD2;
    border-width:1px;
    border-style:solid;
    border-spacing:10px 10px;
    padding:1em;
    font-size:90%; 
    width:40%;
    }
    
 hr.quote {  
    margin-left: 5em;
    }

 code { 
    font-size: larger; 
    overflow:auto;
    } 

  .codetag {  
    margin-left:2em;
    margin-right:2em;
    margin-top:1em;
    margin-bottom:1em;
    background-color:#FAFAD2;
    border-width:1px;
    border-style:solid;
    border-spacing:10px 10px;
    padding-left:1em;
    padding-right:1em;
    padding-top:2px;
    padding-bottom:2px;
    overflow:auto;
    }

    
 table.template {
    margin-left:5em;
    border-spacing:10px 10px;
    border-style:solid;
    border-width:1px;
    background-color:#EEE8AA;
    width:400px;
    font-size:90%; 
    border-left-width:10px;
    border-left-color:#CD5C5C;
  }
  
   
 .heading {
   border-bottom:1px solid rgb(170, 170, 170);
   font-size:150%;
   padding-bottom:0.17em;
   padding-top:0.5em;
   display:block;
  }

 .tab { 
  margin-left: 40px; 
  }