#menu, .menuLevel1 ul, .menuLevel2 ul, .secondaryMenu, .tertiaryMenu
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align : left;
	width: 220px;
	position: relative;
	top:0;
	left: 0;
	height: 246px;
	max-height: 246px;
	overflow: hidden;
	z-index: 20;
}


.menuLevel1 ul, .menuLevel2 ul,  .secondaryMenu, .tertiaryMenu
{
	display: none;
	width: 220px;
	top: 29px;
	left: 0;
	position: absolute;
}


#menuExtra
{
	display: none;
	width: 220px;
	height: 266px;
	top: -20px;
	left: 0;
	position: absolute;
	background-color: white;
	z-index: 22;
}

.menuLevel1
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 29px;
	width: 220px;
	vertical-align: center;
	display: block;
	float: left;
}

.menuLevel2
{
	position: relative;
	top: 0;
	left: 0;
	height: 29px;
	/*padding-top: 9px;*/
	width: 220px;
	/*padding-left: 10px;*/
	vertical-align: center;
	display: block;
	overflow: hidden;
}

.menuLevel3
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 25px;
	/*padding-top: 9px;*/
	width: 220px;
	/*padding-left: 10px;*/
	display: block;
	overflow: hidden;
}


.menuLevel1 div, .menuLevel2 div
{
	position: absolute;
	margin: 0;
	padding:0;
	height: 29px;
	width: 220px;
}

.menuLevel3 div
{
	position: absolute;
	margin: 0;
	padding:0;
	height: 25px;
	width: 220px;
	overflow: hidden;
	border-top: 1px solid #cccccc;
}

.menuLevel1 .itemContent a, .menuLevel1 .itemContent a:visited, .menuLevel1 .itemContent a:hover, .menuLevel1 .itemContent a:active 
{
	margin-left: 10px;
	margin-top: 10px;
	height: 19px;
	width: 220px;
	float: left;
	text-decoration: none;
	color: black;
}

.menuLevel2 .itemContent a, .menuLevel2 .itemContent a:visited, .menuLevel2 .itemContent a:hover, .menuLevel2 .itemContent a:active
{
	margin-left: 20px;
	margin-top: 10px;
	height: 19px;
	width: 210px;
	float: left;
	text-decoration: none;
	color: black;
}

.menuLevel3 .itemContent a, .menuLevel3 .itemContent a:visited, .menuLevel3 .itemContent  a:hover, .menuLevel3 .itemContent a:active 
{
	margin-left: 10px;
	/*margin-top: 2px;*/
	/*height: 15px;*/
	width: 210px;
	float: left;
	text-decoration: none;
	font-size: 10px;
	color: black;
}

.itemContent .fixVerticalAlign
{
	display: table-cell;
	vertical-align: middle;
	float: none;
	position: relative;
}



.menuLevel1 .itemContent
{
	width:220px;
	z-index: 12;
	top: 0;
	left: 0;
	position: absolute;
	height: 27px;
}
.menuLevel1 .itemBackground
{
	width:220px;
	overflow: visible;
	border-left: 10px solid #FFFFFF;
	background: #204E8E;
	/*visibility: hidden;*/
	display: none;
	height: 27px;
	z-index: 11;
	margin-top: 2px;
	margin-bottom: 2px;
	top: 0;
	left: 0;
	position: absolute;
	display: none;

}

.menuLevel2 .itemContent
{
	width:220px;
	z-index: 12;
	top: 0;
	left: 0;
	position: absolute;
	height: 29px;
}

.menuLevel2 .itemBackground
{
	width:220px;
	overflow: visible;
	border-left: 10px solid #204E8E;
	background: transparent;
	height: 29px;
	z-index: 11;
	top: 0;
	left: 0;
	position: absolute;
	display: none;
}


.menuLevel3 .itemContent
{
	margin: 0;
	padding:0;
	width:220px;
	z-index: 23;
	top: 0;
	left: 0;
	position: absolute;
	height: 25px;
	display: table;
	vertical-align: middle;
}

.menuLevel3 .itemBackground
{
	margin: 0;
	padding:0;
	width:220px;
	overflow: hidden;
	border-left: 10px solid #204E8E;
	background: transparent;
	height: 25px;
	z-index: 22;
	top: 0;
	left: 0;
	position: absolute;
	display: none;
}

.menuSelected .itemContent a
{
	font-weight: bold;
}

.menuSelected ul .menuLevel2 a
{
	font-weight: normal;
}


.menuBack
{
	display: none;
	position: absolute;
	top: 112px;
	left: 40px;
	width:  100px;
	color: #0a5aa1;
	z-index: 21;
}

.menuBackExtra
{
  display: none;
	position: absolute;
	top: 0px;
	left: 10px;
	width:  100px;
	color: #0a5aa1;
  z-index: 23;
}

.backArrow
{
	display: none;
	color: #000000;
	width: 20px;
	float: left;
}