#a0 { left: 10px;}
#a1 { left: -15px;}
#a2 { left: -40px;}
#a3 { left: -65px;}
#a4 { left: -90px;}
#a5 { left: -115px;}
#a6 { left: -140px;}

/*main method*/
ul#tngnav {
	margin:0 0px 0px;
	padding: 0 0 0 0px;
	list-style: none;
	border: none;
	right: 100px;
}

#tngnav li {
	display: block;
	margin: 0;
	padding: 0;
	float:left;
}
#tngnav a#a0 { left: 10px;}
#tngnav a#a1 { left: -15px;}
#tngnav a#a2 { left: -40px;}
#tngnav a#a3 { left: -65px;}
#tngnav a#a4 { left: -90px;}
#tngnav a#a5 { left: -115px;}
#tngnav a#a6 { left: -140px;}

/*inactive tab*/
#tngnav a {
	display:block;
	color:#B89449;
	text-decoration:none;
	margin:0;
	padding: 0.2em 1.9em 0.3em 26px;
	position: relative;
	font: 10px Lucida, arial, helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(tngtab.png);
	background-repeat: no-repeat;
}

/*active tab*/	
#tngnav a:hover {
	background: url(tngtabactive.png) no-repeat;
	color:#E1B964;
}

/*active tab*/
#tngnav a.here {
	position:relative;
	z-index:102;
	background: url(tngtabactive.png) no-repeat;
	color:#E1B964;
	border-right: 1px solid #777;
	padding: 0.2em 1em 0.4em 26px;
	margin: 0 4px 0 0;
}

/*everything below this point is to keep older browsers happy*/
#tabs div {
	position: relative;
	float:left;
	height: 21px;
}

#tabs .divhere {
	z-index:102;
	margin: 0 4px 0 0;
}

/*inactive tab*/
#tabs a {
	background: url(tngtab.png) no-repeat;
	color:#444;
	padding: 0.2em 1.9em .6em 26px;
	font: 10px Lucida, arial, helvetica, sans-serif;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003399;
}

/*active tab*/
#tabs a:hover {
	background: url(tngtabactive.png) no-repeat;
	color:#FFFFFF;
}

/*active tab*/
#tabs a.here {
	background: url(tngtabactive.png) no-repeat;
	color:#009900;
	padding: 0.2em 1.0em .6em 26px;
}