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



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

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

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

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

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


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

	#subNavigationArea
	{
		background:		#4E7EAC;
		float:			left;
		position:		relative;		
		width:			250px;		
	}

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

		#subNavigationArea ul li a:hover			
		{	
			background:			#205e97 url(../graphics/bg_sub_inact.gif) no-repeat;			
		}

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

		#subNavigationArea ul li ul li a:hover			
		{	
			background:			#205E97;
		}
		
		#subNavigationArea ul li ul li a.activeElement			
		{	
			background:			#205E97;
		}			
		
		
		
		#subNavigationArea ul li ul li ul li a
		{
			padding:			3px 5px 0px 40px;
			width:				204px;
		}
		

/* PRIMARY CONTENT AREA */

	#primaryContentArea
	{
		width:				499px;
	}