html,body{margin:0;padding:0;}

div#wrapper{float:left;width:100%;}
div#content{margin-left:200px;}
div#navigation{float:left;width:200px;margin-left:-100%;}
div#extra{clear:left;width:100%;}

/* 
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
*/

/* debug code, so help visualize the layout (and test the specifity of the css rule selectors) 
html{background:red;}
body{background:green;}
div#container{background:purple;}
div#header{background:lime;}
div#wraper{background:fuchsia;}
div#content{background:aqua;}
div#navigation{background:blue;}
div#extra{background:maroon;}*/
/* aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, 
	red, silver, teal, white, yellow, transparent */