ul#tabnav {
	position: relative;
	top: 0px;
	left: 0px;
	width: 295px;
	margin: 0;
	height: 22px;
	list-style-type: none;
	overflow: hidden;
}

div#tohawaii ul#tabnav { background: transparent url(../image/img_matrixtabs.gif) no-repeat; }
div#fromhawaii ul#tabnav  { background: transparent url(../image/img_matrixtabs.gif) no-repeat 0 -22px; }
div#interisland ul#tabnav  { background: transparent url(../image/img_matrixtabs.gif) no-repeat 0 -44px; }
body#international ul#tabnav  { background: transparent url(../image/img_matrixtabs.gif) no-repeat 0 -66px; }

ul#tabnav li a {
	position: absolute;
	top: 0px;
	width: 71px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 22px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:22px; /* IE5/Win Hack */
	background: transparent url(../image/img_matrixtabs.gif) no-repeat;
}

/* We can decide how to call the position later. Here the unique identifyer
   is the div holding the tabs. We could easily change that to the body id */

div#tabs-tohawaii li#to a				{ background-position: 0 0; width: 81px; left: 0; }
div#tabs-tohawaii li#to a:hover			{ background-position: 0 0; }
div#tabs-tohawaii li#fro a				{ background-position: -81px -88px; left: 81px; }
div#tabs-tohawaii li#fro a:hover		{ background-position: -81px 0; }
div#tabs-tohawaii li#ii a				{ background-position: -152px -88px; left: 152px; }
div#tabs-tohawaii li#ii a:hover			{ background-position: -152px 0; }
div#tabs-tohawaii li#int a				{ background-position: -223px -88px; left: 223px; }
div#tabs-tohawaii li#int a:hover		{ background-position: -223px 0; }

div#tabs-fromhawaii li#to a 			{ background-position: 0 -110px; width: 81px; left: 0; }
div#tabs-fromhawaii li#to a:hover		{ background-position: 0 -22px; }
div#tabs-fromhawaii li#fro a 			{ background-position: -81px -22px; left: 81px; }
div#tabs-fromhawaii li#fro a:hover		{ background-position: -81px -22px; }
div#tabs-fromhawaii li#ii a 			{ background-position: -152px -88px; left: 152px; }
div#tabs-fromhawaii li#ii a:hover		{ background-position: -152px 0; }
div#tabs-fromhawaii li#int a 			{ background-position: -223px -88px; left: 223px; }
div#tabs-fromhawaii li#int a:hover		{ background-position: -223px 0; }
   
div#tabs-interisland li#to a 			{ background-position: 0 -88px; width: 81px; left: 0; }
div#tabs-interisland li#to a:hover		{ background-position: 0 -44px; }
div#tabs-interisland li#fro a 			{ background-position: -81px -110px; left: 81px; }
div#tabs-interisland li#fro a:hover		{ background-position: -81px -44px; }
div#tabs-interisland li#ii a 			{ background-position: -152px -44px; left: 152px; }
div#tabs-interisland li#ii a:hover		{ background-position: -152px -44px; }
div#tabs-interisland li#int a 			{ background-position: -223px -88px; left: 223px; }
div#tabs-interisland li#int a:hover		{ background-position: -223px 0; }

div#tabs-international li#to a 			{ background-position: 0 -88px; width: 81px; left: 0; }
div#tabs-international li#to a:hover	{ background-position: 0 -44px; }
div#tabs-international li#fro a 		{ background-position: -81px -88px; left: 81px; }
div#tabs-international li#fro a:hover	{ background-position: -81px 0; }
div#tabs-international li#ii a 			{ background-position: -152px -110px; left: 152px; }
div#tabs-international li#ii a:hover	{ background-position: -152px -66px; }
div#tabs-international li#int a 		{ background-position: -223px -66px; left: 223px; }
div#tabs-international li#int a:hover	{ background-position: -223px -66px; }