Tag h2 e p visualizzati diversamente pur con lo stesso css

[marco]

Salve a tutti,
ho un problema con i fogli di stile che non riesco a risolvere: in pratica ho inserito un testo in h2 in una pagina ed un altro testo in un'altra pagina ma nel tag p. Se metto le stesse proprietà ai due tag, la pagina con il testo in h2 compare come in grassetto mentre con il p compare normale. Ho provato nella seconda pagina ad inserire il testo in h2 e difatti diventa tutto come in grassetto. Come mai mi fa questo scherzetto?
Le proprietà dei due tag sono queste.

h2 {
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
	font-family: 'MedievalSharp', arial, serif;
	color: #333333;
}	

p {
	font-size: 1em;
	line-height: 20px;
	text-align: justify;
	font-family: 'MedievalSharp', arial, serif;
	color: #333333;	
}

Qui vediamo la pagina in h2
orderofmaltaosj.org/il-gran-maestro.html

e qui quella in p
orderofmaltaosj.org/costituzione.html

Risolverei mettendo tutto in p, ma invece io devo inserire tutto in h2, ma non in grassetto. Se all’h2 assegno la proprietà font-weight: lighter; funziona correttamente, però poi non è più visibile la differenza dalle parole evidenziate in strong. Qualcuno sa come risolvere?
Grazie

[lorenzo]

Il tag h2 è stato pensato per i sottotitoli, quindi è normale che i browser lo interpretino in grassetto. Per farlo visualizzare nella dimensione normale, è sufficiente aggiungere nella regola del css il

font-weight: normal;

così che verrà visualizzato correttamente e dove etichettato come strong comparirà in grassetto.