I editted header.php by adding an image map below the header config:
<!-- Header -->
<td id="header" colspan="<?php echo $bfa_ata['cols']; ?>">
<?php bfa_header_config($bfa_ata['configure_header']); ?>
<img src="http://www.greggsmith.com/boc1/wp-content/uploads/programs.jpg"
width="952" height="190" alt="Programs" usemap="#programmap" />
<map name="programmap">
<area href="http://greggsmith.com/boc1/programs/alpine-racing/" shape="rect" coords="10,
14, 161, 181">
<area href="http://greggsmith.com/boc1/programs/snowboarding/" shape="rect" coords="166,
14, 308, 179">
<area href="http://greggsmith.com/boc1/programs/freestyle/" shape="rect" coords="316, 14,
461, 181">
<area href="http://greggsmith.com/boc1/programs/devo-team/" shape="rect" coords="473, 14,
624, 184">
<area href="http://greggsmith.com/boc1/programs/jisp/" shape="rect" coords="631, 16, 786,
182">
<area href="http://greggsmith.com/boc1/programs/masters-racing/" shape="rect"
coords="793, 15, 937, 180">
</map>
</td>
<!-- / Header -->
This worked GREAT, but I don't want it to appear on the other pages, tried the below, but it didnt' work:
<?php if ( is_front_page() AND is_home()) ?> {
<img src="http://www.greggsmith.com/boc1/wp-content/uploads/programs.jpg" width="952"
height="190" alt="Programs" usemap="#programmap" />
<map name="programmap">
<area href="http://greggsmith.com/boc1/programs/alpine-racing/" shape="rect" coords="10,
14, 161, 181">
<area href="http://greggsmith.com/boc1/programs/snowboarding/" shape="rect" coords="166,
14, 308, 179">
<area href="http://greggsmith.com/boc1/programs/freestyle/" shape="rect" coords="316, 14,
461, 181">
<area href="http://greggsmith.com/boc1/programs/devo-team/" shape="rect" coords="473, 14,
624, 184">
<area href="http://greggsmith.com/boc1/programs/jisp/" shape="rect" coords="631, 16, 786,
182">
<area href="http://greggsmith.com/boc1/programs/masters-racing/" shape="rect"
coords="793, 15, 937, 180">
</map> } ?>
Any help for this non profit website would be appreciated