/*	CSS DROPDOWNS
	NOTE:  The order of the items in this list is important, rearranging can
	make the dropdowns stop working properly
*/
.menu {
	width: 700px;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	position: relative;
	z-index: 100;
	white-space: nowrap;
	padding: 0px 0px 0px 0px;
}
/*	remove all default list styling */
.menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.menu ul ul {
}
/*	float the list to make it horizontal
	relative positon so that you can control the dropdown menu positon
*/
.menu li {
	float:left;
	position: relative;
	/* space between buttons */
	margin-left: 0px;
}
.menu .first {
	margin-left: 0px;
}
.menu .last {
	margin-right: 0px;
}

/* FIRST-LEVEL NORMAL *********************************************************/
.menu a,
.menu a:visited {
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background-image: URL("images/nav_top_backg_off.gif");
	background-color: #b4d4bd;
	color: #005067;
	padding: 3px 3px 2px 3px;
	height: 15px;
}

/* SECOND-LEVEL NORMAL ********************************************************/
.menu ul ul a.drop,
.menu ul ul a.drop:visited {
	background-image: none;
	background-color: #b4d4bd;
	color: #005067;
}

/* SECOND-LEVEL HOVER *********************************************************/
.menu ul ul a.drop:hover {
	background-image: none;
	background-color: #005067;
	color: #FFFFFF;
}
.menu ul ul :hover > a.drop {
	background-image: none;
	background-color: #005067;
	color: #FFFFFF;
}
/*	hide the sub levels
	give them a positon absolute so that they take up no room
*/
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0px;
	/* position the top of the dropdown against the button */
	top: 20px;
	/* account for the padding of the top level item when positioning the left side */
	left: -1px;
	_left: -1px;
}

/*	style the table so that it takes no part in the layout */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
}

/* SECOND-LEVEL NORMAL ********************************************************/
.menu ul ul a,
.menu ul ul a:visited {
	text-align: left;
	white-space: nowrap;
	background-image: none;
	background-color: #b4d4bd;
	color: #005067;
	padding: 3px 11px 2px 11px;
	border: solid #FFFFFF 1px;
	border-top: none;
	/* width of dropdowns is set to accomodate widest item */
	width: 115px;
}
.menu ul .last ul a,
.menu ul .last ul a:visited {
	/* shorten the last dropdown so the page doesn't scroll over so much */
	width: 100px;
}

/* FIRST-LEVEL HOVER **********************************************************/

/* START DO NOT COMBINE THESE TWO, IT BREAKS IE DROPDOWNS */
	.menu a:hover {
		/* light top button */
		background-image: URL("images/nav_top_backg_on.gif");
		background-color: #005067;
		color: #FFFFFF;
		text-decoration: none;
	}
	.menu :hover > a {
		/* keep top button lit up when the mouse moves onto the dropdown */
		background-image: URL("images/nav_top_backg_on.gif");
		background-color: #005067;
		color: #FFFFFF;
		text-decoration: none;
	}
/* END DO NOT COMBINE THESE TWO, IT BREAKS IE DROPDOWNS */

/* START DO NOT COMBINE THESE TWO, IT MAKES IE CHANGE COLOR */
	.menu ul ul a:hover {
		background-image: none;
		background-color: #005067;
		color: #FFFFFF;
		text-decoration: none;
	}
	.menu ul ul :hover > a {
		background-image: none;
		background-color: #005067;
		color: #FFFFFF;
		text-decoration: none;
	}
/* END DO NOT COMBINE THESE TWO, IT MAKES IE CHANGE COLOR */

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}