jsf dataTable - header and data row/column style

Hello,
I've received a mock up html file from my web-page designer for a new,
my first, web project. This mock up is what I'm supposed to use to
create my first web app. In this mock up file, it has a <table> tag.
The table column header and column data for this table looks like below:

Table Header <td> is as below:
<td class="Rowwith2XBottomLine" valign="center" align="middle"
width="152" bgcolor="#f9f9f9">Column1 Header</td>
<td class="Rowwith2XBottomLine" valign="center" align="middle"
width="10" bgcolor="#f9f9f9">Column2 Header</td>
....

Table Data <td> is as below:
<td class="RowwithBottomDotLine" valign="top" nowrap align="left"
height="20">Column 1 Data</td>
<td class="RowwithBottomDotLine" valign="top" nowrap align="left">Column
1 Data</td>
...



So far below is what I did to translate above into jsf equivalent. My
question for this post is how do I add the valign/align/width.. in the
above <td> tag into my <h:column>?


<h:dataTable value=#{CarbonCopyAndForwardingListBean.dataList}
var="item"
columnClasses="RowwithBottomDotLine, RowwithBottomDotLine,
RowwithBottomDotLine,RowwithBottomDotLine"
headerClass="Rowwith2XBottomLine">
<h:column>
<f:facet name="header">Column1 Header</f:facet>
<h:outputText value="#{item.column1Data}" />
</h:column>

<h:column>
<f:facet name="header">Column2 Header</f:facet>
<h:outputText value="#{item.column2Data}" />
</h:column>
....
</h:dataTable>

Thanks