/* START THE CODE FOR THE MENUS */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 150 IN 4 PLACES TOTAL */

/* menu ver 3.1 2007 */





/* MENU OUTER TABLE - BACKGROUND & TOP & BOTTOM MENU BORDERS */

.menutable 		{
			background-color: #CC0099;
			white-space: nowrap;
			width:100%;
			border-top: #FFFFFF 0px solid;
			border-bottom: #FFFFFF 0px solid;
			padding: 0px;
			margin: 0px;
			}


/* CODE FOR MENU 2ND OUTER TABLE */

#menunav, #menunav ul 	{

			float: left;

			white-space: nowrap;

			width: 100%;

			list-style: none;

			padding: 0px;

			border: solid #FFFFFF;

			border-width: 0px 0px 0px 0px;

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			margin: 0px 0px 0px 0px;

			}

















/* TOP LEVEL MARGINS, FONT FACE & FONT COLORS & PADDING */



#menunav a 		{

			color: #FFFFFF;

			font: 11px verdana, arial, helvetica, sans-serif;

			font-weight: bold;

			text-decoration: none;

			letter-spacing: 0px;

			text-align: center;

			padding: 2px 2px 2px 2px;

			width: auto;

			display: block;

			cursor: pointer;

			}







/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */



#menunav li 		{

			background-color: #CC0099;

			border: solid #CC0099;

			border-width: 1px 1px 1px 1px;	/* THIS IS A RIGHT BORDER */

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			float: left;

			padding: 0;

			}







/* TOP LEVEL HOVER FONT COLOR */



#menunav li a:hover	{

			color: #CC0099;

			text-decoration: none;

			cursor: pointer;

			}















/* TOP LEVEL HOVER BACKGROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */



#menunav li:hover, #menunav li.IEMhover

			{

			background-color: #FADEF5;

			border: solid #FADEF5;

			border-width: 1px 1px 1px 1px;	/* THIS IS A RIGHT BORDER */

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			}





















/* SUB LEVEL FONT & FONT COLOR & PADDING */



#menunav li ul a 	{

			font: 11px verdana, arial, helvetica, sans-serif;

			color: #CC0099;

			font-weight: normal;

			text-decoration: none;

			letter-spacing: 0px;

			text-align: left;

			padding: 4px 0px 4px 0px;

			text-indent: 8px;

			cursor: pointer;

			}







/* SUB LEVEL FONT HOVER COLOR */



#menunav li ul a:hover 	{
			background-image: none;
			color: #CC0099;
			text-decoration: none;
			cursor: pointer;
			}


/* SUB LEVEL OUTER BORDER */

#menunav li ul 		{

			position: absolute;

			left: -999em;

			height: auto;

			width: 150px;

			border: solid #FFFFFF;

			border-width: 1px 1px 1px 1px;

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			margin: 0;

			margin-left: -1px;

			margin-top: 0px;

			}





/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */



#menunav li ul li 	{

			background-image: none;

			background-color: #FFFFFF;

			border: solid #FFFFFF;

			border-width: 0px 0px 0px 0px;

			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */

			}





/* SUB LEVEL HOVER BACKGROUND AND BORDERS */



#menunav li ul li:hover, #menunav li ul li.IEMhover
			{
			background-image: none;
			background-color: #FADEF5;
			border: solid #C0C0C0;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}




/* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */

#menunav li li {
	padding-right: 0px;
	width: 150px;
}



/* SUB MENU LINK WIDTH */

#menunav li ul a {
	width: 150px;
}



/* FOR 3rd LEVEL MENU LOCATION */

#menunav li ul ul {
	margin: -21px 0px 0px 150px;
}





#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; }







/* FOR 3rd LEVEL ARROW */

#menunav a.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}

#menunav a:hover.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}