body {
   font: 24px Helvetica;
   background: #999999;
  }

  #main {
   min-width:100%;
   min-height: 400px;
   margin: 0px;
   padding: 0px;
   
   }
   
#hedersection {
   float:left;
   min-width:61%;
   min-height: 60px;
   margin: -530px 50px 50px 270px;
   padding: 5px 5px 5px 5px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #f09b41;
 	    }
	   
#articlesection {
   float:left;
   min-width:61%;
   min-height: 310px;
   margin: -440px 50px 50px 270px;
   padding: 5px 5px 5px 5px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #fa5570;
 	    }
		
#footersection {
   float:left;
   min-width:61%;
   min-height: 40px;
   margin: -100px 50px 50px 270px;
   padding: 5px 5px 5px 5px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #f084f0;
 	    }
 
 nav {		
   float:left;
   min-width:15%;
   min-height: 550px;
   margin: 6px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
  
   }
 
 
  section {
   float:left;
   min-width:64.8%;
   min-height: 550px;   
   margin:6px;
   padding: 5px;
   border: 1px solid #cccc33;
   border-radius: 7pt;
   background: #dddd88;
  
   }
  

  aside {
   float: right;
   min-width:15%;
   min-height: 550px;
   margin: 6px;
   padding: 5px;
   border: 1px solid #8888bb;
   border-radius: 7pt;
   background: #ccccff;
  
   }
 
  header{
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 80px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   }
  
  
  footer {
   display: block;
   margin: 4px;
   padding: 5px;
   min-height: 60px;
   border: 1px solid #eebb55;
   border-radius: 7pt;
   background: #ffeebb;
   }
   
   .clear {
	   clear:both;
   }