div.hide, div.show, div.hideSelected {
	font-family: tahoma,sans-serif;
	font-size: 11px;
	position: absolute;
}

div.hide ul, div.hideSelected ul { display: none; }
div.show ul { display: block; }

div.hide div.menuTitle {
	width: 100%;
	padding: 2px 2px 4px 2px;
	background-color: #2E49A9;
	border-left: 1px solid #ffffff;
}

div.hideSelected div.menuTitle {
	width: 100%;
	padding: 2px 2px 4px 2px;
	background-color: #EFF0F8;
	border-left: 1px solid #ffffff;
}

div.hideSelected div.menuTitle a {
	color: #000000;
}

div.show div.menuTitle {
	width: 100%;
	padding: 2px 2px 4px 2px;
	background-color: #CCD4F1;
	border-left: 1px solid #ffffff;
}

div.menuTitle a {
	text-decoration: none;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
}

div.menuTitle > a {
	width: inherit;
}

div.show div.menuTitle a {
	color: #000000;
}

ul.menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-color: #2E49A9;
	border-width: 1px 0px 0px 0px;
}

li.menuItem, li.menuItemShow {
	border-style: solid;
	border-color: #2E49A9;
	border-width: 0px 1px 1px 1px;
}

li.menuItem a, li.menuItemShow li a {
	text-decoration: none;
	color: #000000;
	width: 100%;
	display: block;
	background-color: #CCD4F1;
	padding: 2px;
	font-weight: normal;
}

li.menuItemShow a {
	text-decoration: none;
	color: #000000;
	width: 100%;
	display: block;
	background-color: #EFF0F8;
	padding: 2px;
	font-weight: bold;
}

/* These make it work in Netscape/Mozilla */
li.menuItemShow > a, li.menuItem > a, li.menuItemShow li > a {
	width: inherit;
}

li.menuItem a:hover, li.menuItemShow li a:hover {
	font-weight: bold;
	background-color: #EFF0F8;
}

li.menuItem a:focus, li.menuItemShow li a:focus {
	font-weight: bold;
	background-color: #EFF0F8;
}

li.menuItem div { display: none; }
li.menuItemShow div { display: block; }
a.skip { position:absolute; left:-1000em; width: 20em;}