Según lo que entendí quieres que el botón azul cambie al pulsarlo a verde y al entrar a la pagina el botón de esa pagina este en rojo y al pulsarlo se ponga verde, es así???
Yo fui mucho más simple, yo puse al botón en la nueva pagina en color rojo y puse en imagen de sustitución la verde.
Haber si me explico lo hice yendo a inspector de etiquetas/comportamientos/+/establecer imagen de barra de navegación, hay eliges la imagen principal, la que sustituye al situarte encima y la que se queda al haberle dado, al cambiar de pagina puse en la primera imagen la ultima, ósea la de ya seleccionado el botón.
Si no me explique bien me avisas y intentare hacer un paso a paso con imágenes.
Ademas como te comente en el otro hilo yo soy vieja escuela y muy simple, así que aun trabajo hasta con tablas y no con Div.
Te pongo mi código por si te sirve.
<a href="index.html" target="_top" onclick="MM_nbGroup('down','group1','inicio1','imagene s/botones/inicio3.jpg',1)" onmouseover="MM_nbGroup('over','inicio1','imagenes/botones/inicio2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="imagenes/botones/inicio1.jpg" alt="boton inicio" name="inicio1" width="89" height="41" border="0" />
Y el botón de la pagina en la que se esta.
<a href="teatro.html" target="_top" onclick="MM_nbGroup('down','group1','teatro1','imagene s/botones/teatro3.jpg',1)" onmouseover="MM_nbGroup('over','teatro1','imagenes/botones/teatro2.jpg','',1)" onmouseout="MM_nbGroup('out')"><img src="imagenes/botones/teatro3.jpg" alt="boton taller de teatro" name="teatro1" width="88" height="41" border="0" /></a>
Adjunto imagen. (Si le das a boton derecho/visualizar imagen lo veras más grande)
