[SOLVED] Problems configuring menu

I used the menu code I got from this forum and it worked fine on the home page at http://tribecaexchange.com for Collections but when I click on a sub page of Collections, then mouse over it again the dropdowns revert to the same size as the Collections.

the code is pasted into html/css inserts as:

/* raise and lower menu container */
#menu1 ul.rMenu-hor {
margin-top: -50px !important;
margin-bottom: 18px !important;
}

div#menu1 {
border: 1px dashed #ffffff;
}


div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active
{
padding: 5px 15px 0px 15px;

}

/* Sub-menu items which should not be highlighted */
#menu1 .current_page_item ul a:link,
#menu1 .current_page_item ul a:visited {
background: #7f7f7f !important;

/* Set this to the same color as Link Color in MENU 1 (Page Menu) */
color: #ffffff !important;
font-family: century gothic, calibri !important;
font-size: 14px !important;
}

/* Sub-menu items which are being hovered */
#menu1 .current_page_item ul a:hover,
#menu1 .current_page_item ul a:active {

/* Set this to the same color as Link Color: Hover in MENU 1 (Page Menu) */
color: #B1B1AB !important !important;
font-family: century gothic, calibri !important;
font-size: 14px !important;
background: #7f7f7f !important;

}


What did I do wrong?

Thanks so much,

Dan