Where is this space?!

I have been trying to find what is causing the extra blue space between my nav menu and the top of the page. I’ve tried using absolute positioning but ie crapped all over it.

https://www.williamgregory.ca/klca – i’m using the k2 theme but Ive hacked the header.

I think it’s gotta be in here somewhere…

/*- Page Structure */

html { /* Force Vertical Scrollbar */
/* IE */
overflow-y: scroll;
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}

* {
padding: 0;
margin: 0;
}

img {
border: 0;
}

body {
font: 62.5% ‘Lucida Grande’, Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
color: #444;
/*background: #EDEDED;*/
background: #ebf1f4;
text-align: center;
margin: 0 0 30px;

}

#page {
background: #015c90;
text-align: left;
margin: 0 auto;
padding: 0px 0 0px;
position: relative;
width: 780px;
border: 1px solid #ddd;
border-top: none;
}

* html #page { width: 770px } /* IE hack */

#header {
padding: 0;
margin: 0;
position: relative;
height: 200px;
background: #3371A3;
}

#primary {
position: relative;

width: 520px;
float: left;
padding: 10px 15px 10px;
margin: 0;
display: inline;
background: #ffffff;
}

.secondary {

font-size: 1em;
line-height: 1.5em;
padding:0 0 10px;
margin: 0 0 0px 71%;
width: 26%;
color: #666;
position: relative;
background: #015c90;
}

.comments {
text-align: left;
padding: 30px 0 0;
position: relative;
}

Any help would be truly appreciated!

Thanks in advance…WG