/* 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:152px; 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 */
.frameFR {height:156px !important;} 

#frame td#disclaimer {font-size:.75em;}

#content {position:relative; top:0; left:0; right:0; width:100%; overflow:auto; border:1px solid white; height:500px;} /* 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).   */