body {
    margin-left: 10%; 
    margin-right:13%;
    color: #3F1F09; background-color: #CDE7A6; 
    font-family: arial, "lucida console", sans-serif;
    padding:164px 0 0 55px;

}

h1 {color: #3F1F09; 
    font-family: arial, "lucida console", sans-serif;
    font-weight:bolder;
}

h2 {color: #3F1F09; 
    font-family: arial, "lucida console", sans-serif;
    font-weight:bold;
}

h3 {color: #3F1F09; 
    font-family: arial, "lucida console", sans-serif;
    font-weight:bold;
}

h4 {color: #3F1F09; 
    font-family: arial, "lucida console", sans-serif;
    font-weight:bold;
}

h5 {color: #3F1F09; 
    font-family: arial, "lucida console", sans-serif;
    font-weight:bold;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }

ul.navbar {
   list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    right: 4em;
    width: 7em }

ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: .5em solid black }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }



div#topheader{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:20px;
  background:#FFFFFF;
  

}


 div#left-header{
  position:absolute;
  top:20px;
  left:0;
  width:400px;
  height:144px;
  background: #CDE7A6;
 }

 div#middle-header{
  position:absolute;
  top:20px;
  left:400px;
  width:100px;
  height:160px;
  background: #CDE7A6;
  
 } 

 div#right-header{
  position:absolute;
  top:20px;
  left:500px;
  height:144px;
  width:400px;
  background-color: #CDE7A6;
 }

 div#navbar-header{
  position:absolute;
  top:0em;
  left:1000px;
  height:144px;
  background-color: #CDE7A6
}

 div#left-sidebar{
  position:absolute;
  top:0;
  left:0;
  width:45px;
  height:100%;
  background:#FFFFFF;
  }

 div#right-sidebar{
  position:absolute;
  top:0;
  right:0;
  width:45px;
  height:100%;
  background:#FFFFFF;
}

div#leftcolumn{
  margin-left:5%;
  margin-right:5%;
  position:absolute;
  top:170px;
  left:15px;
  width:425px;
}

div#rightcolumn{
  margin-left:5%;
  margin-right:5%;
  position:absolute;
  top:260px;
  left:560px;
  width:275px;
}

div#leftrightcolumn{
  margin-left:5%;
  margin-right:5%;
  position:absolute;
  top:534px;
  left:250px;
  width:80px;
  text-align:right;
}

div#rightbottomcolumn{
  margin-left:5%;
  margin-right:5%;
  position:absolute;
  top:380px;
  left:560px;
  width:375px;
}

ul.navbar {
   list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2em;
    right: 4em;
    width: 8em }

ul.navbar li {
    background: white;
    margin: 0.5em 0;
    padding: 0.3em;
    border-right: .5em solid black }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: purple }

@media screen{
  body>div#left-header{position:fixed;}
  body>div#middle-header{position:fixed;}
  body>div#right-header{position:fixed;}
  body>div#topheader{position:fixed;}
  body>div#left-sidebar{position:fixed;}
  body>div#right-sidebar{position:fixed;}
  body>div#navbar-header{position:fixed;}
  }
 * html body{
  overflow:hidden;
 } 
 * html div#body{
  height:100%;
  overflow:auto;
 }

</style>