.menu {
	position: relative;
	color: #006600;
/*	clear: both;*/
	font-size: 0.8em;
	font-weight: 800;
	width: auto;
/*	max-width: 1024px;*/
	margin: 0 auto;
	text-align: center;
	margin-top: 0.28em;

	margin-right: 5%;
	float: right;
}

.menu ul {
	list-style: none;
}

.menu li {
	float: left;
	margin: 0 0.3em;
	margin-bottom: -1px;  /* fixes faint line under bottom row in Gecko browsers */
	text-align: center;
	width: auto;
	height: 2em;
}

.menu li a {
	color: #006600;
	text-decoration: none;
	width: auto;
}

.menu li div {
	border: 0.2em solid #006600;
	border-bottom: 0;
	margin: 0;
	width: 9.1em;
	height: 1.8em;
	line-height: 1.6em;
}

.menu li.selected div {
	background-color: #BFD5B4;
}

.menu li a:hover div, .menu li a:hover {
	color: white;
	background-color: #006600;

	cursor: pointer;
	cursor: hand;
}

.menu .menu {
	font-size: 1em;
}

.menu .title {
	position: absolute;
	top: 0.6em;
	left: 0;
	padding-left: 0.4em;
	font-size: 1.1em;
}

.menu .inactive {
/*	display: none; */
	opacity: 0.4;
}


/*
 *
 * The 'public' class is used on the public pages for the always-present
 * top-level menu
 *
 */
.public {
	margin-bottom: 1.5em;
}

.public, .public .menu {
	width: 80em;
}

.public li {
	margin: 0 0.8em;
}

.public .menu hr.cleaner {
	visibility: visible;
	color: #006600;
	background-color: #006600;
	width: 35em;
	height: 0.2em;
	margin: 0 auto;
}


/*
 *
 * The 'search' class is used on the public pages for the always-present
 * second menu to search items by product type
 *
 */
.menu .search li, .menu .search li div {
	display: inline;  /* for IE Win, doesn't break anything else */
	border: none;
	width: auto;
	color: #ECB100;
}

.menu .search li {
	margin: 0.9em 2em;
	margin-bottom: 0;
	font-size: 1.1em;
}

.menu .search li.selected div {
	color: #006600;
	background-color: #FFFBF0;
}

.menu .search a:hover div, .menu .search a:hover {
	color: #006600;
	background-color: #FFFBF0;
}


/*
 *
 * The 'admin' class is used on the private pages
 *
 */
.admin ul li {
	float: right;
	width: auto;
}

.admin .menu {
	clear: right;
}

.admin .menu  ul {
	padding-top: 0.8em;
}


.admin li {
	color: #006600;
}

.admin li div {
	border: 0.2em solid #006600;
	border-bottom: none;
}

.admin li a:hover div, .admin li a:hover, .admin li.selected div {
	background-color: #006600;
	color: #FFFFFF;
}


.admin .menu {
	background-color: #006600;
/*	margin-top: -0.15em; */
}

.admin .menu .title {
	color: #FFFFFF;
}

.admin .menu li {
	background-color: #ECB100;
}

.admin .menu li a {
	color: #000000;
}

.admin .menu li div {
	border: 0.2em solid #ECB100;
	border-bottom: none;
}

.admin .menu li a:hover div, .admin .menu li a:hover, .admin .menu li.selected div {
	background-color: #CCCCCC;
	color: #000000;
	border-color: #ECB100;
}


.admin .menu .menu {
	background-color: #CCCCCC;
}

.admin .menu .menu .title {
	color: #006600;
}

.admin .menu .menu li {
	background-color: #006600;
}

.admin .menu .menu li a {
	color: #FFFFFF;
}

.admin .menu .menu li div {
	border: 0.2em solid #006600;
	border-bottom: none;
}

.admin .menu .menu li a:hover div, .admin .menu .menu li a:hover, .admin .menu .menu li.selected div {
	background-color: #FFFBF0;
	color: #000000;
	border-color: #999999;
}