inserir figura no template

[saluto]

o site é: www.ipbomjesus.net, estamos fazendo mudanças no site e gostaria de incluir uma figura no topo do template, isto é: em vez dele ficar com a barra toda preta gostaria de colocar uma figura no local todo. como faço? alguém pode me ajudar?

[saluto]

segue o css do template

.banneritem {text-align:center;}

.readon {
border-bottom:1px dotted black;
border-left:1px dotted black;
}
td {font-size:12px;}
a:link, a:visited, h3, .contentheading,.blog_more div strong {
color:black;
}

.introtext, .fulltext {
color:black;
}

html {
overflow-x:hidden;
}

div {
margin:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
line-height:175%;
text-align:justify;
height:100%;
font-size: 12px;
margin:0px;
padding:0px;
background-image:url(../images/backgroundgardient.jpg);
background-repeat:repeat-x;
}

h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

ul {
margin:0;
padding:0;
margin-left:15px;
}
a {
text-decoration:none;
font-weight:bold;
}

ul li a, .pagenavcounter {
font-weight:bold;
}

ul#mainlevel-nav {
margin:0px;
padding:0;
height:33px;
}

ul#mainlevel-nav li {
list-style: none;
display:inline;
height:33px;
width:119px;
}

ul#mainlevel-nav li a {
font-size:11px;
color:white;
font-weight:normal;
text-align:center;
background:url(../images/buttontop_normal.jpg) no-repeat;
line-height:33px;
height:33px;
width:119px;
display: block;
float:left;
}
ul#mainlevel-nav li a:hover {
color:white;
font-size:11px;
font-weight:normal;
text-align:center;
background:url(../images/buttontop_over.jpg) no-repeat;
line-height:33px;
height:33px;
width:119px;
display: block;
float:left;
}

h3 {
margin-bottom:10px;
}

.contentheading, .blog_more div strong {
font-weight:bold;
}

.blog_more a {
font-weight:normal;
color:black;
}

.componentheading {
color:black;
padding-bottom:10px;
margin-bottom:20px;
}
.menu
{
list-style-type:none;

}
a.mainlevel:link,a.mainlevel:hover,a.mainlevel:visited, .menu li a:link,.menu li a:hover,.menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

a.sublevel:link,a.sublevel:hover,a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:6px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.mainlevel:link,.vistaright a.mainlevel:hover,.vistaright a.mainlevel:visited, .vistaright .menu li a:link,.vistaright .menu li a:hover,.vistaright .menu li a:visited {
color:#333333;
display:block;
padding-left:13px;
margin-left:20px;
min-height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
list-style-type:none;
}

.vistaright a.sublevel:link,.vistaright a.sublevel:hover,.vistaright a.sublevel:visited {
color:#333333;
display:block;
padding-left:10px;
margin-left:26px;
height:21px;
background:url(../images/pfeil.gif) no-repeat;
font-weight:normal;
}

.vistaleft {padding:5px;}
.vistamain {padding:5px;overflow:auto;}
.vistaright {text-align:center;padding:5px;}
.vistafooter {color:white;font-size:10px;background-repeat:repeat-x;background-color:black;}
.vistafooter a:link, .vistafooter a:visited {font-weight:bold;color:gray;font-size:11px;}
.module {
margin:0;
padding-bottom:10px;
color:black;
}

.moduletable {
line-height:175%;
margin:0;
padding-bottom:20px;
}
.moduletable td {
padding-left:5px;
padding-right:5px;
}

.vistaleft .module h3, .vistaleft .module_menu h3 {
padding-left:25px;
margin:-5 0 0 -5;
color:white;
line-height:34px;
height:43px;
font-size:14px;
background:url(../images/titlebuttonleft.jpg) no-repeat;
}

.vistaright .module h3, .vistaright .module_menu h3 {
margin:-5px;
padding-right:25px;
text-align:right;
color:white;
line-height:34px;
height:43px;
font-size:14px;
background:url(../images/titlebuttonright.png) no-repeat;
background-position:top right;
}


.small {
color:#666666;
}

.createdate, .modifydate {
color:#999999;
}

#mod_login_username, #mod_login_password {
width:150px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:black;
}

.inputbox {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:2px;
color:black;
}

.readon {
padding-left:5px;
}

.contenttoc {
margin:10px;
border:1px solid #CCCCCC;
}

.contenttoc td {
text-align:left;
padding-left:5px;
padding-right:5px;
}

.contenttoc th {
text-align:left;
background-color:#DEDEDE;
padding-left:5px;
padding-right:5px;
}

.label {
text-align:left;
}

.mosimage {
border:1px solid #CCCCCC;
margin:5px;
}

.mosimage_caption {
background-color:#DEDEDE;
}

.sectiontableheader {
font-weight: bold;
}

.sectiontableentry2 label {
text-align:left;
}

.sectiontableentry2 {
background-color:#FFFFFF;
}

.sectiontableentry1 {
background-color:#F5F5F5;
}

.sectiontableentry1 td div a, .sectiontableentry2 td div a {
font-weight:bold;
border:none;
}

.div_bfree {
visibility:hidden;
overflow:hidden;
height:0px;
}

h3, .contentheading {
/*font-size:140%;*/
font-size:14px;
font-weight:bold;
margin:0px;
}

.componentheading {
/*font-size:160%;*/
font-size:14px;
font-weight:bold;
letter-spacing: 2px;
text-transform:uppercase;
}

img {
border:none;
}

.contentpane
{color:black;}
.contentpaneopen {
line-height:140%;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
width:100%;
}

.vistauser1, .vistauser2 {
margin:2px;
border: 1px dotted #CCCCCC;
background-color:#fafafa;
color:black;
}

/* The following code is taken from rhuk - template: rhuk_solarflare_ii. */

.button {
color: black;
font-family: Verdana, Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 1px dotted #000;
background:none;
width: auto;
padding: 0px 4px;
line-height: 16px !important;
line-height: 14px;
height: 24px !important;
height: 22px;
margin: 1px;
}


.back_button {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;
}

.pagenav_next {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;

}

.pagenav_prev {
color: black;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-size: 11px;
font-weight: bold;
border: 3px double #cccccc;
background:none;
width: 50px;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 19px !important;
height: 19px;
margin: 1px;
}

.pagenav {
text-align: center;
font-size: 11px;
font-weight: bold;
border-left: 1px dotted #000;
border-bottom: 1px dotted #000;
background:none;
width: auto;
padding: 0px 10px;
line-height: 20px;
margin: 1px;
}

.pagenavbar {
margin-right: 10px;
float: right;
}
fieldset {
border:0px;
}

/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
display: block;
height: 22px;
float: left;
line-height: 22px;
font-size: 11px;
color: #666;
cursor: pointer;
}

.button2-left span,
.button2-right span {
cursor: default;
color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
padding: 0 6px;
}

.page span {
color: #000;
font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
text-decoration: none;
color: #0B55C4;
}

.button2-left a,
.button2-left span {
padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
padding: 0 6px 0 24px;
}

.button2-left {
float: left;
margin-left: 5px;
}

.button2-right {
float: left;
margin-left: 5px;
}


/* Tooltips */

.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
float:left;
padding-left: 25px;
}

#power_by{
float:right;
padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
padding: 2px 0;
}

/* forms */
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

@media print{
.vistaleft, .vistauser1user1, .vistaright, .vistatop, .vistauser3, .noprint {display:none;}
.print {width:100%;}
body, .vistamain{background:none;}
}