#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;
	width: 980px;
}
/*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 {margin:auto; top:0; display:block; width:100%; height:58px; background:url(/images/sticky_header_bg.png) repeat-x top left; z-index:15;  }

#foot {position:absolute; margin:auto; bottom:-1px; right:18px; display:block; width:980px; 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;width: 980px}
h2 {margin-left:5px;}
h3 {margin-left:5px;}

.entry{font-size:13px;}
.bodyContent{margin:auto;padding-top:5px;}
.blogContent{width: 980px;}
.introductionBlog {border: 1px solid #CCCCCC; display: block; overflow: hidden; padding: 10px; width: 170px; text-align: justify}
.top_banner{display: block;height: 90px;margin-bottom: 5px;width: 980px;}
.block_left{float: left;}	.block_right{float: right;}	.blogBlock{width: 100%;} .blogBlock img{ margin-left: 67px;}