.nav
{
	float: left;
	font: 90% Tahoma;
}

.nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav ul li
{
	float: left;
	position: relative;
	width: 115px;
	margin-left: 2px;
}

.nav ul li:hover,
.nav ul li.hover
{
	z-index: 100;
}

.nav ul a
{
	background: white;
	font: normal 11px Tahoma;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 5px 5px 8px;
	display: block;
	border: none;
	position: relative;
	height: 16px;
	text-align: left;
	margin-left: -1px; /* collapses the left border */
	width: 117px;

}

.nav ul.firstul li a
{
	text-align: center;	
	background-image: url(../images/btn3.jpg);
	font: normal 11px Tahoma;
	background-repeat: round;
}


.nav ul a:hover,
.nav ul a:focus,
.nav ul a:active,
.nav ul li.hover a /* <- keeps the tab hover state on as the dropdown gets explored */
{	
	
	color: white;
	background-image: url(../images/btn4.jpg);
	color: #eee;
	font: normal 11px Tahoma;
}

.nav ul ul
{
	position: absolute;
	top: 100%;
	left: -9999em;
	width: 180px;
}

.nav ul li:hover ul,
.nav ul li.hover ul
{
	left: 0;
}

.nav ul ul li
{
	float: none;
	position: static;

}

.nav ul li:hover ul a,
.nav ul li.hover ul a
{	
	background: rgb(255,255,255);
	color: #444;
	border: 1px solid gray;
	padding: 5px 10px;
	width: 168px;
	text-shadow: none;
	margin-top: -1px; /* collapses top border */
	text-align: left;
}

.nav ul li:hover ul a:hover,
.nav ul li.hover ul a:hover,
.nav ul li.hover ul a:focus,
.nav ul li.hover ul a:active
{	
	background: #d9fbdc;
	color: green;
}

#pageMenu {
	background-image: url(../Images/btn3.jpg);
	background-repeat: repeat-x;
	border-bottom: solid 1px #444;
	height: 30px;
	z-index: 9999;
}