@import url("default.css");

#subnavContainerRates {
	width: 678px;
	height: 24px;
	}
#subnavRates {
	margin: 0;
	padding: 0;
	width: 708px;
	height: 24px;
	background: #FEFDFC url(../images/nav/rates.gif);
	position: relative;
	}
#subnavRates li {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	list-style: none;
	}
#subnavRates li, #subnavRates a {
	height: 24px; 
	display: block;
	}

/* Main Menu On State */
body.moneyMarketRates #nav li#nav-07 a {background: transparent url(../images/nav/menu.gif) -374px -22px no-repeat;}
body.keyBankingRates #nav li#nav-07 a {background: transparent url(../images/nav/menu.gif) -374px -22px no-repeat;}
body.cdRates #nav li#nav-07 a {background: transparent url(../images/nav/menu.gif) -374px -22px no-repeat;}

/* Submenu On State */
body.moneyMarketRates #subnavRates li#subnavRates-01 a {background: transparent url(../images/nav/rates.gif) 0 -24px no-repeat;}
body.keyBankingRates #subnavRates li#subnavRates-02 a {background: transparent url(../images/nav/rates.gif) -134px -24px no-repeat;}
body.cdRates #subnavRates li#subnavRates-03 a {background: transparent url(../images/nav/rates.gif) -258px -24px no-repeat;}

#subnavRates-01 {left: 0; width: 134px;}
#subnavRates-02 {left: 134px; width: 124px;}
#subnavRates-03 {left: 258px; width: 72px;}

#subnavRates-01 a:hover {background: transparent url(../images/nav/rates.gif) 0 -24px no-repeat;}
#subnavRates-02 a:hover {background: transparent url(../images/nav/rates.gif) -134px -24px no-repeat;}
#subnavRates-03 a:hover {background: transparent url(../images/nav/rates.gif) -258px -24px no-repeat;}

#subnavRates span {
	display: none;
	}