@CHARSET "ISO-8859-1";

.menu {
	border-top: 1px solid #006699;
	border-bottom: 1px solid #006699;
	height: 22px;
	z-index: 100;
}

.menubar {
	margin-top: -4px;
	position:relative;
	z-index:2000;
	vertical-align: bottom;
}

/* Firefox needs this to set up the menu bar */	
.menuitem>div {
	width: 100%;
	color: #369;
	font-size: 110%;
	font-weight: bold;
	position: relative;
	padding-left: 5px;
	vertical-align: bottom;
}

/* IE needs this to set up the menu bar */
* html td.menuitem {
/*	width: 140px;*/
	color: #369;
	font-size: 110%;
	font-weight: bold;
	padding-left: 5px;
	position: relative;
	vertical-align: bottom;
	white-space: nowrap;
}

.menuitem .disabled {
	color: #999;
}

.menuitem a {
	display: block;
	text-decoration: none;
	background: white;
	padding-left: 5px;
}

.menuitemLink {
	display: block;
	text-decoration: none;
	background: white;
	padding-left: 5px;
}

.menuitem a:hover {
	background: #eee;
	text-decoration: none;
	color: #369;
}

.menuitem span {
	background: white;
	display: block;
	padding-left: 5px;
/*	border-bottom: 1px solid #ccc;*/
}

.menuitem span:hover {
	background: white;
}

.parenthover {
	background: #eee;
	cursor: default;
}

.subMenu,.subSubMenu {
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	position: absolute;
	left: -99999px;
	z-index: 10;
}

.ssubMenu,.ssubSubMenu {
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	position: absolute;
	visibility:hidden;
	left=5px;
	top=95%;
	z-index: 3000;
	width: auto;
}

.subMenu a,.subMenu a:visited {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
/*	width: 135px;*/
	text-decoration: none;
	display: block;
}

.ssubMenu a,.ssubMenu a:visited {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	width: 100%;
	text-decoration: none;
	display: block;
	z-index: 30;
}

.hover {
	position: absolute;
	top: 14px;
	left: 1px;
}

/* IE needs this to set up the submenu positioning */
* html .hover {
	left: 5px;
}

.hoverRight {
	position: absolute;
	top: 20px;
	left: 95%;
}

.separator {
/*	border-top: 2px solid #ccc;*/
	display: inline;
}

.disabled {
	background: white;
}

.subMenu1 {
	padding-right: 5px;
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	position: absolute;
	visibility:hidden;
	left=5px;
	top=95%;
	z-index: 10;
	width: auto;
	background-color: white;
}

.subMenu2 {
	width: 100%;
	z-index: 20;
	background-color: white;
}

.subSubMenu1 {
	padding-right: 5px;
	border-top: 1px solid #369;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	border-bottom: 1px solid #369;
	position: absolute;
	visibility:hidden;
	top: 15px;
	left: 40%;
	z-index: 100;
	width: auto;
	background-color: white;
}

.subSubMenu2 {
	width: 100%;
	z-index: 100;
	background-color: white;
}



.subMenu2 a,.subMenu2 a:visited {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	width: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	z-index: 30;
}

.subMenu2 a:hover {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	width: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	z-index: 30;
	background-color: #eee;
}

.parent {
	position: relative;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	width: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	z-index: 100;
}

.floatRight {
	text-align: right;
}