html { height: 100%; }
body
{
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	background: #e4eff3 url('../images/bodyBg.jpg') repeat-x  100% 0;
}
img { border: 0; }
hr  { margin-right:5px;border: none 0;border-top: 1px dashed #65c30a;width: 100%;height: 1px; }
.noTopMargin
{
	margin-top: 0px !important;
}
h1
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	font-weight: normal;
	line-height: normal;
	color: #333333;
}
.frontpage h2,.subpage h2
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 0px;
	line-height: 20px;
	font-weight: normal;
	color: #333333;
}
.frontpage a, .subpage a
{
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #65c30a;
}
p
{
	margin-top: 1em;
	margin-bottom: 1em;
}
a
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline !important;
}


a.arr
{
	padding-left: 17px;
	background: url('../images/arr_green.gif') no-repeat 0 6px;
	text-decoration: none;
}
.frontpage #indexRight a.arr
{
	padding-left: 17px;
	background: url('../images/arr_green.gif') no-repeat 0 4px;
	text-decoration: none;
}
.frontpage p
{
	line-height: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.frontpage
{
	color: #666666;
}
#contentCenter
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#header
{
	height: 74px;
	margin-top: 14px;
}
	#topLogo
	{
		float: left;
	}
	#topHelpers
	{
		float: left;
		font-size: 11px;
		margin-top: 20px;
		margin-left: 70px;
	}
		#topHelpers a
		{
			color: #006699;
			text-decoration: none;
			background: url('../images/arr_blue.gif') no-repeat 0 3px;
			padding-left: 15px;
			margin-left: 15px;
		}

		#pageSearchForm
		{
			margin: 0;
			padding: 0;
			float: right;
			margin-top: 17px;
		}
			#pageSearchForm input
			{
				float: left;
			}
			
			#pageSearchForm #searchWord
			{
				height: 16px;
				margin-right: 10px;
				margin-top: 1px;
				padding-top: 2px;
				width: 107px;
				padding-left: 10px;
				border: 1px inset #e3e3e3;
				font-size: 11px;
			}
#contentContainer
{
	margin-left: 10px;
	width: 950px;
	float: left;
}		
	#menu
	{
		border-bottom: 8px solid #65c30a;
		float: left;
		height: 32px;
		overflow: hidden;
		width: 100%;
	}
		#menu .menuItem
		{
			height: 32px;
			margin-right: 5px; 
			/*display: block;*/
			float: left;
			overflow: hidden;
			background: url('../images/menuBg_left.jpg') no-repeat;
		}
		#menu .menuItem .secondBg
		{
			background: url('../images/menuBg_right.jpg') no-repeat 100% 0;
			margin-left: 15px;
			padding-right: 15px;
			display: block;
			padding-bottom: 11px;
			/*height: 32px;*/
		}
		#menu .menuItem:hover
		{
			background: url('../images/menuBg_left_selected.jpg') no-repeat;
		}
		#menu .menuItem:hover .secondBg
		{
			background: url('../images/menuBg_right_selected.jpg') no-repeat 100% 0;
		}
		#menu .menuItem.selected .secondBg
		{
			background: url('../images/menuBg_right_selected.jpg') no-repeat 100% 0;
		}
		#menu .menuItem.selected
		{
			background: url('../images/menuBg_left_selected.jpg') no-repeat;
		}
		#menu .menuItem img
		{
			margin-top: 10px;
		}
	#mainContent
	{
		width: 950px;
		float: left;
		margin-top: 10px;
		background: #ffffff url('../images/indexBg.gif') repeat-y;
	}
	.subpage #mainContent
	{
		background: #ffffff url('../images/subBg.gif') repeat-y;
	}
		#indexLeft
		{
			width: 280px;
			display: inline;
			float: left;
		}
			.indexLeftContainer
			{
				background: #ffffff url('../images/gradient_vert.gif') repeat-x;
				margin-left: 1px;
				padding-top: 15px;
			}
			#indexIngress
			{
				padding-bottom: 15px;
				margin-left: 20px;
				margin-right: 9px;
			}
				#indexIngress h2
				{
					margin-bottom: 18px;
				}
			#indexAjankohtaista
			{
				margin-left: 20px;
				margin-right: 9px;
				padding-bottom: 6px;
			}
				.ajankohtaistaList, .muuallaList
				{
					list-style-type: none;
					margin: 0;
					padding: 0;
					
				}
					.ajankohtaistaList li, .muuallaList li
					{
						padding-left: 17px;
						padding-bottom: 10px;
						background: url('../images/arr_green.gif') no-repeat 0 6px;
					}
					.muuallaList li
					{
						background: url('../images/arr_green.gif') no-repeat 0 4px;
					}
						.ajankohtaistaList li a, .muuallaList li a
						{
							text-decoration: none;
						}
						.ajankohtaistaList li .date
						{
							font-size: 11px;
						}
		#indexCenter
		{
			width: 485px;
			margin-right: 1px;
			margin-left: 1px;
			display: inline;
			height: 100%;
			float: left;
			background: #ffffff url('../images/gradient_vert_long.gif') repeat-x;
		}
			#indexCenterContainer
			{
				margin-left: 20px;
			}
			#fpHeader
			{
				margin-top: 20px;
				margin-bottom: 22px;
			}
				#fpHeader h2
				{
					display: none;
				}
			#indexCenter .fplink
			{
				display: block;
				float: left;
			}
			#fpLargest, #fpSmallest
			{
				float: left;
			}
			#fpMiddle
			{
				float: left;
				margin-top: 12px;
				margin-bottom: 12px;
			}
			#indexCenter .largest
			{
				width: 143px;
				height: 151px;
			}
			#indexCenter .middle
			{
				height: 117px;
				width: 108px;
			}
			#indexCenter .smallest
			{
				height: 92px;
				width: 84px;
			}
				#indexCenter #valaistus
				{
					background: url('../images/frontpageLinks/valaistus.jpg') no-repeat;
				}
				#indexCenter #valaistus:hover
				{
					background: url('../images/frontpageLinks/valaistus.jpg') no-repeat 0 -151px;
				}
				#indexCenter #elektroniikka
				{
					background: url('../images/frontpageLinks/elektroniikka.jpg') no-repeat;
				}
				#indexCenter #elektroniikka:hover
				{
					background: url('../images/frontpageLinks/elektroniikka.jpg') no-repeat 0 -151px;
				}
				#indexCenter #televisiot
				{
					background: url('../images/frontpageLinks/televisiot.jpg') no-repeat;
					margin-left: 10px;
					margin-right: 10px;
				}
				#indexCenter #televisiot:hover
				{
					background: url('../images/frontpageLinks/televisiot.jpg') no-repeat 0 -151px;
				}
				
				#indexCenter #kylmasailytys
				{
					background: url('../images/frontpageLinks/kylmasailytys.jpg') no-repeat;
				}
				#indexCenter #liedet
				{
					background: url('../images/frontpageLinks/liedet.jpg') no-repeat;
					margin-left: 5px;
					margin-right: 5px;
				}
				#indexCenter #lvitalotekniikka
				{
					background: url('../images/frontpageLinks/lvitalotekniikka.jpg') no-repeat;
					margin-left: 5px;
					margin-right: 5px;
				}
				#indexCenter #astianpesu
				{
					background: url('../images/frontpageLinks/astianpesu.jpg') no-repeat;
					margin-right: 5px;
				}
				#indexCenter #tyostokoneet
				{
					background: url('../images/frontpageLinks/tyostokoneet.jpg') no-repeat;
					margin-right: 5px;
				}
				#indexCenter #pyykki
				{
					background: url('../images/frontpageLinks/pyykki.jpg') no-repeat;
				}
				#indexCenter #kaikki
				{
					background: url('../images/frontpageLinks/kaikki.jpg') no-repeat;
				}
				#indexCenter #lvitalotekniikka:hover, #indexCenter #tyostokoneet:hover, #indexCenter #kaikki:hover, #indexCenter #sahkomoottorit:hover, #indexCenter #kylmasailytys:hover, #indexCenter #liedet:hover, #indexCenter #astianpesu:hover, #indexCenter #pyykki:hover
				{
					background-position: 0 -117px;
				}
				
				#indexCenter #lammitys
				{
					background: url('../images/frontpageLinks/lammitys.jpg') no-repeat;
				}
				#indexCenter #sahkomoottorit
				{
					background: url('../images/frontpageLinks/sahkomoottorit.jpg') no-repeat;
				}
				#indexCenter #ilmastointi
				{
					background: url('../images/frontpageLinks/ilmastointi.jpg') no-repeat;
					margin-left: 7px;
					margin-right: 7px;
				}
				#indexCenter #lamminvesi
				{
					background: url('../images/frontpageLinks/lamminvesi.jpg') no-repeat;
				}
				#indexCenter #muut
				{
					background: url('../images/frontpageLinks/muut.jpg') no-repeat;
				}
				/*#indexCenter #lammitys:hover, #indexCenter #ilmastointi:hover, #indexCenter #lamminvesi:hover, #indexCenter #sahkomoottorit:hover, #indexCenter #muut:hover
				{
					background-position: 0 -92px;
				}*/
		#indexRight
		{
			width: 182px;
			display: inline;
			float: left;
		}
			#indexRight a
			{
				font-family: Arial;
				font-size: 12px;
				text-decoration: none;
			}
			.indexRightInnerContainer
			{
				margin-left: 20px;
			}
			.indexRightContainer
			{
				background: #ffffff url('../images/gradient_vert.gif') repeat-x;
				padding-top: 15px;
				padding-right: 5px;
			}
			.fileList
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
				padding-bottom: 10px;
			}
				.fileList li
				{
					padding-left: 30px;
					margin-bottom: 10px;
					min-height: 29px;
				}
					.fileList li.pdf
					{
						background: url('../images/icon_pdf.gif') no-repeat;
					}
					.fileList li.ppt
					{
						background: url('../images/icon_ppt.gif') no-repeat;
					}
					.fileList li.default
					{
						background: url('../images/icon_common.gif') no-repeat;
					}
					.fileList li.doc
					{
						background: url('../images/icon_doc.gif') no-repeat;
					}
				.fileList .fileinfo
				{
					font-size: 11px;
					font-weight: normal;
				}
			#indexUutiskirje
			{
				padding-bottom: 10px;
			}
			#indexUutiskirje p
			{
				line-height: 15px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			#indexUutiskirje .arr
			{
				background-position: 0 4px;
			}
	/* subpages*/
		#subLeft
		{
			width: 182px;
			margin-left: 1px;
			float: left;
			display: inline;
			background: #ffffff url('../images/gradient_vert_long.gif') repeat-x;
		}
			#menu2
			{
				margin-left: 20px;
				margin-top: 15px;
			}
				#menu2 ul
				{
					list-style-type: none;
					margin: 0;
					padding: 0;
					padding-right: 3px;
				}
					#menu2 a
					{
						font-family: Tahoma, Geneva, sans-serif;
						font-size: 12px;
						text-decoration: none;
						font-weight: normal;
					}
					#menu2 ul li
					{
						padding-left: 17px;
						padding-bottom: 10px;
						background: url('../images/arr_green.gif') no-repeat 0 4px;
					}
					#menu2 ul li.selected
					{
						background: url('../images/arr_grey.gif') no-repeat 0 4px;
					}
					#menu2 ul li.selected a
					{
						color: #666666;
					}
					#menu2 ul li.subs
					{
						padding-bottom: 0px !important;
					}
						#menu3
						{
							padding-top: 3px !important;
						}
						#menu3 li
						{
							background: url('../images/arr_menu3.gif') no-repeat 0 5px !important; 
							padding-left: 12px !important;
							padding-bottom: 5px !important;
						}
						#menu3 li a
						{
							color: #65c30a !important;
							font-size: 11px;
						}
							#menu3 li.selected a
							{
								color: #666666 !important;
							}
		#subCenter
		{
			width: 582px;
			margin-left: 1px;
			margin-right: 1px;
			float: left;
			line-height: 17px;
			background: #ffffff url('../images/gradient_vert_long.gif') repeat-x;
		}
			#subContainer
			{
				margin-left: 20px;
				margin-right: 20px;
				margin-top: 16px;
			}
			#subContainer ul
			{
				list-style-image: url('../images/list_bullet.gif');
				margin: 0;
				padding: 0;
				margin-left: 60px;
				color: #666666;
			}
			#subContainer ul li
			{
				margin-bottom: 5px;
			}
			#subContainer table,#subContainer td, #subContainer td
			{
				border: 1px solid #333333;
				border-collapse: collapse;
				padding: 2px;
			}
			.contentSep
			{
				height: 1px;
				overflow: hidden;
				background: url('../images/sep_content.gif') repeat-x;
				margin-right: 5px;
				margin-top: 12px;
				margin-bottom: 10px;
			}
			#subCenter a
			{
				font-size: 12px;
				font-family: Arial;
			}
			#subCenter p
			{
				margin-top: 12px;
				margin-bottom: 12px;
				color: #666666;
			}
		.newsDate
		{
			font-size: 16px;
			font-family: Tahoma, Geneva, sans-serif;
			margin-bottom: 30px;
		}
		.newsHeader
		{
			margin-bottom: 8px;
		}
		#subCenter a.newsIngressLink
		{
			color: #666666;
			font-weight: normal;
		}
		#subCenter h2 a.newsIngressLink
		{
			color: #333333;
			font-size: 16px;
			font-weight: normal;
		}
		.ajankohtainen
		{
			margin-top: 20px;
			background: url('../images/sep_content.gif') repeat-x 0 100%;
			padding-bottom: 5px;
			margin-bottom: 20px;
		}
		h2.ajankohtainenHeader
		{
			margin-bottom: 5px;
		}
		.ajankohtainenDate
		{
			margin-bottom: 20px;
		}
			#feedbackForm
			{
				margin: 0;
				padding: 0;
				margin-bottom: 10px;
			}
			.feedbackerror
			{
				color: #ff7800 !important;
			}
			#feedback
			{
				width: 537px;
				margin: 0;
				padding: 0;
				border-collapse: collapse;
			}
			#feedback td
			{
				vertical-align: top;
				color: #666666;
			}
			#feedback .palauteSep
			{
				height: 10px;
			}
			.feedbackLeft
			{
				width: 160px;
			}
			#feedback  .feedbackText, #feedback select
			{
				width: 195px;
			}
			#feedback #feedbackviesti
			{
				width: 325px;
				height: 100px;
				font-family: Arial;
				font-size: 12px;
			}
			#feedback .palauteBtns
			{
				text-align: right;
			}
			#feedback #feedbackReset
			{
				height: 23px;
				line-height: 23px;
				width: 83px;
				border: 0;
				background: url('../images/btn_reset.gif') no-repeat;
				font-size: 12px;
				font-weight: bold;
				color: #65c30a;
				font-family: Arial;
				padding-bottom: 2px;
			}
			#feedback #feedbackSubmit
			{
				height: 23px;
				line-height: 23px;
				width: 71px;
				border: 0;
				background: url('../images/btn_submit.gif') no-repeat;
				font-size: 12px;
				font-weight: bold;
				color: #ffffff;
				font-family: Arial;
				padding-bottom: 2px;
				margin-right: 48px;
				margin-left: 5px;
			}
		/* sitemap */
		#sitemapList li ul
		{
			margin: 0;
			margin-top: 5px;
		}
		/* /sitemap */
	/* /subpages*/
	.vertLine
	{
		background: url('../images/line_vert.gif') repeat-x;
		height: 1px;
		overflow: hidden;
		width: 100%;
		float: left;
	}
#footer
{
	margin-top: 10px;
	float: left;
	width: 950px;
	margin-left: 10px;
	margin-bottom: 20px;
	background: #ffffff url('../images/footerBg.gif') repeat-y;
}	
	#footerContainer
	{
		height: 72px;
	}
		#footerLeft
		{
			margin-top: 19px;
			margin-left: 19px;
			float: left;
			display: inline;
			font-size:10px;
			color:#666;
			line-height:30px;
		}
			#footerLeft #copy
			{
				margin-bottom: 13px;
			}
		#footerRight
		{
			float: right;
			margin-right: 52px;
			margin-top: 14px;
			display: inline;
		}
#updated_at
{
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: right;
	color: #666666;
	font-size: 11px;
}