How do I align the header image with the menu? At the top of the page?

#header{text-align:center;margin-bottom:5px}
#logo{float:none;}

a{color:#00004c}
a:hover{color:#00004c;text-decoration:underline;}

.menu a {
line-height: 95px;
height: 95px;
text-transform:uppercase;
text-shadow:none;
color:#FFF;
border:none;
font-family: ‘Lato’, sans-serif;
font-weight:normal;
}
.menu a:hover,.menu .current_page_item a{color:#00004c;background:none;text-decoration:none}
.menu{background:none;text-align:center;}
.menu ul{}
.menu li{float:none;display:inline-block;}
ul.menu > li:hover {background:none;}
.menu .current-page-ancestor a{color:#00004c;}