/*Top Navigation*/
ul#nav { 
background:url(../images/nav_top.gif); padding:0; margin:0; }
ul#nav li { float:left; list-style-type:none; padding:0; margin:0; }
ul#nav li a { height:38px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navAbout a, li#navStores a, li#navDiscountCards a, li#navCorporateAccounts a, 
li#navCareers a, li#navContact a  { 
background:url(../images/nav_top.gif) }
 
/*  
Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 38px
	selected state = 76px

	The distance from the far-left to the...
	
	about button = 0
	stores button = 147px
	discount button = 269px
	corporate button = 391px
	careers button = 513px
	contact button = 635px

	The width of the...
	
	about button = 147px
	stores button = 122px
	discount button = 123px
	corporate button = 123px
	careers button = 123px
	contact button = 145px
*/

li#navAbout a 									{ background-position:0 0; width:147px; left:0 }
li#navAbout a:hover								{ background-position:0 -38px }

li#navStores a 									{ background-position:-147px 0; width:122px; left:147px }
li#navStores a:hover							{ background-position:-147px -38px }

li#navDiscountCards a 							{ background-position:-269px 0; width:123px; left:269px }
li#navDiscountCards a:hover						{ background-position:-269px -38px }

li#navCorporateAccounts a 						{ background-position:-391px 0; width:123px; left:391px }
li#navCorporateAccounts a:hover					{ background-position:-391px -38px }

li#navCareers a 								{ background-position:-513px 0; width:123px; left:513px }
li#navCareers a:hover							{ background-position:-513px -38px }

li#navContact a 								{ background-position:-635px 0; width:145px; left:635px }
li#navContact a:hover						{ background-position:-635px -38px }
a:link {
	color: #CC3300;
}
a:visited {
	color: #990000;
}
a:hover {
	color: #000000;
}
a:active {
	color: #FF0000;
}