Problema com facelets e jsf

Estou fazendo uma pequena aplicação facelets, jsf e richfaces, tudo esta rodando perfeitamente mas não cosigo chamar o css para montar o design da pag, vou colocar os codigos aki e se alguem puder me ajudar agradeço!!!

meu template:

<?xml version='1.0' encoding='UTF-8' ?>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="./web/css/default.css" rel="stylesheet" type="text/css" />
    <link href="./web/css/cssLayout.css" rel="stylesheet" type="text/css" />
    <title>Contábil</title>
</head>

<body>
    
    <div id="top">
        <ui:insert name="title"><p align="center"><img src="imagens/logo.jpg" alt="logo" width="624" height="168"/></p> 
        <h:form>
        
        <rich:toolBar>
        
        <rich:dropDownMenu>
            
            <f:facet name="label">
                
                <h:panelGroup>
                    
                    <h:outputText value="File"/>
                    
                </h:panelGroup>
                
            </f:facet>
            
            <rich:menuItem submitMode="ajax" value="New">
                
            </rich:menuItem>
            
            <rich:menuItem submitMode="ajax" value="Open"/>
            
            <rich:menuGroup value="Save As...">
                
                <rich:menuItem submitMode="ajax" value="Save"/>
                
                <rich:menuItem submitMode="ajax" value="Save All">
                    
                </rich:menuItem>
                
            </rich:menuGroup>
            
            <rich:menuItem submitMode="ajax" value="Close"/>
            
            <rich:menuSeparator id="menuSeparator11" />
            
            <rich:menuItem submitMode="ajax" value="Exit"/>
            
        </rich:dropDownMenu>
        
        <rich:dropDownMenu>
        
        <f:facet name="label">
            
            <h:panelGrid cellpadding="0" cellspacing="0" columns="2"
                         
                         style="vertical-align:middle">
                
                <h:outputText value="Links" />
                
            </h:panelGrid>
            
        </f:facet>
        
        <rich:menuItem submitMode="none"
                       
                       onclick="document.location.href='http://labs.jboss.com/jbossrichfaces/'">
            
            <h:outputLink value="http://labs.jboss.com/jbossrichfaces/">
                
                <h:outputText value="RichFaces Home Page"></h:outputText>
                
            </h:outputLink>
            
        </rich:menuItem>
        
        <rich:menuItem submitMode="none"
                       
                       onclick="document.location.href='http://jboss.com/index.html?module=bb&amp;op=viewforum&amp;f=261'">
            
            <h:outputLink
                
                value="http://jboss.com/index.html?module=bb&amp;op=viewforum&amp;f=261">
            
            <h:outputText value="RichFaces Forum"></h:outputText>
            
            </h:outputLink>
            
        </rich:menuItem>
        
        </rich:dropDownMenu>
        
        </rich:toolBar>
        
        </h:form>
        
        <rich:spacer width="1" height="5" border="0" alt="" />
        </ui:insert>
    </div>
    
    <div id="content" class="center_content">
        <ui:insert name="body">Content</ui:insert>
    </div>
    
    <div id="bottom">
        <ui:insert name="bottom"></ui:insert>
    </div>
    
</body>

minha pagina:

<?xml version='1.0' encoding='UTF-8' ?>

Empresa:

Filial:

Situação:

Especial:

Início:

Fim:

Livro:

Bloco J:

como q chamo o css disso ai, estou trabalhando no netbeans, ai ele gerou 2 arquivos css, mas não consigo usar estes arquivo, por favor alguem me ajude:

Topicos relacionados