[AMMoyer]

I have got this button in a tpl file that I'm trying get centered horizontally in the box. I have added the following to skin1.css in the Vertical Menu section. I am very green with using CSS so all help is appeciated.

}
.MmySearchBox {
    margin: auto;
}

.tpl file:

{capture name=menu}
<form method="post" action="mmy.php" name="mmysearchform">
<select name="year2" style="width: 90%;"onchange="javascript:document.mmysearchform.submit ();">
<option value="" selected="selected">Select Year</option>
<option value="2009">2009
<option value="2008">2008
<option value="2007">2007
<option value="2006">2006
<option value="2005">2005
<option value="2004">2004
</select><br>
<select name="make" style="width: 90%;"onchange="javascript:document.mmysearchform.submit ();">
<option value"" selected="selected">Select Make</option>
{foreach item=row from=$row}
<option value="{$row.makeid}">{$row.makename}</option>
{/foreach}
</select><br>
<select name="model" style="width: 90%;"onchange="javascript:document.mmysearchform.submit ();">
<option value="" selected="selected">Select Model</option>
</select><br>
<font class="mmysearchbox"><input name="getparts" type="submit" value="Get Parts" />
</form>
{/capture}
{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_mmy_search menu_content=$smarty.capture.menu cellpadding=$fc_cellpadding}