Css form ayuda!!!

[kishama28]

Hola buenas como están, bueno tengo un pequeño problemilla como principiante ;tengo mi css que toy creando para mi formulario Contacto de mi web, el codigo es este:

#form {
border:none;
width:450px;
margin:auto;
}
#form legend{
font-weight:bold;
font-size:12px;
}
#form ol{
list-style:none;
}
#form ol li{
padding-bottom:5px;
}
#form ol li label{
width:120px;
float:left;
text-align:left;
}
#form input[type=text] {
/*border:1px solid #CCCCCC;*/
}
#form input.btn {
padding:3px;
color:#FFFFFF;
background-image: url(http://8zk88g.blu.livefilestore.com/y1pxd3h3TiLcQVJua5GZKt3HDIT_nccNbwJ7QmHoiqhLRS-urQ4aZyen4cV9vAJWxFjQlPDbz-q28fglXagerEU3sfhSr_3GyGJ/2.png);
width:72px;
height:31px;
font-size:14px;
border:none;
background-repeat:repeat-x;
}

Y LO QUE QUERÍA HACER YO ES PONER DIFERENTES IMAGENES EN MI BOTON EN SUS DIFERENTES ESTADOS. ENCONTRE ESTO:

A:link {
background-image: url(cualquierimagen.jpg);--->esa sera la imagen que se vera cuando esta en reposo
}

A:HOVER {
background-image: url(cualquierimagen.jpg);--->esa sera la imagen que se vera cuando pases el mouse por encima
}

A:FOCUS {
background-image: url(cualquierimagen.jpg);--->esa sera la imagen que se vera cuando se de click encima
}

PERO NO ENTIENDO DONDE PONERLO SI ME DAN UNA AYUDADITA. YO DONDE MODIFICO MI BOTÓN ES EN:

#form input.btn {
padding:3px;
color:#FFFFFF;
background-image: url(http://8zk88g.blu.livefilestore.com/y1pxd3h3TiLcQVJua5GZKt3HDIT_nccNbwJ7QmHoiqhLRS-urQ4aZyen4cV9vAJWxFjQlPDbz-q28fglXagerEU3sfhSr_3GyGJ/2.png);
width:72px;
height:31px;
font-size:14px;
border:none;
background-repeat:repeat-x;
}

Y NO SE EN DONDE PONERLE PLEASE AYUDA, GRACIAS DE ANTEMANO