/******************************************************************/
/* Basic Inline */
/******************************************************************/

#navBar {
	color: #fff;
	width: 960px;
	height: 32px;
	margin: 0;
	border: 0;
	line-height: 32px;
	text-align: right;
	background: #fff url(../img/sprite_nav.png) no-repeat 0px 0px;
}

#navBar ul {
	list-style: none;
	margin:0 20px;
	padding:0;
}

#navBar li {
	margin: 0;
	display: inline;
	padding: 0;
}

#navBar a {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 15px;
	text-decoration: none;	
	border-right: 2px #fff solid;	
}

#navBar a.lastLink {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 15px;
	text-decoration: none;	
	border-right: none
}

#navBar a:hover {
	text-decoration: none;	
}

/******************************************************************/
/* Main Nav Sprite */
/******************************************************************/

#mainNavBar {
width: 860px;
height: 29px; 
border: 0;
background: url('../img/navigation.png');
margin: 0;
padding: 0;
}

#mainNavBar li {
float: left;
}

#mainNavBar li a {
margin: 0;
padding: 0;
display: block;
height: 29px;
background: url('../img/navigation.png') no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/
li#nav_xxx1 a {
left: 0;
width: 172px;
background-position: 0 0;
}

li#nav_xxx2 a {
left: 172px;
width: 180px;
background-position: -172px 0;
}

li#nav_xxx3 a {
left: 352px;
width: 106px;
background-position: -352px 0;
}

li#nav_xxx4 a {
left: 458px;
width: 143px;
background-position: -458px 0;
}

li#nav_xxx5 a {
left: 601px;
width: 101px;
background-position: -601px 0;
}

li#nav_xxx6 a {
left: 702px;
width: 158px;
background-position: -702px 0;
}

/*hover state*/
li#nav_xxx1 a:hover {
background-position: 0 -29px;
}

li#nav_xxx2 a:hover {
background-position: -172px -29px;
}

li#nav_xxx3 a:hover {
background-position: -352px -29px;
}

li#nav_xxx4 a:hover {
background-position: -458px -29px;
}

li#nav_xxx5 a:hover {
background-position: -601px -29px;
}

li#nav_xxx6 a:hover {
background-position: -702px -29px;
}

/*current state*/
#body_xxx li#nav_xxx2 a {
background-position: 0 -58px;
}

#body_xxx li#nav_xxx2 a {
background-position: -172px -58px;
}

#body_xxx li#nav_xxx3 a {
background-position: -352px -58px;
}

#body_xxx li#nav_xxx4 a {
background-position: -458px -58px;
}

#body_xxx li#nav_xxx5 a {
background-position: -601px -58px;
}

#body_xxx li#nav_xxx6 a {
background-position: -702px -58px;
}