#navigation span.collapsible-menu {
	width:130px;
	font-size:12px;
	color:#fff;
	/* Keep the code for the backgrounds to do an icon on the left. */
	/* background:url(bottom.gif) no-repeat  right bottom; */
}

#navigation span.collapsible-menu div {
	border-bottom:1px solid #18453b; /* MSU green */
	overflow:hidden;
	/* background:url(title.gif) repeat-x; */
}

#navigation span.collapsible-menu div:first-child {
	border-top:1px solid #18453b; /* MSU green */
	/* background:url(toptitle.gif) no-repeat; */
}

#navigation span.collapsible-menu div.collapsed {
					/* Must be the exact height of the div containing each main item, */
	height:25px;	/* If it's too large, the top of the collapsed menus will show. */
					/* Use Firebug to find the computed height of the div. */
}

#navigation span.collapsible-menu div span {
	display:block;
	padding-top:5px;
	padding-left:1px;
	padding-bottom:5px;
	color:#18453b; /* MSU green */
	cursor:pointer;
	/* background:url(expanded.gif) no-repeat 0px center; */	

}

#navigation span.collapsible-menu div.collapsed span {
	/*background-image:url(collapsed.gif);*/
}

#navigation span.collapsible-menu div span:hover {
	background:#18453b; /* MSU green */
	color:#fff; 
	/* background:url(expanded.gif) no-repeat 10px center; */
}

#navigation span.collapsible-menu div a {
	font-size:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:12px;
	background:#eee;
	display:block;
	color:#18453b; /* MSU green */
	border-top:1px #18453b dotted;
	text-decoration:none;
}

#navigation span.collapsible-menu div a:first-child {
	border-top:1px solid red;
}

#navigation span.collapsible-menu div a.current {
	/* background :#ccc; */ /* Not sure what this does */
}

#navigation span.collapsible-menu div a:hover {
	background:#18453b; /* MSU green */
	color:#fff;
	text-decoration:none;
}