How do I override this CSS selector?

[jrockman13]

There are probably a ton of these, and I did try reading some and searching for an obvious answer...

page can be found at cbcneenah1.info/staff.html

I use firebug on FF to view the CSS code...

There are multiple css files called on the page. I believe the cascade priority is:

core.css
custom.css
workforce.css

The image of the staff member is aligned in a way I don't like. I want it to align left with the text.

core.css contains this code:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:none repeat scroll 0 0 transparent;
border:0 none;
font-size:100%;
margin:0;
outline:0 none;
padding:0;
vertical-align:baseline;
}

I know what I need to change or remove is the "vertical-align" property. The trouble with editing the core.css is that it will affect the entire site.

The image is nested inside these tags:

<div style="width: 100px;" class="wf_employee_photo">
<a href="/staff.html?view=employee&amp;id=5">
<img border="0" width="100" alt="Renee Swinford" src="/media/com_workforce/employees/swinford_renee.jpg">
</a>
</div>

I can add an override to any of the CSS files, although I would prefer to edit the custom.css file.

What do I need to override? thanks!