/*************************************************************************
*   N A V I G A T I O N  S T Y L E  S H E E T
*************************************************************************/

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/
#navigation-wraper {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 512px;
}

#navigation-container {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

ul#navigation {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#navigation li {
	background: #1D7ECF url('images/bg-nav-left.gif') no-repeat left top;
	float: left;
	margin: 0px 1px 0px 2px;
	padding: 0 0 0 6px;
}

ul#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	background: #1D7ECF url('images/bg-nav-right.gif') no-repeat right top;
	float: left;
	display: block;
	width: .1em;
	padding: 18px 6px 0px 0px;
	height: 35px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}

#navigation-container > ul#navigation a {
	width: auto;
}

ul#navigation li:hover, ul#navigation li:hover a {
	background-position: 0% -53px;
}

ul#navigation li:hover a {
	background-position: 100% -53px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#navigation a {float: none;}
/* End IE5-Mac hack */
ul#navigation a:hover {color: #fff;}