/* This style sheet creates a static frame at the top of the page and allows the content underneath the frame to scroll */

body {height:100%; overflow:hidden;} 

#frame {position:relative; top:0; left:0; width:100%; height:50px; background:white;} /* using the relative:position takes the #frame (in this case, the top, static piece) out of the document flow and places it where we like, flush top and left. Because it is first in the structure, it is represented first */
#frame td#logo {padding:0 45px 0 10px;}
#frame td#disclaimer p {margin-top:.5em;font-size:.75em;}
#frame td#disclaimer p+p {margin-bottom:1em;} /* As there are two paras in the disclaimer, this adds a small margin to the bottom of the second para (in browsers that allow adjacent sibling selectors) to create some white space before the scroll */

#content {position:relative; top:0; left:0; right:0; width:100%; overflow:auto; border:1px solid white; height:80%;} /* This is the content that scrolls.  It also uses position:relative to remove it from the regular document flow.  However, because it is below the #frame, it fits nicely underneath it.  Overflow:auto allows for the scrolling when the content is longer than the height of the box (in this case 80%, which mimics the height of the page).   */

#footer {position:relative; bottom:0; left:0; width:100%; height:25px;}