/* CSS Document */

div#mainmenu * {margin:0; padding: 0;
	}

div#mainmenu {
	width:150%;
	height:20px; /* need so the background-image shows */
	font-family:Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight:bold;
	background-image:url(/menuimages/goldrepeat.gif); background-repeat:repeat-x;
}

div#mainmenu ul {
	margin:0 0 0 0px;
}

div#mainmenu li {
	float:left;
	position:relative;	/* sets positioning context for the contained list for drop-down */
	list-style:none;
	color:#003300;	/* need to specify for those li's that are not links */
	padding:2px 12px;
	border-right:1px solid #003300;
}
div#mainmenu li:first-child {
	border-left:1px solid #003300;
}

div#mainmenu a {
	text-decoration:none;
	padding:2px 12px;
	color:#003300;
}

div#mainmenu a:hover {
	color:#660000;
	background-image:url(/menuimages/yellowrepeat.gif); background-repeat:repeat-x;
}

div#mainmenu li:hover {	/* li items that are not a will also have effect */
	color:#660000;
	background-image:url(/menuimages/yellowrepeat.gif); background-repeat:repeat-x;
}

/* Hack needed because IE won't put left border and doubles margin*/ 
/* IE also needs csshover.htc to hover over elements other than a \*/
* html div#mainmenu ul {
	float: left;
	border-left:1px solid #003300;
	margin-left: 3px;
}
/* html a {display:block;}	/* makes IE accept padding on the links
 html li {display:block;}
/* end Hack */

/* This section hides submenu items until the main menu is hovered */
div#mainmenu ul ul {
	display: none;
}

div#mainmenu ul li:hover ul {
	display: block;
}
/* End of submenu display code */

div#mainmenu ul li ul {
	margin:2px 0px;
	z-index: 50;	/* Safari needs this on top as menu is 1px higher */
	position:absolute;	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width: 17em;	/* makes menu items stack */
	left:-1px;	/* aligns */
/*	font-size: .75em;  */

}

div#mainmenu ul li ul a:hover {
	background-color: #ffff00;
}

div#mainmenu ul li ul li:hover {
	background-color: #FFFF00;
	position:relative;
	z-index: 100;
}

div#mainmenu ul li ul li {
	width:100%;	/* makes the list items fill the ul container */
	border-left:1px solid #003300;
	border-bottom:1px solid #003300;
	border-right:1px solid  #003300;
	background-color: #ffcc00;
}
div#mainmenu ul li ul li:first-child {
	border-top:1px solid #003300;
}

div#mainmenu ul ul {
	display: none;
}

div#mainmenu ul li:hover ul {
	display: block;
}
/* End of submenu display code */

/*Beginning of second level submenu code */
div#mainmenu ul li ul li {
	position:relative;
}

div#mainmenu ul li ul li ul{
	margin:0;
	position:absolute;
	visibility:hidden;
	width: 17em;	/* makes menu items stack */
	top:-1px;
	left:100%;
	font-size:inherit;
}

div#mainmenu ul li ul li:hover ul { visibility:visible; }

/* HACK ZONE */
/* hack for IE so the menu has a vertical line on the left */
* html div#mainmenu ul {
	float:left;	/* makes the ul wrap the li's */
	border-left: 1px solid #003300;	/* adds the rightmost menu vertical line to the ul */
	margin-left: 0px; /* because IE doubles */
}

/* add a top line to drops and pops in IE - can't read first-child */
* html div#mainmenu ul li ul {
	border-top: 1px solid #003300;
	border-left: 0px; /* stops the drop inhertin the ul border */
	top: -1px;
	margin: 18px 0px;
}

* html div#mainmenu ul li ul li ul {
	font-size: 1em;
}

.haslayout { height: 1%; }