/*
	This file has utf-8 characters and must have utf-8
*/

/********************************************/
/************ MAIN MENU STYLES **************/
/********************************************/

.MainMenuArea {
	display: block;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 100%;
	height: 35px;
	z-index: 9999;
	background-color:#004990; color:#fff;
	z-index: 99;
	position: relative;
}

.MainMenuArea .menu {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 960px;
	height: 30px;
	z-index: 99;
	position: relative;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/


.MainMenuArea .menu ul {
	margin: 0 auto;
	list-style-type: none;						/* we don't want to view the list as a list */
	line-height: 1.0em;							/* globally set the menu's item spacing. note */
	padding-left: 20px;
	z-index: 99;
}

.MainMenuArea .menu ul li {
	float: left;								/* this creates the side-by-side array of top-level buttons */
	position: relative;							/* create local positioning contexts for each button */
	margin: 0;
	padding-left: 0px;
	z-index: 99;
}


/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.MainMenuArea .menu ul li ul {
	display: none;								/* initially hide the entire list hierarchy */
	padding: 0px;								/* this is our box border width */
}

.MainMenuArea .menu ul li a,
.MainMenuArea .menu ul li a:visited {			/* unselected top-level menu items */
	display: block;
	float: left;
	padding: 12px 10px 8px 10px;
	height: 14px;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
	line-height: 12px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.00em;
	border-bottom: 0px solid #FFFFFF;
	text-transform: uppercase;
	z-index: 99;
}

.MainMenuArea .menu ul li:hover a,
.MainMenuArea .menu ul li a:hover {				/* selected top-level menu items */
	background: #4489C7;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

/* 2nd Level drop down menu area */
.MainMenuArea .menu ul li:hover ul,
.MainMenuArea .menu ul li a:hover ul {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	top: 34px;									/* place us just up underneath the top-level images */
	left: 0px;									/* left-align our drop-down to the previous button border */
	height: auto;								/* the drop-down height will be determiend by line count */
	width: 271px;
}

/* 2nd level drop-down top padding */
.MainMenuArea .menu ul li:hover ul li.top {
	display: block;
	background: #4489C7;
	margin: 0px;
	border: 0px;
	height: 10px;
	width: 271px;
}

/* 2nd level drop-down bottom padding */
.MainMenuArea .menu ul li:hover ul li.bottom {
	display: block;
	background: #4489C7;
	margin: 0px;
	height: 21px;
	width: 271px;
}

/* 2nd level menu background */
.MainMenuArea .menu ul li:hover ul li.inactive,
.MainMenuArea .menu ul li a:hover ul li.inactive {
	display: block;
	height: auto;
	width: 261px;
	background: #4489C7;
}

/* 2nd level menu background - hover */
.MainMenuArea .menu ul li:hover ul li.inactive:hover,
.MainMenuArea .menu ul li a:hover ul li.inactive:hover {
	display: block;
	height: auto;
	background: #4489C7;
}

/* 2nd level menu items */
.MainMenuArea .menu ul li:hover ul li.inactive a,
.MainMenuArea .menu ul li a:hover ul li.inactive a {
	display: block;
	padding: 3px 0px 1px 10px;
	margin: 0;
	height: auto;
	width: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	background: #4489C7;
	text-transform: uppercase;
}

/* 2nd level menu items */
.MainMenuArea .menu ul li:hover ul li.inactive a:before,
.MainMenuArea .menu ul li a:hover ul li.inactive a:before {
	/* content: " ▶ "; */
	color: #8BC9F2;
	font-size:50%;
	line-height:15px;
}

/* 2nd level menu items - Hover */
.MainMenuArea .menu ul li:hover ul li:hover a,
.MainMenuArea .menu ul li a:hover ul li a:hover {
	display: block;
	color: #FFFFFF;
	background-color:#004990;
}



/*======================== 2ND LEVEL MENU - seem to do nothing ========================*/

.MainMenuArea .menu ul li:hover ul li.active,
.MainMenuArea .menu ul li a:hover ul li.active {	/* 2nd level unselected items  NOTHING */
	display: block;
	height: auto;
	width: 271px;
	padding-left:10px;
}
.MainMenuArea .menu ul li:hover ul li.active a,
.MainMenuArea .menu ul li a:hover ul li.active a {	/* 2nd level unselected items  NOTHING */
	display: block;
	padding: 3px 0px 1px 0px;
	margin: 0px 0px 0px 48px;
	height: auto;
	width: 171px;
	color: red;
	font-size: 12px;
	line-height: 15px;
}




/*======================== IE6 2ND LEVEL MENU ADJUSTMENTS ========================*/


.MainMenuArea .menu ul li:hover table ,
.MainMenuArea .menu ul li a:hover table {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: auto;
	width: 271px;
	z-index: 99;
}

.MainMenuArea .menu ul li table ul li.top {
	display: block;
	background: transparent url('/images/winter/menu-dropDown-bg.png') repeat-y 0px 0px;
	margin: 0px;
	border: 0px;
	height: 15px;
	width: 271px;
}

.MainMenuArea .menu ul li table ul li.bottom {
	display: block;
	display:block;
	background: transparent url('/images/winter/menu-dropDown-bottom-bg.png') no-repeat 0px 0px;
	margin: 0px;
	height: 21px;
	width: 271px;
}

.MainMenuArea .menu ul li table ul li.active,
.MainMenuArea .menu ul li a table ul li.active {
	background: url('/images/winter/menu-dropDown-active-bg.png') no-repeat 0px 0px;
}

.MainMenuArea .menu ul li table ul li.active a,
.MainMenuArea .menu ul li a table ul li.active a,
.MainMenuArea .menu ul li:hover table ul li.active a,
.MainMenuArea .menu ul li a:hover table ul li.active a {
	margin: 0px 0px 0px 26px;
}


.MainMenuArea .menu ul li table ul li.inactive,
.MainMenuArea .menu ul li a table ul li.inactive {
	background: url('/images/winter/menu-dropDown-inactive-bg.png') no-repeat 0px 0px;
}

.MainMenuArea .menu ul li table ul li.inactive a,
.MainMenuArea .menu ul li a table ul li.inactive a,
.MainMenuArea .menu ul li:hover table ul li.inactive a,
.MainMenuArea .menu ul li a:hover table ul li.inactive a  {
	margin: 0px 0px 0px 26px;
}

.MainMenuArea .menu ul li table ul li.inactive:hover a,
.MainMenuArea .menu ul li a table ul li.inactive:hover a,
.MainMenuArea .menu ul li:hover table ul li.inactive:hover a,
.MainMenuArea .menu ul li a:hover table ul li.inactive:hover a  {
	color: #FFFFFF;
}

.MainMenuArea .menu ul li table  ul li:hover a,
.MainMenuArea .menu ul li a table  ul li a:hover,
.MainMenuArea .menu ul li:hover table  ul li:hover a,
.MainMenuArea .menu ul li a:hover table  ul li a:hover {
	display: block;
	color: #FFFFFF;
}