/* ----------------------------------- navigation
----------------------------------------------- */

#navigation_container {
	position: absolute;
	left: 139px;
	top: 86px;
	height: 26px;
	width: 650px;
}

#navigation
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; /* if using 100.01 percent html text size and 62.5 percent body text size, this text is equal to 12px; */
	line-height: normal;
}

#navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 26px;
}

#navigation li
{
	padding-left: 18px; /* sets the amount of space between the text and the left-side of the background tab_left graphic - should be equal to the width of the image */
	float: right;
	background-image: url(../images/site/tab_inactive_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navigation a
{
	padding-top: 7px; /* sets the amount of space between the text and the right edge of the right side of the background tab_right graphic - should be at least equal to the radius of the round corner */
	padding-bottom: 8px; /* sets the amount of space between the text and the bottom of the background tab_right graphic */
	padding-left: 0px; /* sets the amount of space between the text and the left edge of the background tab_right graphic - NOTE the left-side round corner is on the li tag, so this value is often zero */
	display: block;
	color: #666666; /* black */
	text-decoration: none;
	background-image: url(../images/site/tab_inactive_right.gif); /* the image that makes up the right side of the tab and the majority of the background of the tab - the image should be several times the width and height intened for use, to allow for resizing. */
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 17px;
	outline:none;
}

#navigation li a:hover
{
	color: #000000; /* grey */
	outline:none;
}

.item0 #navigation .item0,
.item1 #navigation .item1, /* the first item1 goes on the body tag within the HTML the second item1 goes on the li tag */
.item2 #navigation .item2,
.item3 #navigation .item3,
.item4 #navigation .item4,
.item5 #navigation .item5,
.item6 #navigation .item6
{
	background-image: url(../images/site/tab_active_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	outline:none;
}

.item0 #navigation .item0 a,
.item1 #navigation .item1 a,
.item2 #navigation .item2 a,
.item3 #navigation .item3 a,
.item4 #navigation .item4 a,
.item5 #navigation .item5 a,
.item6 #navigation .item6 a
{
	color: #666666; /* black */
	background-image: url(../images/site/tab_active_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	cursor: pointer;
	outline:none;
}

/*.item1 #navigation .item1 a:hover,
.item1 #navigation .item2 a:hover,
.item1 #navigation .item3 a:hover,
.item1 #navigation .item4 a:hover,
.item1 #navigation .item5 a:hover,
.item1 #navigation .item6 a:hover
{
	color: #000000; 
}
*/