/*
the nav has two layers, the link tags "a" are hoverBtn and the back of them is a div named navend,
that should be defined to the total background of the whole nav menu
*/

div.navend{
	background:	black url(images/blue_navBG.png) repeat-x 0 0 scroll;
	height: 35px;
	position: absolute;
	top: 135px;
	width: 993px;
	}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(images/blue_navBG.png) repeat-x 0 0 scroll;
	
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			auto;
	height: 		35px;
	line-height: 		35px;
	text-align: 		center;
	font-size:		14px;
	text-decoration:	none;
	color:			white;
	background:		transparent none repeat-x 0 0 scroll;
	
}



div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/blue_navHover.png) repeat-x 0 0 scroll;
}



.clear	{ clear: both; }