/* Menu CSS */

.menutable 		{
			background-color:#060;
			background-image: url("image/menu-bkg.gif");
			white-space: nowrap;
			width: 900px;
			border-top: #060 1px solid;
			border-bottom: #060 1px solid;
			border-right: #060 1px solid;
			border-left: #060 1px solid;
			padding: 0px;
			margin: 0px;
			}


#menunav, #menunav ul 	{
			float: left;
			white-space: nowrap;
			width: 100%;
			list-style: none;
			padding: 0px;
			border: solid #060;
			border-width: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}

/* ------------- First Level -------------- */
/* First Level Background Color and Borders */

#menunav a 		{
			color: #FFFFFF;
			font: 12px arial, helvetica, sans-serif;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: center;
			padding: 7px 5px 8px 5px;
			width: auto;
			display: block;
			cursor: pointer;
			}


/* First Level Background Color and Borders */

#menunav li 		{
			background-color: transparent;
			border: solid #060;
			border-width: 0px 1px 0px 0px;
			float: left;
			padding: 0;
			}


/* First Level Hover Font Color*/

#menunav li a:hover	{
			color: #FF0;
			background-image: url("image/menu-off.gif");
			text-decoration: none;
			cursor: pointer;
			}


/* First Level Hover Background Color*/

#menunav li:hover, #menunav li.IEMhover
			{
			background-color: #060;
			background-image: url("image/menu-off.gif");
			border: solid #060;
			border-width: 0px 1px 0px 0px;	
			}


/* First and Last Menu Items */
.first 	{ border-left: #060 1px solid; }
.last	{ border-right: #060 0px solid;	}


/* -----Second Level Area----- */
/* Second Level Font and Color */

#menunav li ul a 	{
			font: 12px verdana, arial, helvetica, sans-serif;
			color: #FFFFFF;
			font-weight: normal;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: left;
			text-indent: 8px;
			cursor: pointer;
			padding: 7px 0px 7px 0px;
			}


/* Second Level Font Hover Color */

#menunav li ul a:hover 	{
			background-image: none;
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			}


/* Second Level Border */

#menunav li ul 		{
			position: absolute;
			left: -999em;
			height: auto;
			width: 155px;
			border: solid #A1ACBA;
			border-width: 0px 1px 1px 1px;
			margin: 0;
			margin-left: -1px;
			margin-top: 0px;
			}


/* Second Level Border */

#menunav li ul li 	{
			background-image: none;
			background-color: #36F;
			border: solid #A1ACBA;
			border-width: 1px 0px 0px 0px;
			}


/* Second Level Hover Background and Border */

#menunav li ul li:hover, #menunav li ul li.IEMhover
			{
			background-image: none;
			background-color: #FF3;
			border: solid #A1ACBA;
			border-width: 1px 0px 0px 0px;
			}


/* Second Level Width */

#menunav li li {
	padding-right: 0px;
	width: 155px;
}


/* Second Level Width */

#menunav li ul a {
	width: 155px;
}



/* START 3rd LEVEL CODE ----------------------- */
/* FOR 3rd LEVEL MENU LOCATION */

#menunav li ul ul {
	margin: -21px 0px 0px 155px;
}

#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.IEMhover ul ul, #menunav li.IEMhover ul ul ul
{ left: -999em; }

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.IEMhover ul, #menunav li li.IEMhover ul, #menunav li li li.IEMhover ul
{ left: auto; }
