/* GENERAL SETTINGS */

	body
	{
		background:		#ffffff;
		color:			#043731; 
		font-family: 		Arial, Courier, sans-serif ;
		font-size: 		80%;
		margin:			0px;
		padding:		0px;
		line-height:		1.5;		
	}
	
	img
	{
		border:			0px;
	}
	
	form
	{
		margin:			0;
		padding:		0;
	}

	
/* CANVAS AREA */

	#canvasArea
	{
		background:		#ffffff;	
		height:			100%;
		margin:			0 auto 0 auto;
		position:		relative;
		width:			1000px;
	}	
	
	
/* HEADER AREA */

	#headerArea
	{
		background:		url(../graphics/bg_header.gif) repeat-x;
		height:			50px;
		margin:			0px;
		padding:		0px;
		position:		relative;
		width:			1000px;
	}
	
		#headerArea h1,
		#headerArea h3,		
		#headerArea h1 span,
		#headerArea h3 span
		{
			display:		none;
			margin:			0px;
			padding:		0px;
		}


		#headerArea h2
		{
			height:			50px;
			width:			220px;
			margin:			0px;
			padding:		0px;
		}

			#headerArea h2 span
			{
				height:			0px;
				margin:			0px;
				padding:		0px;				
				visibility:		hidden;	
			}

			#headerArea h2 a
			{
				background: 		url(../graphics/logo.gif) no-repeat;		
				display: 		block;
				height:			50px;
				margin:			0px;
				padding:		0px;
				text-decoration:	none;
				width:			202px;
			}
		



/* SERVICE AREA */

	#serviceArea
	{
		height:				50px;
		left:				670px;
		position:			absolute;
		top:				15px;
		width:				360px;
	}
	
		#serviceArea ul
		{
			list-style-type:		none;
			margin:				0px;
			padding:			0px;
		}
		
			#serviceArea ul li
			{
				display:		block;
				float:			left;
				position:		relative;
			}
			
				#serviceArea ul li a
				{
					color:			#90afde;
					display:		block;
					text-decoration:	none;
				}
			
				#serviceArea ul li a.home
				{
					background:		url(../graphics/bg_service_home.gif) left no-repeat;
					padding:		0 0 0 18px;
					width:			44px;
				}				
			
				#serviceArea ul li a.sitemap
				{
					background:		url(../graphics/bg_service_sitemap.gif) left no-repeat;
					padding:		0 0 0 18px;
					width:			60px;
				}		
				
				#serviceArea ul li a.contact
				{
					background:		url(../graphics/bg_service_contact.gif) left no-repeat;
					padding:		0 0 0 18px;
					width:			56px;
				}						
			
				#serviceArea ul li a.faq
				{
					background:		url(../graphics/bg_service_faq.gif) left no-repeat;
					padding:		0 0 0 16px;
					width:			34px;
				}				

				#serviceArea ul li a.route
				{
					background:		url(../graphics/bg_service_route.gif) left no-repeat;
					padding:		0 0 0 16px;
					width:			44px;
				}						
			
				#serviceArea ul li a:hover
				{
					color:			#90afde;
					text-decoration:	underline;
				}


/*BANNERAREA */

	#bannerArea
	{
		background:			#000000 url(../graphics/img_banner.jpg) no-repeat;
		display:			block;
		height:				150px;
		margin:				1px 0 1px 0;
		padding:			0px;
	}

/* MAINNAVIGATION */

	#mainNavigationArea
	{
		background:			url(../graphics/bg_mainnav.gif) no-repeat;
		float:				left;
		height:				32px;
		margin:				0px;
		padding:			0 0 0 1px;
		position:			relative;
		width:				696px;
	}
	
		#mainNavigationArea ul
		{
			list-style-type:		none;
			margin:				0px;
			padding:			0px;
		}
		
			#mainNavigationArea ul li
			{
				display:			block;
				float:				left;
				height:				32px;
			}

				#mainNavigationArea ul li a
				{
					color:				#ffffff;
					display:			block;
					float:				left;
					font-weight:			bold;
					height:				28px;
					padding:			4px 20px 0 20px;
					text-decoration:		none;
				}	
				
				#mainNavigationArea ul li a:hover,
				#mainNavigationArea ul li a.activeElement
				{
					background:			#ffffff;
					color:				#ff6008;
					display:			block;
					float:				left;
					height:				28px;
					padding:			4px 20px 0 20px;
					text-decoration:		none;
				}	
			

