XF 1.2 Small css help

[Morgain]

Bottom of the Conversations dropdown I need to change the colour of the two links - locally not changing color palette or styple props. I've forgotten how to construct this for Extra.css - could someone please convert this.

        <div class="Menu JsOnly navPopup" id="ConversationsMenu"
            data-contentSrc="{xen:link 'conversations/popup'}"
            data-contentDest="#ConversationsMenu .listPlaceholder">
           
            <div class="menuHeader primaryContent">
                <h3>
                    <span class="Progress InProgress"></span>
                    <a href="{xen:link conversations}" class="concealed">{xen:phrase conversations}</a>
                </h3>                       
            </div>
           
            <div class="listPlaceholder"></div>
           
            <div class="sectionFooter">
                <xen:if is="{$canStartConversation}"><a href="{xen:link conversations/add}" class="floatLink"><font color="green">{xen:phrase start_new_conversation}</font></a></xen:if>
                <a href="{xen:link conversations}"><font color="green">{xen:phrase show_all}...</font></a>
            </div>
        </div>

RED is my oldfashioned html.

 

[Sheldon]

Extra.css

#ConversationsMenu .sectionFooter > a {
    color: #008000;
}