body { behavior:url("sitegraphics/css/csshover.htc"); }

/* Get rid of default list styling */
div.menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* Make the top level list items line up next to each other */
div.menu li {
	float: left;
	position: relative;
	z-index: 2;
}

/* Make the second level lists disappear and, when displayed, show up right under the parent items */
div.menu li ul {
	display: none; /* use display:block to see what it will look like later! */
	position: absolute; 
	z-index: 2;
}
/* For IE, you need to explicitly tell the second level list to be under the first level */
div.menu li ul {
	left: 0;
}
/* For Opera, the above IE fix will go screwy, so use a non-IE tag "li > ul" to describe the positioning */
div.menu li > ul {
	top: auto;
	left: auto;
}
/* For non-IE browsers, make the second level appear on hovering over the first level */
/* Any list that is nested in a list item that has the cursor hovering over it should be displayed */
div.menu li:hover ul {
	display: block;
}