Div pai

Oi galera, tudo bem com vcs?

Estou com uma dúvida.

Estou estruturando um site todo em css (primeiro projeto sem nada de tabela :rolleyes: ) e estou com dúvidas.

Criei um div "pai" que dentro dele possui os divs "filhos". O problema é que o que eu altero no div pai como por exemplo a fonte não é alterado nos filhos. :unsure:

Não sei onde estou errando vcs poderiam me ajudar?

Segue o código html (nao sei se o erro está no html) (resumido)

<div class="geral">

	<div class="topo">
 <img src="logotipo.jpg" width="195" height="40">
	</div>

	<div class = "submenu">
 <a href="/home/" class = "link_submenu"> Home</a> <font color="#999999">|</font>
 <a href="/noticias-extend-software/" class="link_submenu">Notícias</a> | <a href="/eventos-extend-software/" class="link_submenu">Eventos</a> <font color="#999999">|</font>

	</div>

	<div class = "menu">
 <a href="/solucoes-extend-software/" class = "link_principal">Soluções</a> <font color="#FFFFFF">|</font>
 <a href="/produtos-extend-software/" class = "link_principal" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '200px')" onMouseout="delayhidemenu()"> Produtos</a><font color="#FFFFFF"> | </font>
 <a href="servicos-treinamentos-extend-software/" class = "link_principal" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '200px')" onMouseout="delayhidemenu()" >Serviços e Treinamentos</a> <font color="#FFFFFF">|</font>
 <a href="/Clientes-extend-software/" class = "link_principal"> Clientes</a> <font color="#FFFFFF"> | </font>
 <a href="/recursos-extend-software/" class = "link_principal">Recursos</a><font color="#FFFFFF"> |</font>
 <a href="/sobre-extend-software/" class = "link_principal">Sobre a Extend</a>
	</div>

	<div class = "flash">
	banner em flash
	</div>

	<div class = "esquerdo">
	conteudo esquerdo
	</div>

	<div class = "centro">
	conteudo central
	</div>

	<div class = "direito">
	conteudo direito
	</div>

	<div class = "clientes">
	clientes
	</div>

	<div class = "rodape">
	rodapé
	</div>

</div>

body{

	margin: 0;
}

.geral{
	width: 770px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	width: 80%; left: 10%; position: relative;
}

.topo{
	width: 700px;
	height: 30px;
}

.submenu{
	width: 770px;
	height: 25px;
	text-align: right;
	font-family: verdana, arial;
	font-size: 10px;
	color: #999999;
	padding-right: 2px;
}

.menu{
	width: 770px;
	padding-left: 4px;
	text-align: left;
	height: 25px;
	background-color: #006699;
	font-family: verdana, arial;
	padding-top: 5px;
	font-size: 10px;
	clear: both;
}

.flash {
	width:720px;
	background-color: #CCCCCC;
	height: 120px;
	padding: 0 25px;

}

Obrigadoooooooooooo

Tiago Cosme