Need to align SPAN and DIV better

[szlamany]

I use SPAN's to put up labels of text on my web page - like "Date Assessed" and "Discharged" and this problem one circled below - "Program".

Normally these SPAN's are next to simple INPUT elements - look at the raw HTML here

<div class="acs-div-p">
    <label class="awc-Participant acs-edit-small-text acs-edit-important"></label>
    Id: <label class="awc-EntryKey acs-edit-small-text"></label>
    <br /><br />
    <span class="acs-span-large">Last Name</span>
    <input type="text" class="awc-LastName acs-edit-medium-text"/>
    <br />
    <span class="acs-span-large">First Name</span>
    <input type="text" class="awc-FirstName acs-edit-medium-text"/>
    <br />
    <span class="acs-span-large">Date Assessed</span>
    <input type="text" class="awc-DateAssessed acs-edit-medium-text acs-class-datepicker"/>
    <br />
    <span class="acs-span-large">Discharged</span>
    <input type="text" class="awc-DischargeDt acs-edit-medium-text acs-class-datepicker"/>
    <br />
    <textarea class="awc-DischargeNote acs-edit-small-text-box"></textarea>
    <br />
    <span class="acs-span-small">Program</span>
    <input type="text" class="awc-ProgramCd acs-edit-hidden-text"/>
</div>

The "Program" SPAN is next to a hidden INPUT element - which gets morphed into a jQuery Drop Down that I use - when the page loads and ajax builds itself.

The Drop Down is in a DIV - of which I have no control over - the CSS styling for that DIV is part of the jQuery plugin I'm using. Notice that the DIV has a MARGIN on the bottom of "3".

How can I get my "Program" text to align better with this DIV- do I need to put a MARGIN around it. I started messing with stuff like that and it was just causing the BLUE LINE that surrounds this whole area MOVE DOWN - not the desired result.

I want the PROGRAM TEXT to move up!