body {
      position: static;
      background-color: white;
      color: black;
      font-family: sans-serif;
      font-size: 12px;
      margin-left: 10px;
 }


h1 {
      font-size: 18px;
}
h2 {
      font-size: 16px;
}
h3 {
      font-size: 14px;
}

h2.red {
      font-size: 16px;
      background-color: #ff3366;
      width: 220px;
      height: 20px;
      text-align: center;
      padding-top: 4px;  
}
h2.green {
      font-size: 16px;
      background-color: #00ff7f;
      width: 220px;
      height: 20px;
      text-align: center;
      padding-top: 4px;  
}
h2.yellow {
      font-size: 16px;
      background-color: yellow;
      width: 220px;
      height: 20px;
      text-align: center;
      padding-top: 4px;  
}
h2.orange {
      font-size: 16px;
      background-color: orange;
      width: 220px;
      height: 20px;
      text-align: center;
      padding-top: 4px;  
}



#top1
{
 position: absolute;
 top: 50px;
 left: 15px;
 width: 150px;
 height: 35px;
 background-color: #ff3366;
 text-align: center;
 font-weight: bold;
}
#top2
{
 position: absolute;
 top: 50px;
 left: 165px;
 width: 150px;
 height: 35px;
 background-color: #00ff7f;
 text-align: center;
 font-weight: bold;
}
#top3
{
 position: absolute;
 top: 50px;
 left: 315px;
 width: 150px;
 height: 35px;
 background-color: yellow;
 text-align: center;
 font-weight: bold;
}
#top4
{
 position: absolute;
 top: 50px;
 left: 465px;
 width: 150px;
 height: 35px;
 background-color: orange;
 text-align: center;
 font-weight: bold;
}

#main
{
 position: absolute;
 top: 100px;
 left: 15px;
 width: 750px;
 background-color: #cccccc; 
 padding-left: 5px;
 }				      

#main2
{
 position: absolute;
 top: 20px;
 left: 15px;
 width: 750px;
 }				      

#changes
{
 position: absolute;
 top: 800px;
 left: 470px;
 width: 250px;
 height: 80px;
 background-color: orange; 
 text-align: center;
 padding-top: 13px;
 }				      



p.imp
{
 left: 15px;
 font-size: 9px;
 }				      

p.aligned
{
vertical-align: middle;
}