ciao a tutti non riesco ad applicare un font ad un button non capisco perchè...nella pagina ho questo:

codice:

<table background='Immagini/back_sfum12.jpg' width='80%' height='70' border='0' align='center' >
<tr><td valign='middle'><form method='post' style='margin:0; padding:0 ;' action="">
<button  class='index' type='submit' name='home'>Roma<font color='red'>case</font></button></form></td>
mentre nel css ho questo:
codice:
.index {font-family: font-family: Palatino,"Palatino Linotype",Georgia,Baskerville,serif;
border: none; font-weight: bold;font-size :32px;
background-color: transparent; 
text-decoration: none; 
color: black; 
} 

.index:hover {font-family: font-family: Palatino,"Palatino Linotype",Georgia,Baskerville,serif;
border: none; font-weight: bold;font-size :32px;
background-color: transparent; 
text-decoration: none; cursor:pointer;
color: red; 
}
Dove sbaglio?