Issue with banner_top

My banner in the banner_top module position is appearing on top of the menu.

I'm also having an issue with the bottom part of my logo appearing in the upper left corner.

I was able to adjust the top banner a little bit but when I did I got a second instance of my logo much more prominent in the screen.

logo.png

Hi

For that an URL to Your site is required. I've already asked for Your details in other thread, so will help with this thread too as soon as I get an access.

I was able to adjust a couple of the items but I still need help with getting rid of the extra logo in the upper left corner.

http://www.ohiovarsity.com/videos-new

My site is currently propagating to a new server so I'm not sure you'll see it. I have included a screenshot and the code I believe needs to be changed is below.

/* Logo */
#gkLogo, #gkLogoSmall
{
float: left;
height: 80px;
margin: 45px 0 40px 0;
padding: 0;
text-indent: -999em;
text-shadow: none;
width: 124px;
display: block;
}
#gkLogoSmall {
float: left;
margin:5px 20px 0 0;
}
#gkLogo img,
#gkLogoSmall img {
display: block;
margin: 0;
}
#gkLogo.cssLogo,
#gkLogoSmall.cssLogo {
background: transparent url('../images/style1/logo.png') no-repeat 0 0;
/* You can specify there logo size and background */
height: 40px;
width: 124px;
}
.svg #gkLogo.cssLogo,
.svg #gkLogoSmall.cssLogo {
background-image: url('../images/style1/logo.svg');
}
#gkLogo.text,
#gkLogoSmall.text {
color: #eb1e00;
display: block;
float: left;
height: 40px;
margin: 45px 0 35px 0;
padding: 10px 0 0 0;
text-indent: 0;
width: auto;
}
#gkLogoSmall.text {
margin: 0 20px 0 0;
}
#gkLogo.text > span,
#gkLogoSmall.text > span {
display: block;
font-size: 40px;
font-weight: 600;
letter-spacing: -3px;
line-height: 40px;
padding: 0;
text-transform: uppercase;
}
#gkLogo.text > span > sup,
#gkLogoSmall.text > span > sup {
border: 1px solid #eb1e00;
border-radius: 50%;
color: #eb1e00;
display: block;
font-size: 10px;
font-weight: 400;
float: right;
height: 14px;
left: 5px;
line-height: 14px;
text-align: center;
text-indent: -3px;
top: -4px;
width: 14px;
}
#gkLogo.text .gkLogoSlogan,
#gkLogoSmall.text .gkLogoSlogan {
color: #e5e5e5;
display: block;
font-size: 12px;
font-weight: 400;
line-height: 10px;
text-align: left;
}

Hi

You are right, I see some other website right now. Please let me know when I'll be able to check the correct one. I'm afraid a code will not help, I need to see this issue in action to figure out how to solve it.