How to shrink header & footer (inch to wide )

Edit style.css and change the height value in:

#header {
background-color:#73A0C5;
height:200px;
margin:0 0 0 1px;
padding:0;
width:978px;
}

Your footer doesn’t have height, so you’ll need to increase the top padding on #footer, change the background position to center bottom and remove the backgroound color.

Dont you mean width?

Its overhanging wide …. do you recommend I adjust the height to?

https://www.buckeyebomber.com/

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#header {
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

Sorry – I thought it was a vertical positioning problem. Change:

#header {
background-color:#73A0C5;
height:200px;
margin:0 0 0 1px;
padding:0;
width:978px;
}
#footer {
clear:both;
margin:0 auto;
padding:0;
width:980px;
}

to:

#header {
background-color:#CAC4A2;
height:200px;
margin:0 auto;
padding:0;
width:880px;
}
#footer {
clear:both;
margin:0 auto;
padding:0;
width:880px;
}

Thanks footer perfect , header in its own world

It looks off center

https://www.buckeyebomber.com/

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 880px; /* was 758px; */
	}

#footer {
	padding: 0;
	margin: 0 auto;
	width: 880px; /* was 760px; */
	clear: both;
	}

margin 0 auto; I got you!

THANKS!