/* GENERAL SETTINGS */

	body
	{
		background:			#ffffff url(../graphics/bg_body_ie.gif) top center no-repeat;
		color:				#043731; 
		font-family: 		Arial, Courier, sans-serif ;
		font-size: 			75%;
		margin:				0px;
		padding:			0px;
		line-height:		1.5;		
	}
	
	/* Set other background for other browser than IE. solves IE center one pixel error */
	html>body
	{
		background: 			#ffffff url(../graphics/bg_body.gif) top center no-repeat;
	}
	
	form
	{
		margin:				0;
		padding:			0;
	}

	#smaller
	{
		cursor:				pointer;
	}
	
	#bigger
	{
		cursor:				pointer;
	}
	
	.clearBox{
		clear:				both;
		height:				1px;
		font-size:			1px;
		line-height:		1px;
	}

	
/* CANVAS AREA */

	#canvasArea
	{	
		height:				100%;
		margin:				0 auto 0 auto;
		width:				1000px;
	}	
	
	
/* HEADER AREA */

	#headerArea
	{
		float:				left;
		height:				138px;
		position:			relative;
		width:				1000px;
	}
	
		#headerArea h1 span
		{
			display:			none;
		}

		#headerArea h2
		{
			float:				left;
			height:				110px;
			margin:				0px;
			padding:			0px;
			width:				820px;
		}

			#headerArea h2 a
			{	
				border:					0px;
				display: 				block;
				height:					110px;
				padding:				0px;
				margin:					0px;
				text-decoration:		none;
				width:					820px;
			}
		
			#headerArea h2 span
			{
				visibility:				hidden;			
			}
		
		#headerArea h3 span
		{
			display:				none;
		}		
	

/* MAINNAVIGATION */

	#mainNavigationArea
	{
		background:			#7aa2d3;
		float:				left;
		height:				100%;
		margin:				40px 0 0 0;
		padding:			10px 0 0 0;
		position:			relative;
		width:				225px;
	}
	
		#mainNavigationArea ul
		{
			float:					left;
			list-style-type:		none;
			margin:					0 0 0 0px;
			padding:				0 0 0 20px;
		}
		
		
			#mainNavigationArea ul li
			{
				float:					left;
				margin:					0px;
				padding:				0px;
			}
		
			#mainNavigationArea ul li a
			{
				background:				url(../graphics/bg_mainnav.gif) left top no-repeat;
				border-bottom:			1px solid #003c7e;
				color:					#003c7e;
				display:				block;
				float:					left;
				font-weight:			bold;
				height:					20px;
				margin:					0px;
				padding:				2px 0 4px 10px;
				text-decoration:		none;
				width:					175px;
			}
			
				#mainNavigationArea ul li a:hover
				{
					color:				#ffffff;
				}				
	
			#mainNavigationArea ul li a.activeElement
			{
				background:				url(../graphics/bg_mainnav_active.gif) left top no-repeat;
				border-bottom:			1px solid #003c7e;
				color:					#ffffff;
				display:				block;
				float:					left;
				font-weight:			bold;
				margin:					0px;
				padding:				2px 0 4px 10px;
				text-decoration:		none;
				width:					175px;
			}	

			#mainNavigationArea ul li ul
			{
				margin:					0px;
				padding:				0px;
			}

			#mainNavigationArea ul li ul li a
			{
				background:				none;
				background-color:		#d1dfef;
				font-weight:			normal;
				padding:				2px 0 4px 20px;
				width:					165px;
			}
			
			#mainNavigationArea ul li ul li a.activeElement
			{
				background:				url(../graphics/bg_mainnav_sub_active.gif) right no-repeat;
				background-color:		#d1dfef;
				font-weight:			normal;
				padding:				2px 0 4px 20px;
				color:					#ed1c24;
				width:					165px;				
			}			

			#mainNavigationArea ul li ul li a:hover
			{
				color:					#ed1c24;
			}	
			
			#mainNavigationArea ul li ul li ul li a
			{
				padding:				2px 0 4px 40px;
				width:					145px;	
			}

			#mainNavigationArea ul li ul li ul li a.activeElement
			{
				padding:				2px 0 4px 40px;
				width:					145px;	
			}
			
			
			#mainNavigationArea .serviceMenu
			{
				display:				block;
				float:					left;
				margin:					60px 0 0 0;	
			}

				#mainNavigationArea .serviceMenu ul
				{
					margin:					0 0 35px 0;	
				}
			
					#mainNavigationArea .serviceMenu ul li.contact
					{
						background:			url(../graphics/bg_service_contact.gif) no-repeat;
					}	
					
					#mainNavigationArea .serviceMenu ul li.support
					{
						background:			url(../graphics/bg_service_support.gif) no-repeat;
					}	
		
						#mainNavigationArea .serviceMenu ul li a
						{
							background:				none;	
							border-bottom:			1px solid #ffffff;
							color:					#003c7e;
							font-size:				100%;
							font-weight:			bold;
							margin:					0px;
							padding:				2px 0 0 20px;
							text-decoration:		none;	
							width:					165px;					
						}	

						#mainNavigationArea .serviceMenu ul li a:hover
						{
							color:					#ffffff;				
						}	
	
						#mainNavigationArea .serviceMenu ul li.contact a
						{
							border-top:				1px solid #ffffff;					
						}

		#mainNavigationArea h4
		{
			background:			url(../graphics/bg_navheader.gif) left center no-repeat;
			color:				#ffffff;
			margin:				0 0 0 18px;
			padding:			0 0 0 11px;
		}
		
		#mainNavigationArea a img
		{
			border:				0px;
			padding:			0 0 20px 20px;
		}

