
ul, li {padding:0px; margin:0px;}

ul#nav { position:absolute; top:0px; left:10px ; }
ul#nav { background:url(img/menutoplinks.gif)}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:24px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navLink1 a, li#navLink2 a, li#navLink3 a, li#navLink4 a, li#navLink5 a, li#navLink6 a, li#navLink7 a, li#navLink8 a { background:url(img/menutoplinks.gif) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 24px
	selected state = 48px

	The distance from the far-left to the...
     link1 button = 0px
	link2 button = 74px
	link3 button = 173px
	link4  button = 243px
	link5  button = 314px
	link6  button = 376px
	link7  button = 509px
	link8  button = 603px


	The width of the...

	link1 button = 74px
	link2  button = 99px
	link3  button = 70px
	link4  button = 71px
	link5  button = 62px
	link6  button = 133px
	link7  button = 94px
	link8  button = 94px
*/

li#navLink1 a 						{ background-position:0 0; width:74px; left:0 }
li#navLink1 a:hover					{ background-position:0 -24px }
body#pageLink1 li#navLink1 a 			{ background-position:0 -48px }

li#navLink2 a 						{ background-position:-74px 0; width:99px; left:74px }
li#navLink2 a:hover					{ background-position:-74px -24px }
body#pageLink2 li#navLink2 a 			{ background-position:-74px -48px }

li#navLink3 a 					{ background-position:-173px 0; width:70px; left:173px }
li#navLink3 a:hover				{ background-position:-173px -24px }
body#pageLink3 li#navLink3 a 	{ background-position:-173px -48px }

li#navLink4 a 						{ background-position:-243px 0; width:71px; left:243px }
li#navLink4 a:hover					{ background-position:-243px -24px }
body#pageLink4 li#navLink4 a 		{ background-position:-243px -48px }

li#navLink5 a 						{ background-position:-314px 0; width:62px; left:314px }
li#navLink5 a:hover					{ background-position:-314px -24px }
body#pageLink5 li#navLink5 a 		{ background-position:-314px -48px }

li#navLink6 a 						{ background-position:-376px 0; width:133px; left:376px }
li#navLink6 a:hover					{ background-position:-376px -24px }
body#pageLink6 li#navLink6 a 		{ background-position:-376px -48px }

li#navLink7 a 						{ background-position:-509px 0; width:94px; left:509px }
li#navLink7 a:hover					{ background-position:-509px -24px }
body#pageLink7 li#navLink7 a 		{ background-position:-509px -48px }

li#navLink8 a 						{ background-position:-603px 0; width:110px; left:603px }
li#navLink8 a:hover					{ background-position:-603px -24px }
body#pageLink8 li#navLink8 a 		{ background-position:-603px -48px }


