Mudar cor de fundo de xhtml no template Facelet

Boa tarde,

Amigos, gostaria de mudar a cor de fundo de uma página xhtml usada no meu template facelets, mas não estou conseguindo sucesso.

Vejam meu modelo Facelet

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>Contec - Gerenciador de cotas institucionais</title>
	
</h:head>
<h:body>


	<style type="text/css">
.ui-widget {
	font-size: 11px !important;
	font-family: arial;

}
</style>


	<p:layout fullPage="true"  >
 
		<p:layoutUnit  position="north" size="100" resizable="false" 
			 closable="false" collapsible="true"> 
			<ui:include src="/topo.xhtml"/>

		</p:layoutUnit>

		<p:layoutUnit  position="south" size="25" resizable="false"
			closable="false" collapsible="true">
			<ui:include src="/rodape.xhtml"/>
		</p:layoutUnit>

		<p:layoutUnit  position="west" size="240" resizable="false" 
			closable="false" collapsible="true" effect="drop">
			<ui:include src="/menu.xhtml" />
		</p:layoutUnit>

		<p:layoutUnit  position="center">
			<ui:insert name="conteudo" />
		</p:layoutUnit>

	</p:layout>


</h:body>
</html>

Agora, vejam o arquivo topo.xhtml, o qual quero que fique com o fundo vermelho.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<h:body style="background-color:#B0E2FF;border:0px;">

	<table width="100%" height="100%" border="0px" cellpadding="0"
		cellspacing="0">
		<tr>
			<td align="right"><font color="#294189"> <h:outputText
						value="Sistema de Cotas de Impressão"
						style="font-weight:bold;font-size:30px" />
			</font>
			</td>
		</tr>

	</table>

</h:body>
</html>

Vejam que usei a linha:

<h:body style="background-color:#B0E2FF;border:0px;">

Mas esse código apenas definiu a cor da borda. Não entendi por que!

Alguém consegue me ajudar?

Desde já, muito obrigado

Topicos relacionados