Web Design Moving Colored Divider (vertically)

I'm trying to modify the CharityTrust template. There's a horizontal green bar that is made from a single vertical jpeg image. I can't for the life of me figure out how to move it vertically.

What's happening is when I use my own header image, the header image overlaps the horizontal green divider bar. I'm attempting to move that green bar further down the page (or increase the distance of the green bar from the top of the page).

Can you tell me where that is modified?

Thanks for any direction on this?

Greg



(sorry, included the screenshot link because it didn't look like the image would show up)
Picasa Web Albums - Greg

 

You can increase the header height default height:288px; And then add some margin top to the #header ul is 0 by default. (if the height of your new header image is larger)

Eg: increase by 10px;

#header {
margin: 0px 0px 0px 0px;
background-image:url(images/header.jpg);
width:717px;
height:298px;
position:relative;
}
#header ul{
background-color:#85a157;
width:711px;
border: 3px solid #FFFFFF;
display:block;
top:255px;
position:absolute;
margin: 10px 0px 0px 0px;
height:22px;
padding:5px 0px 0px 0px;
text-align:center;
}