body 
{    
    padding: 0px;
    margin: 0px;
    height: 100%;
    font-family: Calibri, Verdana, Sans-Serif;
    font-size: 12pt;
    background-color:#CCCCCC;
    
   
}
#MainData
{
    position:relative;
   /* width: 1000px;*/
   width:100%;
   height: 100%;
  /* width:auto;*/  
    top: 0px;
    left:0px;
    border-left:center;
    height: 98px;
}

#Header
{
    width: 720px;    
    
    margin-left:auto;
     margin-right:auto;
    
    
  
    height: 141px;

    /*
  background-color: #AAAAFF; */
    background-color:#CCFFFF;   

}
/*
@media (width:1366px)
   {
#Header
{
    width: 720px;    
    
    margin-left:auto;
     margin-right:auto;
    
    
  
    height: 11px;

    
    background-color:#CCFFFF;   
}
}
@media (width:1280px)
   {
#Header
{
    width: 720px;    
    
    margin-left:auto;
     margin-right:auto;
    
    
  
    height: 141px;

  
    background-color:#CCFFFF;   
}
}
*/

#Menu
{
    width: 100%;
    height:20px;
    background-color:White;
    text-align:center; 
     
}

#Content
{
  /* width: 100%;
    margin-left:200px;
     margin-right:100px;
    
    
  
    height: 100%; */
    margin:0 auto;
    width: 10px;
    height:20px;   
    background-color: #CCFFFF;
}

#Footer
{  
  /*  background-color:White;
    text-align:center; 

    margin:0 auto;
    bottom:0px;
    clear:both;
    width:100%;
    
    height: 21%;*/
      margin:0 auto;
    bottom:0px;
    clear:both;
    width:100%;  
   position:fixed;    /*  position:static;*/
    background-color:White;
    text-align:center;
   
}