¿Cuántas etiquetas script necesita? ¿Cuántos programas utiliza? Mira el programa Javascript: ¿usa jQuery?
¿Dónde está la etiqueta del programa? Si usa jQuery, no estará disponible al inicio, hasta que no se cargue body, así que tendría que estar al final de body, ¿es ahí donde está?
Por otro lado, jQuery, sí debe cargarse en head, porque no es algo que se lance por sí solo, sino unas utilidades que van a estar disponibles.
Pasemos al fichero CSS. ¿Está bien escrito? ¿De verdad se asignan los atributos con =?
Vamos ahora a por el programa Javascript:
Observa el caso bolos, ¿es igual que el de futbol? ¿Está bien?
Observa el caso canicas. ¿La instrucción jQuery es correcta? Fíjate en las comillas.