/* //// CANVAS AREA //// */
	#canvasArea
	{
		background:	url(../graphics/bg_canvasarea_rec.gif);	
	}



#headerArea h2
{
	background:		url(../graphics/logo_mulitpurpose_rec.jpg) no-repeat;
}


/* //// MAIN NAVIGATION AREA //// */

	#mainNavigationArea #staticNavigation .rec a
	{
		background:		url(../graphics/nl/bg_mainnav_rec_act.gif);
		left:			0px;	
	}

	#mainNavigationArea #staticNavigation .for a
	{
		left:			250px;			
	}

	#mainNavigationArea #staticNavigation .ris a
	{
		left:			500px;	
	}



/* //// SUB NAVIGATION AREA //// */

	#subNavigationArea
	{
		background:		#3B6281;
		float:			left;
		position:		relative;
		width:			250px;
	}

		#subNavigationArea ul li a			
		{	
			background:			#3B6281 url(../graphics/bg_sub_inact.gif) no-repeat;
			color:				#FFFFFF;
			display:			block;
			float:				left;
			padding:			3px 5px 3px 28px;
			position:			relative;
			text-decoration:		none;
			width:				216px;
			
		}
	
		#subNavigationArea ul li a:hover			
		{	
			background:			#0b3C62 url(../graphics/bg_sub_inact.gif) no-repeat;			
		}
		

		#subNavigationArea ul li a.activeElement			
		{	
			background:			#154367 url(../graphics/bg_sub_act.gif) no-repeat;
			color:				#FFFFFF;
			display:			block;
			text-decoration:		none;
			width:				216px;
			padding:			3px 5px 5px 28px;
		}
		
			#subNavigationArea ul li ul li a			
			{	
				background:			#3B6281;
				color:				#FFFFFF;
				display:			block;
				float:				left;
				padding:			3px 5px 3px 28px;
				position:			relative;
				text-decoration:		none;
				width:				216px;
			}
	
			#subNavigationArea ul li ul li a:hover			
			{	
				background:			#0b3C62;			
			}
			
			#subNavigationArea ul li a.activeElement			
			{	
				background:			#154367;
			}	
			
		#subNavigationArea ul li ul li ul li a
		{
			padding:			3px 0px 0px 40px;
			width:				210px;
		}
		
/* PRIMARY CONTENT AREA */

	#primaryContentArea
	{
		width:				499px;
	}