/* START THE CODE FOR THE MENUS */

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

/* menu ver 3.1 2007 */

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

.menutable {background-color: #FFFFFF;	white-space: nowrap; width:100%; border-top: #000000 0px solid;	border-bottom: #000000 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 #000000;
			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: #666666; font: 11px verdana, arial, helvetica, sans-serif; font-weight: bold; text-decoration: none;
			letter-spacing: 0px;text-align: center;	padding: 3px 5px 4px 5px;width: auto; display: block; cursor: pointer; 	}

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

#menunav li { background-color: #FFFFFF; border: solid #FFFFFF;	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: #000000; text-decoration: none;	cursor: pointer;  }

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

#menunav li:hover, #menunav li.IEMhover	{ background-color: #FFFFFF; border: solid #009900;
			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: #666666; 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: #000000; text-decoration: none;  cursor: pointer; }

/* SUB LEVEL OUTER BORDER */
#menunav li ul 	{position: absolute; left: -999em; height: auto; width: 135px; border: solid #C0C0C0; 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 #C0C0C0;  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: #D9EFD3;	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: 135px; }

/* SUB MENU LINK WIDTH */
#menunav li ul a {width: 135px;}

/* FOR 3rd LEVEL MENU LOCATION */
#menunav li ul ul {margin: -21px 0px 0px 135px;	}

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

