Alinhamento da pagina no centro

Pessoal tenho uma pagina JSP, com o framework JSF e gostaria de centralizar a minha página no centro do navegador, independente de resolução da tela.

Minha pagina tem a seguinte estrutura:

<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <webuijsf:page binding="#{comercial.page1}" id="page1">
            <webuijsf:html binding="#{comercial.html1}" id="html1">
                <webuijsf:head binding="#{comercial.head1}" id="head1">
                    <webuijsf:link binding="#{comercial.link1}" id="link1" url="/resources/stylesheet.css"/>
                </webuijsf:head>
                <webuijsf:body binding="#{comercial.body1}" id="body1" style="-rave-layout: grid">
                    <webuijsf:form binding="#{comercial.form1}" id="form1">
                        <h:panelGrid binding="#{comercial.gpPai1}" cellpadding="0" cellspacing="0" id="gpPai1"
                            style="height: 656px; left: 0px; top: 0px; position: absolute" width="756">
                            <h:panelGrid binding="#{comercial.gpCabecalho1}" cellpadding="0" cellspacing="0" id="gpCabecalho1" style="height: 116px; width: 100%"/>
                            <h:panelGrid binding="#{comercial.gpCorpo1}" cellpadding="0" cellspacing="0" columns="2" id="gpCorpo1" style="height: 556px; width: 100%">
                                <h:panelGrid binding="#{comercial.gpLateral1}" cellpadding="0" cellspacing="0" id="gpLateral1"
                                    style="height: 547px; vertical-align: top" width="184">
                                    <h:panelGrid binding="#{comercial.gpMenu1}" cellpadding="0" cellspacing="0" id="gpMenu1" style="height: 311px; width: 100%"/>
                                    <h:panelGrid binding="#{comercial.gpLayoutLateral1}" cellpadding="0" cellspacing="0" id="gpLayoutLateral1" style="height: 100%; width: 100%"/>
                                </h:panelGrid>
                                <h:panelGrid binding="#{comercial.gpCentro1}" cellpadding="0" cellspacing="0" id="gpCentro1" style="height: 553px" width="568"/>
                            </h:panelGrid>
                            <h:panelGrid binding="#{comercial.gpPesquisa1}" id="gpPesquisa1" style="height: 40px; width: 100%"/>
                            <h:panelGrid binding="#{comercial.gpRodape1}" id="gpRodape1" style="height: 36px; width: 100%"/>
                        </h:panelGrid>
                    </webuijsf:form>
                </webuijsf:body>
            </webuijsf:html>
        </webuijsf:page>
    </f:view>
</jsp:root>

Como faço para alinhar esta pagina no centro??

eu faço isso no meu assim:
meu conteudo está dentro de um div id=“geral”

e no meu style.css

     
#geral {
        width: 791px;
        margin:0 auto;			
        padding: 10px;
        text-align:left; 
        margin-top :0px ;
       }

no teu caso coloque o div encobrindo o f:view

que pena não funcionou…

Que merda… rss

cara tem q funcionar…agora eu uso facelets, as tags não são essas padrão do web pack…talvez o que eu falei não foi o correto, mude o div de lugar, talvez não seja onde falei pra inserir… mas tem que funcionar so com isso ai …