Background At Top from Unknown Source

I sourced a theme for free designed for churches. I am working on this project for free for my church.

I have edited CSS and HTML quite a lot to make the site meet the specs.

Recently, and I am unable to determine exactly when, a strip of the background appears at the very top of every page. Then 30 or so px below, the background image starts again and behaves properly.

https://137.118.32.10/~farmingtonchurch/ (The site is not live yet, so I am using this url provided by the hosting company.)

It does this on every page, so I assumed it was in header.php, however, I cannot find it.

I am using Firebug 2.0.11 extension in Firefox 39.0 on Ubuntu 15.04 Linux OS.

When I “click an element of the page to inspect” button in Firebug and then click on that errant strip of background image at the top, Firebug gives me this in the style tab on the right:

‘html {
margin-top: 32px !important;
}’

I certainly see where this would cause the issue, however, Firebug claims that that is coming from

https://137.118.32.10/~farmingtonchurch/ #4 line 59

I have inspected all of the .css files at line 59 that I can find and I find nothing about ‘margin-top . . .” as indicated.

Furthermore, I am confused about the #4 after the URL provided by Firebug as the source file for the element. Usually I get a file name that I recognize, such as, style.css, custom.css, etc.

Please check out the site and see if you can help. I have verified that Firefox and Firebug are fully updated as well as WordPress, which is at version 4.2.2. Furthermore, WordPress claims all of it’s plugins and themes are up to date as well.

I’m quite sure this is a simple issue (as they generally are), however, when I get referred to a file that I cannot identify (the #4 thing), I am unsure where to go.

Thanks in advance. Please help if you can.