Can anyone tell me how I change the color of the long green box at the top of the page above the picture of the football player. I want to change the color of that box but I cannot seem to figure out how. Below is the style sheet in case that is where I need to change a file

Style Sheet

body {margin:0; padding:0; background:url(images/body_new2.jpg);}
form {margin:0; padding:0}
td, tr {font:11px/13px tahoma, arial, helvetica, sans-serif; color:#555555; vertical-align:top; text-align:left;}
.end{ color:#FFFFFF; text-decoration:none; text-align:center;}
.end a{ color:#FFFFFF; text-decoration:none; font-weight:bold;}
.end a:hover{ color:#FFFFFF; text-decoration:underline; font-weight:bold;}
.end1{ color:#777777; text-decoration:none; text-align:center; font-weight:normal}
.end1 strong{ color:#006CA9; text-decoration:none;}
.end1 a{ color:#777777; text-decoration:underline; font-weight:normal}
.end1 a:hover{ color:#777777; text-decoration:none; font-weight:normal}

a{ color:#555555; text-decoration:underline; font-weight:bold}
a:hover{ color:#555555; text-decoration:none; font-weight:bold}
strong a{ color:#505906; text-decoration:underline; font-weight:bold;}
strong a:hover{ color:#505906; text-decoration:none; font-weight:bold}
strong{ color:#859127;}
span{ color:#005789; font-size:9px;}

.hed_grey{ width:100%; height:23px; background:#6C6C6C; padding:5px 0 0 6px; color:#FFFFFF; font-weight:bold;}
.hed_blu{ width:100%; height:23px; background:#005789; padding:5px 0 0 6px; color:#FFFFFF; font-weight:bold;}
.border{ width:100%; height:100%; border:1px solid #E5E5E5; padding:8px 10px 0 10px;}
.line{ width:100%; height:2px; background:#6C6C6C;}


.r1 ul { margin:0; padding:0; list-style:none;}
.r1 li { background:url(images/ch_1.jpg) center left no-repeat; margin:0 0 0 0; padding:0 0 0 11px;}
.r1 li a {line-height:16px; color:#FD7914; text-decoration:underline; background-position:left center;}
.r1 li a:hover { text-decoration:none; color:#FD7914;}
.r2 ul{margin:0 0 0 3px; padding:0; list-style:none; line-height:27px}
.r2 li {background:url(images/r2.jpg) top left no-repeat; width:299px; height:28px }
.r2 li a{ color:#555555; font-size:11px; text-decoration:none; margin:0 0 0 26px; font-weight:normal;}
.r2 li a:hover{ text-decoration:underline; color:#555555; font-weight:normal;}
.r3 ul{margin:4px 0 0 10px; padding:0; list-style:none; line-height:21px}
.r3 li {background:url(images/r3.jpg) top left no-repeat; width:201px; height:21px }
.r3 li a{ color:#5E6714; font-size:11px; text-decoration:underline; margin:0 0 0 25px; font-weight:normal;}
.r3 li a:hover{ text-decoration:none; color:#5E6714; font-weight:normal;}
.f1{ width:118px; height:17px; color:#555555; font-size:11px; font-family:tahoma; padding:1px 0 1px 2px;}
.f2{ width:65px; height:17px; color:#555555; font-size:11px; font-family:tahoma; padding:1px 0 1px 2px;}
.deep1{ color:#FFFFFF; text-align:center;}
.deep2{ color:#555555; text-align:center;}
.deep2 span{ color:#D44040; text-align:center; font-size:11px;}

It's kind of hard to tell from the small image you posted but, it looks like an image.

You need to look in your header section of the index.html and find out what the <div id="your header image"> find the id in your css and either edit the image or the css. If it's a table with an images inserted, you probably won't find it in your css.

<div id= "header"
the content of your header
</div>


do you have a link? I could tell you in about 2 minutes

thanks for the help..I found that it was an image file that I had to re-color and then it worked fine.