{   
    margin: 0;   
    padding: 0;   
}   
header, nav, article, footer {display:block;}
body {   
    margin: 20 auto;   
    width: 1240px;   
    font: 13px/22px Helvetica, Arial, sans-serif;   
    background:#fàààf0;   
}  
h1 {   
    font-size: 24px;   
    line-height: 28px;   
    padding: 12px 20px;   
} 
h2 {   
    font-size: 20px;   
    line-height: 24px;   
    padding: 12px 20px;   
}   
   
h3 {   
    font-size: 18px;   
    line-height: 22px;   
    padding: 11px 0;   
}   
   
p {  width:840px;padding:0px 20px 5px 20px; font-size:16px; font-family:arial;text-align:justify;" 
   }  
header {background: #ffd4a3;   
position:absolute;top:0px;  left: 0px;  padding: 15px 10px 15px 10px;  width:1200px; 
border-bottom-width:20px; border-color:black;}

//nav {float:left;width:200px;}

nav {   
    position: absolute;   
    left: 0;   top:245px;
    width: 300px; height:840px; overflow:auto;  
    background: #ffd4a3;     
}   
nav ul li {   
    float: left;   
}   
   
    nav ul li a {   
        display: block;   
        margin-right: 20px;   
        width: 240px;   
        font-size: 14px;   
       // line-height: 44px;   
       // text-align: center;   
        text-decoration: none;   
        color: #777;   
    }   
   
        nav ul li a:hover {   
            color: #222;   
        }   
   
        nav ul li.selected a {   
            color: #fff;   
        }   
   
         
article { position: absolute; width:920px; top:245px;left:305px;height:840px; overflow:auto;   background: #ffd4a3; }