#printhead {display:none;}
html {

height:100%; 
max-height:100%; 
padding-top:0px; 
margin:0; 
border:0; 
overflow-y:auto;
overflow-x:hidden;
}
body {

height:100%; max-height:100%; 
/*overflow:hidden;*/
text-align:center;

padding:0; margin:0; border:0;
 
}
#content {
	margin: 0 auto;
	text-align: left;
	/*overflow-y:auto;
	overflow-x:hidden;
	display:block;  <- acts retarded, not letting my smooth banner move. display:table - would work with min-height in FF, dumb IE doesnt support it*/
	position:relative;
	z-index:1;
}
/*OLD BELOW
#head {position:absolute; margin:0; top:0; right:18px; display:block; width:100%; height:45px; background:url(../images/sticky_header_bg.gif) repeat-x top left; z-index:15; }*/
/*NEW BELOW*/
#head {position:fixed; margin:0; top:0; display:block; width:100%; height:45px; background:url(../images/sticky_header_bg.gif) repeat-x top left; z-index:15;  }

#foot {position:absolute; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:51px; background:#fff; color:#000; text-align:right; font-size:2em; z-index:4; border-top:1px solid #000;}
.pad1 {display:block; width:100%; height:120px; float:left;}
.pad2 {display:block; height:0px;}
h2 {margin-left:5px;}
h3 {margin-left:5px;}
