.navigationBox{
	background:			#7AC2F2;
	padding:			0 0 30px 0;
}


#mainNavigationArea{
	width:			288px;
	font-size:		12px;
}



#mainNavigationArea ul li{
	display:			inline;
	
}	

#mainNavigationArea ul li a{
	font-weight:		bold;
	color:				#FFF;
	display:			block;
	padding:			6px 160px 5px 10px;
	text-align:			right;
	text-decoration:	none;
	


}

/* SET THE COLORS */
	
	/* GroupRow 0 */
		#mainNavigationArea ul li.groupRow0 a {background: #C9DDF5 url(../graphics/bg_groupRow0.gif); }
		#mainNavigationArea ul li.groupRow0 a:hover,#mainNavigationArea ul li.groupRow0:hover a, #mainNavigationArea ul li.groupRow0 a.activeElement {background: #C9DDF5 url(../graphics/bg_groupRow0_active.gif); }
		#mainNavigationArea ul li.groupRow0 ul li a, #mainNavigationArea ul li.groupRow0 ul{  background: #C9DDF5; }
		#mainNavigationArea ul li.groupRow0 ul li a,#mainNavigationArea ul li.groupRow0 ul li a:hover,#mainNavigationArea ul li.groupRow0:hover ul li a, #mainNavigationArea ul li.groupRow0 ul li a.activeElement{
			border-bottom:		1px solid #A6BCD4;
			background: 		url(../graphics/bg_groupRow0_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow0 ul li ul li a,	#mainNavigationArea ul li.groupRow0 ul li ul li a:hover, #mainNavigationArea ul li.groupRow0:hover ul li ul li a, #mainNavigationArea ul li.groupRow0 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#E1EAF6;
		}
	
	/* GroupRow 1 */
		#mainNavigationArea ul li.groupRow1 a{ background: #B9EEFF url(../graphics/bg_groupRow1.gif);}
		#mainNavigationArea ul li.groupRow1 a:hover,#mainNavigationArea ul li.groupRow1:hover a , #mainNavigationArea ul li.groupRow1 a.activeElement{background: #B9EEFF url(../graphics/bg_groupRow1_active.gif); }
		#mainNavigationArea ul li.groupRow1 ul li a, #mainNavigationArea ul li.groupRow1 ul{ background: #B9EEFF;}
		#mainNavigationArea ul li.groupRow1 ul li a,#mainNavigationArea ul li.groupRow1 ul li a:hover,#mainNavigationArea ul li.groupRow1:hover ul li a, #mainNavigationArea ul li.groupRow1 ul li a.activeElement{
			border-bottom:		1px solid #95C9DE;
			background: 		url(../graphics/bg_groupRow1_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow1 ul li ul li a,	#mainNavigationArea ul li.groupRow1 ul li ul li a:hover, #mainNavigationArea ul li.groupRow1:hover ul li ul li a, #mainNavigationArea ul li.groupRow1 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#D7F3FC;
		}
		
	/* GroupRow 2 */
		#mainNavigationArea ul li.groupRow2 a{ background: #FFD0DE url(../graphics/bg_groupRow2.gif);}
		#mainNavigationArea ul li.groupRow2 a:hover ,#mainNavigationArea ul li.groupRow2:hover a, #mainNavigationArea ul li.groupRow2 a.activeElement {background: #FFD0DE url(../graphics/bg_groupRow2_active.gif); }
		#mainNavigationArea ul li.groupRow2 ul li a, #mainNavigationArea ul li.groupRow2 ul{ background: #FFD0DE;}
		#mainNavigationArea ul li.groupRow2 ul li a,#mainNavigationArea ul li.groupRow2 ul li a:hover,#mainNavigationArea ul li.groupRow2:hover ul li a, #mainNavigationArea ul li.groupRow2 ul li a.activeElement{
			border-bottom:		1px solid #DFACBB;
			background: 		url(../graphics/bg_groupRow2_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow2 ul li ul li a,	#mainNavigationArea ul li.groupRow2 ul li ul li a:hover, #mainNavigationArea ul li.groupRow2:hover ul li ul li a, #mainNavigationArea ul li.groupRow2 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#FFE8EF;
		}
		
	/* GroupRow 3 */
		#mainNavigationArea ul li.groupRow3 a{ background: #FFE550 url(../graphics/bg_groupRow3.gif);}
		#mainNavigationArea ul li.groupRow3 a:hover ,#mainNavigationArea ul li.groupRow3:hover a, #mainNavigationArea ul li.groupRow3 a.activeElement {background: #FFE550 url(../graphics/bg_groupRow3_active.gif); }
		#mainNavigationArea ul li.groupRow3 ul li a, #mainNavigationArea ul li.groupRow3 ul{ background: #FFE550;}
		#mainNavigationArea ul li.groupRow3 ul li a,#mainNavigationArea ul li.groupRow3 ul li a:hover,#mainNavigationArea ul li.groupRow3:hover ul li a, #mainNavigationArea ul li.groupRow3 ul li a.activeElement{
			border-bottom:		1px solid #E9C646;
			background: 		url(../graphics/bg_groupRow3_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow3 ul li ul li a,	#mainNavigationArea ul li.groupRow3 ul li ul li a:hover, #mainNavigationArea ul li.groupRow3:hover ul li ul li a, #mainNavigationArea ul li.groupRow3 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#FEF3B4;
		}
		
	/* GroupRow 4 */
		#mainNavigationArea ul li.groupRow4 a{ background: #EEDF48 url(../graphics/bg_groupRow4.gif);}
		#mainNavigationArea ul li.groupRow4 a:hover, #mainNavigationArea ul li.groupRow4:hover a, #mainNavigationArea ul li.groupRow4 a.activeElement {background: #EEDF48 url(../graphics/bg_groupRow4_active.gif); }
		#mainNavigationArea ul li.groupRow4 ul li a, #mainNavigationArea ul li.groupRow4 ul{ background: #EEDF48;}
		#mainNavigationArea ul li.groupRow4 ul li a,#mainNavigationArea ul li.groupRow4 ul li a:hover,#mainNavigationArea ul li.groupRow4:hover ul li a, #mainNavigationArea ul li.groupRow4 ul li a.activeElement{
			border-bottom:		1px solid #C9B94A;
			background: 		url(../graphics/bg_groupRow4_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow4 ul li ul li a,	#mainNavigationArea ul li.groupRow4 ul li ul li a:hover, #mainNavigationArea ul li.groupRow4:hover ul li ul li a ,#mainNavigationArea ul li.groupRow4 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#F7ED88;
		}
		
		
	/* GroupRow 2 */
		#mainNavigationArea ul li.groupRow5 a{ background: #B5E8D5 url(../graphics/bg_groupRow5.gif);}
		#mainNavigationArea ul li.groupRow5 a:hover, #mainNavigationArea ul li.groupRow5:hover a, #mainNavigationArea ul li.groupRow5 a.activeElement {background: #B5E8D5 url(../graphics/bg_groupRow5_active.gif); }
		#mainNavigationArea ul li.groupRow5 ul li a, #mainNavigationArea ul li.groupRow5 ul{ background: #B5E8D5;}
		#mainNavigationArea ul li.groupRow5 ul li a,#mainNavigationArea ul li.groupRow5 ul li a:hover,#mainNavigationArea ul li.groupRow5:hover ul li a, #mainNavigationArea ul li.groupRow5 ul li a.activeElement{
			border-bottom:		1px solid #94C5B2;
			background: 		url(../graphics/bg_groupRow5_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow5 ul li ul li a,	#mainNavigationArea ul li.groupRow5 ul li ul li a:hover, #mainNavigationArea ul li.groupRow5:hover ul li ul li a, #mainNavigationArea ul li.groupRow5 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#DCF4EB;
		}

	/* GroupRow 6 */
		#mainNavigationArea ul li.groupRow6 a{ background: #AAE48D url(../graphics/bg_groupRow6.gif);}
		#mainNavigationArea ul li.groupRow6 a:hover, #mainNavigationArea ul li.groupRow6:hover a, #mainNavigationArea ul li.groupRow6 a.activeElement{background: #AAE48D url(../graphics/bg_groupRow6_active.gif); }
		#mainNavigationArea ul li.groupRow6 ul li a, #mainNavigationArea ul li.groupRow6 ul{ background: #AAE48D;}
		#mainNavigationArea ul li.groupRow6 ul li a,#mainNavigationArea ul li.groupRow6 ul li a:hover,#mainNavigationArea ul li.groupRow6:hover ul li a, #mainNavigationArea ul li.groupRow6 ul li a.activeElement{
			border-bottom:		1px solid #77B558;
			background: 		url(../graphics/bg_groupRow6_arrow.gif) right no-repeat;
		}
		#mainNavigationArea ul li.groupRow6 ul li ul li a,	#mainNavigationArea ul li.groupRow6 ul li ul li a:hover, #mainNavigationArea ul li.groupRow6:hover ul li ul li a, #mainNavigationArea ul li.groupRow6 ul li ul li a.activeElement{
			border:				none;
			padding:			3px 10px 3px 20px;
			background-image:	none;
			background:			#D0F5BD;
		}

/* LEVEL 2 */
#mainNavigationArea ul li ul {
	position:		absolute;
	left:			145px;
	top:			153px;
	display:		none;
	min-height:			262px;
}

#mainNavigationArea ul li:hover ul {
	display:		block;
	z-index: 		100;
}

#mainNavigationArea ul li:hover ul li:hover ul {
	display:		block;
}

#mainNavigationArea ul li.activeElement ul{
	display:		block;
}


#mainNavigationArea ul li ul li a{
	text-align:		left;
	color:			#000;
	width:			113px;
	padding:		6px 20px 4px 10px;
	font-weight:	normal;
}





#mainNavigationArea ul li ul li a:hover, #mainNavigationArea ul li ul a.activeElement{
	font-weight:	bold;
}

/* LEVEL 3 */
#mainNavigationArea  ul li:hover ul li ul,
#mainNavigationArea  ul li ul li ul,
#mainNavigationArea  ul li.activeElement ul li ul{
	position:		static;
	display:		none;
	height:			auto;
	min-height:		1px;
}

#mainNavigationArea ul li.activeElement ul li.activeElement ul{
	display:		block;
}