HTML / CSS link vraagje

Ik heb een aantal div's, eigenlijk zijn het omgevormde knoppen.
Nu wil ik van een paar 'knoppen' een andere css class laten selecteren.
Maar dit lukt niet echt.

Origineel is het:

<div class="silverheader"><a href="http://www.dynamicdrive.com" class="More">Dynamic Drive</a></div>
	<div class="submenu">
	                    <a href="http://www.dynamicdrive.com" class="normaal">Dynamic Drive</a>
	                    <a href="http://www.dynamicdrive.com" >Dynamic Drive</a>	                    
						<a href="#" style="background-image:url(images/buttons/buttonSubBelow.png); background-position:top left; height: 4px;"></a>	   
	</div>

Hierbij is de silverheader de hoofdknop, en de a 's in de div met de class submenu de submenu's.
Nu wil ik bijvoorbeeld bij de bovenste een andere klasse gebruiken dus hernoem ik de LINK ( de div kan helaas niet ivm een javascript ) met de naam class="normaal" maar hoe kan ik in hemelsnaam die klasse veranderen?
Bij de onderste knop het ik het zo direct in de HTML geplaatst , dan werkt het wel, maar ik krijg het niet netjes in de CSS... dus hoe moet ik dit vermelden?

Dit is de CSS nu:

.normaal a
{
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	background: transparent url(images/buttons/buttonSub.png) no-repeat center left;
	text-decoration:none;
	color: #606a6f;	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 1px 0 1px 0;
	padding-left: 8px;
	text-decoration: none;	
}
div.submenu .normaal a:hover
{
	color: #0364a7;
	background: transparent url(images/buttons/buttonSubActive.png) no-repeat center left;
}

.menu{
margin: 7px 0;
padding: 0;
width: 178px; /*width of menu*/
border: 0px solid #9A9A9A;
}

div.silverheader a
{	
	background: transparent url(images/buttons/button.png) no-repeat center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0 4px 0;
	padding-left: 8px;
	text-decoration: none;	
}


div.silverheader a:visited, div.silverheader, silverheaderSub a:active{
	color: white;
}

.menu div.selected a, .menu div.silverheader a:hover{
background-image: url(images/buttons/buttonActive.png);
color: white;
}

/* Submenuknop Silverheader */
div.silverheader .More a
{	
	background: transparent url(images/buttons/buttonMore.png) no-repeat center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0 4px 0;
	padding-left: 8px;
	text-decoration: none;	
}
.menu div.selected a, .menu div.silverheader .More a:hover{
	background-image: url(images/buttons/buttonMoreActive.png);
	color: white;
}
/* Einde Submenuknop*/

.menu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
}

Hier heb ik dus in de SubmenuKnop Silverheader al de css opgenomen zoals ik denk dat hij moet zijn, echter werkt dit niet :(...