/* SEARCHAREA */

	#searchArea
	{
		background:			url(../graphics/bg_search.gif) repeat-x;
		border:				1px solid #ff5d00;
		float:				left;
		height:				30px;
		margin:				0 0 0 1px;
		padding:			2 0 0 10px;
		position:			relative;
		width:				300px;		
	}
	
		#searchArea .searchElementOne{
			display:			block;
			float:				left;			
			width:				152px;
		}

			#searchArea label{
				color:				#ffffff;
				display:			block;
				float:				left;
				font-weight:			bold;
				height:				26px;
				padding:			4px 10px 0 10px;
			}
				
				#searchArea label span{

				}

			#searchArea input.searchInput{
				background:				#ffae7f;
				border:					1px solid #ffffff;
				color:					#ffffff;
				display:				block;
				font-size:				11px;
				font-weight:				bold;
				height:					15px;
				margin:					5px 0 0 0;
				padding:				0 2px 0 2px;
				width:					155px;
			}

		#searchArea .searchElementTwo{
			display:			block;
			float:				left;
			padding:			0 0 0 5px;
			width:				25px;
		}

			#searchArea .searchElementTwo input{
				display:			block;
				float:				left;			
				height:				16px;
				padding:			6px 0 0 10px;
				width:				24px;
			}




/* SUBNAVIGATIONAREA */

	#subNavigationArea
	{
		background:			#d9d9d9;
		border-left:			1px solid #d9d9d9;
		float:				left;
		height:				100%;
		padding:			0 0 80px 0;
		position:			relative;
		width:				169px;
	}
	
		#subNavigationArea ul
		{
			list-style-type:		none;
			margin:				0px;
			padding:			0px;
		}

			#subNavigationArea ul li
			{
				background:			#ffffff;
				display:			block;
				width:				169px;	
			}
			
				#subNavigationArea ul li a
				{
					background:			#ffffff;
					border-bottom:			1px dashed #dbdbdb;
					color:				#053565;
					display:			block;
					font-weight:			bold;
					margin:				0 0 0 10px;
					padding:			8px 0 8px 0;
					text-decoration:		none;
					width:				159px;
				}			

				#subNavigationArea ul li a:hover,
				#subNavigationArea ul li a.activeElement
				{
					color:				#ff6008;
				}	
			

					#subNavigationArea ul li ul li a
					{
						background:			#ffffff;
						border-bottom:			1px dashed #102d65;
						color:				#053565;
						display:			block;
						font-weight:			normal;
						margin:				0 0 0 20px;
						padding:			8px 0 8px 0;
						text-decoration:		none;
						width:				149px;
					}			

						#subNavigationArea ul li ul li ul li a
						{
							background:			#ffffff;
							border-bottom:			1px dashed #102d65;
							color:				#053565;
							display:			block;
							font-weight:			normal;
							margin:				0 0 0 30px;
							padding:			8px 0 8px 0;
							text-decoration:		none;
							width:				139px;
						}			

		#subNavigationBox .contentBoxOne
		{
			float:				left;
			margin:				0px;
			padding:			0px;		
			width:				169px;
		}


/* PRIMARYCONTENTAREA */

	#primaryContentArea
	{
		border-bottom:			1px solid #d9d9d9;
		float:				left;
		height:				100%;
		position:			relative;
		width:				527px;
	}

		#primaryContentArea .contentBoxOne,
		#primaryContentArea .contentBoxFour
		{
			float:				left;
			width:				490px;
			padding:			40px 10px 10px 10px;
		}

/* SECONDARYCONTENTAREA */

	#secondaryContentArea
	{
		background:			#d9d9d9;
		float:				left;
		height:				100%;
		margin:				0px;
		padding:			0px;
		position:			relative;
		width:				302px;
	}

		#secondaryContentArea .contentBoxOne
		{
			float:				left;
			margin:				0px;
			padding:			0 0 210px 0px;
			width:				302px;
		}

/* FOOTERAREA */
	
	#footerArea
	{
		border-left:		1px solid #d9d9db;
		border-right:		1px solid #d9d9db;
		border-bottom:		1px solid #d9d9db;
		display:		block;
		height:			25px;
		position: 		absolute; 
		text-align:		center;
		width:			998px;
	}

		#footerArea ul
		{
			list-style-type: 	none;
			margin:			0px auto 0px auto;
			padding:		4px 0 0 200px;
		}
		
			#footerArea ul li
			{
				background:		url(../graphics/bg_footer_li.gif) right no-repeat;
				color:			#8c8c8c;
				display:		block;
				float:			left;
				width:			100px;
			}
		
			#footerArea ul li.copyright
			{
				width:			150px;
			}

				#footerArea ul li a
				{
					color:			#8c8c8c;
					text-decoration:	none;
				}

				#footerArea ul li a:hover
				{
					text-decoration:	underline;
				}

/* CLASSES AND OTHERS */

	.clear
	{
		clear:				both;
		font-size:			0px;
	}