Evento CSS

Pessoal,

Gostaria de fazer uma coisa sem utilizar javascript, somente com CSS, não sei se é possível. Utilizo um framework (richfaces) e não gostaria de alterar o padrão de scripts dele por isso essa minha questão.

A estrutura do meu código é:

<div class="rich-stglpanel-header">
	<div class="rich-stglpanel-marker">
 <div class="rich-stglpnl-marker">«</div>
 <div class="rich-stglpnl-marker" style="display: none">»</div>
	</div>
	Titulo do box
</div>

<div class="rich-stglpanel-body" id="form:j_id2_body" style="display: none;">
	Lorem ipsum dolor sit amet,
</div>

1. Ao clicar no DIV **rich-stglpanel-header** o meu DIV **rich-stglpanel-body** fica com o style display none ou "";

2. Gostaria de através do CSS saber se o meu DIV rich-stglpanel-body está com o display none e poder alterar o meu DIV rich-stglpanel-header.

Exemplo: Gostaria de fazer algo como está abaixo porém o .rich-stglpanel-header não está dentro de .rich-stglpanel-body por isso não consigo usar conforme abaixo.

.rich-stglpanel-body[style=display: none] .rich-stglpanel-header { border: 2px solid red; }

Se alguém tiver uma idéia agradeço.

Abraço.