Excellent, thanks so much. I am wondering if you could tell me what I should do to now make the logo fit into the space better (looks like there is padding at the bottom which I would rather fill with logo.

Thanks. That seems to cut off (overlay) the banners at the top approx . Could there be a conflict with other customizations? I have custom css as follows:

.main_color {
border-color: #f2f6df;
}

.avia-menu-fx { display: none; }

.current-menu-item.current_page_item a {
background: #f2f6df;
border: 1px solid #f2f6df;
border-radius: 6px;
}

.main_menu ul:first-child > li a {
height: 40px !important;
line-height: 40px !important;
}

.main_menu {
position: absolute;
top: 30%;
}

.content {
padding-top: 20px;
padding-bottom: 0px;
}

body .column-top-margin {
margin-top: 10px;
}

h4 {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 4px;
}
.header_color .container_wrap_meta {
background: #662d89;
}
.header_color {
color: #ffffff;
}
.header_color .phone-info a, .header_color .av-sort-by-term a, .header_color .phone-info {
color: #ffffff;
}