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


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

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

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

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

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

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

	#subNavigationArea
	{
		background:		#4199AD;
		float:			left;
		position:		relative;		
		width:			250px;
	}

		#subNavigationArea ul li a			
		{	
			background:			#4199AD 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:			#117F9A url(../graphics/bg_sub_inact.gif) no-repeat;			
		}


		#subNavigationArea ul li a.activeElement			
		{	
			background:			#117F9A 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:			#4199AD;
				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:			#117F9A;
			}

			#subNavigationArea ul li ul li a.activeElement			
			{	
				background:			#117F9A;
			}	

			#subNavigationArea ul li ul li ul li a
			{
				padding:			3px 0px 0px 40px;
				width:				206px;
			}	
		
		
/* PRIMARY CONTENT AREA */

	#primaryContentArea
	{
		width:				499px;
	}