

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {
display:block; /* set up as a block */
height:100%; /* set height to full page */
max-height:100%;
top:6.5em;
overflow:auto; /* add scroll bars as required */
padding-left:12em; /* pad left to avoid navigation div if required */
position:relative; /* set up relative positioning so that z-index will work */
z-index:3; /* allocate a suitable z-index */
}


#head {position:fixed;  margin:0px; top:0px;  display:block; width:100%; padding:8px; height:5em; font-size:1em; z-index:5; color:#fff;
}

#foot {position:fixed; margin:0; bottom:-2px; right:18px; display:block; width:100%; height:1.5em; background:rgb(142,156,203); color:#fff; text-align:right; font-size:1em; z-index:4;}



* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {display:block; width:18px; height:20px; float:left;}
#pad3 {display:block; width:18px; height:20px; float:left;}
#pad2 {display:block; height: 8em; /* height to miss header and footer */
}

#content p {padding:3px;}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:100px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}


html {
height:100%; max-height:100%; padding:0; margin:0; border:0; font-size:90%;
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */  /* \*/ overflow: hidden;
/* */ }