/* SUBNAVIGATIONAREA */



/* PRIMARYCONTENTAREA */

	#primaryContentArea
	{
		float:				left;
		height:				100%;
		margin:				40px 0 0 0;
		padding:			0px;
		position:			relative;
		width:				575px;
	}

		#primaryContentArea .breadCrumb
		{
			border-bottom:		1px solid #82aed8;	
			margin:				0 20px 20px 20px;
		}
		
			#primaryContentArea .breadCrumb ul
			{
				float:					left;
				list-style-type:		none;
				margin:					0 0 5px 0;
				padding:				0px;
			}		
			
				#primaryContentArea .breadCrumb ul li
				{
					float:					left;
					margin:					0px;
					padding:				0px;
				}
				
					#primaryContentArea .breadCrumb ul li a
					{
						background:				url(../graphics/bg_breadcrumb.gif) right center no-repeat;
						color:					#013c7e;
						float:					left;
						font-weight:			bold;
						margin:					0px;
						padding:				0 10px 0 5px;
						text-decoration:		none;
					}									

					#primaryContentArea .breadCrumb ul li a:hover
					{
						color:					#ad3439;
					}	
			
					#primaryContentArea .breadCrumb ul li a.activeElement
					{
						background:				url(../graphics/bg_breadcrumb_red.gif) right center no-repeat;
						color:					#ad3439;
					}			
			

		#primaryContentArea .contentBoxOne,
		#primaryContentArea .contentBoxFour
		{
			float:				left;
			width:				535px;
			padding:			0 20px 0 20px;
		}

		#primaryContentArea .bannerBoxOne,
		#primaryContentArea .bannerBoxTwo
		{
			float:				left;
			width:				534px;	
			padding:			0 0 0 20px;
		}
		
				
		#primaryContentArea .contentBoxTwo,
		#primaryContentArea .contentBoxThree,
		#primaryContentArea .contentBoxFive,
		#primaryContentArea .contentBoxSix
		{
			float:				left;
			width:				257px;	
			padding:			0 0 0 20px;
		}

/* SECONDARYCONTENTAREA */

	#secondaryContentArea
	{
		border-left:			1px solid #82aed8;
		float:				left;
		height:				100%;
		margin:				40px 0 0 0;
		padding:			0px;
		position:			relative;
		width:				199px;
	}



		#secondaryContentArea .homeNavigationArea
		{
			padding:			0 20px 0 20px;
		}

			#secondaryContentArea .homeNavigationArea ul
			{
				list-style-type:			none;
				margin:					0px;
				padding:				0px;
			}

				#secondaryContentArea .homeNavigationArea ul li
				{

				}		

					#secondaryContentArea .homeNavigationArea ul li a
					{
						background:			url(../graphics/bg_homenav.gif) no-repeat;
						border-bottom:			1px solid #82aed8;
						color:				#82aed8;
						display:			block;
						font-weight:			bold;
						padding:			0 0 0 10px;
						text-decoration:		none;
						width:				145px;
					}
					
					#secondaryContentArea .homeNavigationArea ul li a:hover
					{
						background:			url(../graphics/bg_homenav_over.gif) no-repeat;
						color:				#003c7e;
					}					


		#secondaryContentArea .contentBoxOne
		{
			float:				left;
			width:				159px;
			padding:			20px 20px 0 20px;
		}


/* FOOTERAREA */
	
	#footerArea
	{
		background:			url(../graphics/bg_footer.gif) no-repeat;
		float:				left;
		height:				34px;
		position:			relative;
		width:				1000px;
	}

		#footerArea .footerBox
		{
			border-bottom:		1px solid #82aed8;	
			border-top:			1px solid #82aed8;	
			color:				#003c7e;	
			display:			block;
			float:				left;
			height:				22px;
			padding:			2px 0 0 0;
			margin:				5px 20px 0 20px;
			width:				530px;
		}

			#footerArea .footerBox a
			{
				color:				#003c7e;	
				text-decoration:	none;
			}

			#footerArea .footerBox a:hover
			{	
				text-decoration:	underline;
			}

	/* SERVICE AREA */
	
		#footerArea #serviceArea
		{
			float:				left;
			height:				29px;
			padding:			5px 0 0 20px;
			width:				205px;
		}
	
			#footerArea #serviceArea ul
			{
				list-style-type:		none;
				margin:					0px;
				padding:				0px;
			}	
			
				#footerArea #serviceArea ul li
				{
					display:				block;
					float:					left;
				}
				
				#footerArea #serviceArea ul li.sitemap
				{
					background:				url(../graphics/bg_service_sitemap.gif) no-repeat;
				}				
		
					#footerArea #serviceArea ul li a
					{
						border-bottom:				1px solid #ffffff;
						border-top:					1px solid #ffffff;
						color:						#003c7e;
						display:					block;
						font-size:					100%;
						font-weight:				bold;
						margin:						0px;
						padding:					2px 0 2px 20px;
						text-decoration:			none;
						width:						165px;
					}
			
					#footerArea #serviceArea ul li a:hover
					{
						color:						#ffffff;
					}		


/* CLASSES AND OTHERS */

	.clear
	{
		clear:				both;
		font-size:			0px;
	}
	
	.sectionButton img
	{
		margin:				15px 0 0 0;	
	}