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

.MainMenuArea {
	display: block;
	position: absolute;
	padding: 0px 0px 0px 0px; 
	margin: 0px auto; 
	width: 960px;
	height: 28px;
	top: 58px;
	left: 15px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	z-index: 9999;
}

.MainMenuArea .menu {
	display: block;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 870px;
	height: 30px; 
	z-index: 9999;
}



 /*========================= 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;
}                               

.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; 
}


/*======================== 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: 8px 20px 8px 20px; 
	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;
}

.MainMenuArea .menu ul li:hover a,
.MainMenuArea .menu ul li a:hover {				/* selected top-level menu items */
	display: block;
	padding: 8px 20px 4px 20px; 
	height: 14px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 4px solid #FFFFFF;
}

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


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

.MainMenuArea .menu ul li:hover ul li.top {		/* 2nd level drop-down top padding */
	display: block;
	background: transparent url('/images/winter/menu-dropDown-bg.png') repeat-y 0px 0px;
	margin: 0px;
	border: 0px;
	height: 10px;
	width: 271px;
}

.MainMenuArea .menu ul li:hover ul li.bottom {	/* 2nd level drop-down box */
	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:hover ul li.active,
.MainMenuArea .menu ul li a:hover ul li.active {	/* 2nd level unselected items */
	display: block;
	background: transparent url('/images/winter/menu-dropDown-active-bg.png') no-repeat 0px 0px;
	height: auto;
	width: 271px;
}

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

.MainMenuArea .menu ul li:hover ul li.inactive,
.MainMenuArea .menu ul li a:hover ul li.inactive {	/* 2nd level unselected items */
	display: block;
	background: transparent url('/images/winter/menu-dropDown-inactive-bg.png') no-repeat 0px 0px;
	height: auto;
	width: 271px;
}

.MainMenuArea .menu ul li:hover ul li.inactive:hover,
.MainMenuArea .menu ul li a:hover ul li.inactive:hover {	/* 2nd level unselected items */
	display: block;
	background: transparent url('/images/winter/menu-dropDown-active-bg.png') no-repeat 0px 0px;
	height: auto;
	width: 271px;
}

.MainMenuArea .menu ul li:hover ul li.inactive a,
.MainMenuArea .menu ul li a:hover ul li.inactive a {	/* 2nd level unselected items */
	display: block;
	padding: 3px 0px 1px 0px; 
	margin: 0px 0px 0px 48px;
	border-bottom: 1px dashed #FFFFFF; 
	height: auto;
	width: 171px;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
}

.MainMenuArea .menu ul li:hover ul li:hover a,
.MainMenuArea .menu ul li a:hover ul li a:hover {		/* 2nd level selected item */
	display: block;
	color: #FFFFFF;
}



/*======================== 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;
}