html, head, body
{
	width			:	100%;
	padding			:	0px;
	margin			:	0px;
	font-family		:	Arial, Helvetica, sans-serif;
	text-align		:	center;
	background		:	#d6d6d6;
	color			:	#000;
	font-size		:	80%;
}

a {
	color			:	#256f33;
}

#pageWidth {
	width			:	770px;
	text-align		:	left;
	margin-left		:	auto;
	margin-right	:	auto;
}

#header {
	height			:	111px;
	background		:	url('/img/vallilalogo.gif') no-repeat top left;
}
#footer {
	height			:	20px;
	background		:	url('/img/footerbg.gif') no-repeat top left;
}

#headerInfoHolder {
	color			:	#fff;
	padding-top		:	50px;
}
#headerInfoHolder a {
	color			:	#fff;
}

#headerInfoLeft {
	width			:	280px;
	float			:	left;
	text-align		:	right;
}

#headerInfoRight {
	width			:	255px;
	float			:	right;
}

#pageBody {
	background		:	url('/img/contbg.gif') repeat-y top left;
}

#pageCont {
	width			:	741px;
	margin-left		:	15px;
}

#naviBtm {
	position		:	relative;
	height			:	13px;
	background		:	url('/img/navialakaari.gif') no-repeat top left;
}

#mainNavi {
	background		:	#424242;
	text-align		:	center;
}
#mainNavi a {
	font-size		:	1.2em;
	text-decoration	:	none;
	color			:	#fff;
	margin			:	0px 30px 0px 10px;
}
#mainNavi a:hover {
	text-decoration	:	underline;
}

#firstPartHolder {
	position		:	relative;
	overflow		:	hidden;
	z-index			:	1;
	font-size		:	1.2em;
	line-height		:	1.4em;
}

#firstPartLeft {
	width			:	258px;
	overflow: hidden;
	float			:	left;
}

#firstPartPic {
	width			:	258px;
	/*overflow		:	hidden;
	line-height		:	1px;
	font-size		:	1px;
	bottom			:	0px;
	left			:	0px;
	float			:	left;
	z-index			:	2;*/
}
#firstPartInfoContainer {
	width			:	481px;
	float			:	right;
	position		:	relative;
	overflow: hidden;
}

#firstPartLift {
	text-align		:	center;
	padding			:	10px 0px;
}
.littleHeader {
	background		:	#424242;
	margin			:	3px 0px;
}
.littleHeader h2 {
	line-height		:	1.8em;
	margin			:	0px;
	padding			:	0px;
	padding-left	:	10px;
	font-size		:	1.1em;
	color			:	#fff;
	font-weight		:	normal;
}

#secondPartContainer img {
	border			:	0px;
	margin-left		:	0px;
}

#secondPartContainer a:hover img {
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}
/*
#secondPartLeft, #secondPartCenter, #secondPartRight {
	float			:	left;
	position		:	relative;
	overflow		:	hidden;
}*/

/*
#secondPartLeft {
	width			:	302px;
}

#secondPartCenter {
	width			:	289px;
}

#secondPartRight {
	width			:	150px;
}*/

.secondPartBreak {
	margin-bottom	:	3px;
}

.secondPartLeft {
	width			:	387px;
	float			:	left;
	overflow		:	hidden;
}

.secondPartRight {
	width			:	351px;
	float			:	right;
	overflow		:	hidden;
}


.secondPartHeaderSmall {
	background		:	url('/img/secondpartheader.gif') repeat-x top left;
	height			:	29px;
	border-left		:	1px solid #4ac869;
	border-right	:	1px solid #238831;
}

.grayBg {
	background		:	#b0b0b0;
	border			:	none;
}

.secondPartHeaderSmall h2 {
	line-height		:	29px;
	font-size		:	1.2em;
	padding			:	0px;
	color			:	#fff;
	font-weight		:	normal;
	margin			:	0px;
	padding-left	:	10px;
}


.secondPartPic {
	font-size		:	1px;
	line-height		:	1px;
}
.secondPartPicCenter {
	font-size		:	1px;
	line-height		:	1px;
	/*border-left		:	1px dashed #7f7f7f;*/
}
.secondPartPicRight {
	font-size		:	1px;
	line-height		:	1px;
	/*border-left		:	1px dashed #7f7f7f;*/
}

#thirdPartPic {
	width			:	298px;
	float			:	left;
	position		:	relative;
	line-height		:	1px;
	font-size		:	1px;
	overflow		:	hidden;
}

#thirdPartText {
	width			:	430px;
	float			:	right;
	position		:	relative;
	font-size		:	1.1em;
}

#thirdPartText2 {
	/*float			:	right;
	position		:	relative;*/
	width			:	740px;
	overflow		:	hidden;
	font-size		:	1.1em;
}

#thirdPartText h1 {
	margin			:	0px;
	padding			:	0px 0px 10px 0px;
	font-size		:	1.3em;
	font-weight		:	normal;
	color			:	#007a3d;
}

#copyright {
	text-align		:	right;
	background-color:	#dbdbdb;
	margin-top		:	3px;
}

#copyright p {
	line-height		:	1.5em;
	padding			:	0px;
	padding-right	:	8px;
	margin			:	0px;
	color			:	#fff;
}
#copyright a {
	text-decoration	:	none;
	color			:	#fff;
}
#copyright a:hover {
	text-decoration	:	underline;
}

/*perussivu*/

#basicPageHolder {
	margin			:	25px 30px 0px 30px;
	padding-bottom	:	25px;
}
#sideNaviHolder {
	width			:	154px;
	float			:	left;
	position		:	relative;
	overflow		:	hidden;
}

#sideNaviHolder h1 {
	margin			:	0px;
	padding			:	0px;
	font-size		:	1.3em;
	padding-left	:	10px;
	display			:	block;
	color			:	#fff;
	background		:	#007a3d;
	line-height		:	1.9em;
}

#sideNavi ul {
	margin			:	0px;
	padding			:	0px;
}
#sideNavi ul li {
	width			:	154px;
	display			:	block;
	margin			:	0px;
	padding			:	0px;
	list-style		:	none;
}
#sideNavi ul li a {
	padding-left	:	15px;
	width			:	154px;
	line-height		:	2em;
	color			:	#737373;
	font-size		:	1.2em;
	text-decoration	:	none;
	display			:	block;
	border-bottom	:	1px solid #dadada;
	background		:	#f5f5f5;
}
#sideNavi ul li a:hover {
	background		:	#fbfbfb;
}
#sideNavi ul li a.active {
	color			:	#000;
	text-decoration	:	underline;
}
#sideNaviFade {
	height			:	86px;
	background		:	url('/img/sidenavifade.gif') no-repeat top left;
}

#basicPageContent {
	width			:	490px;
	float			:	right;
	position		:	relative;
	overflow		:	hidden;
	color			:	#333333;
	font-size		:	1.2em;
	line-height		:	1.4em;
}


#basicPageContent h1, #basicPageContent h2, #basicPageContent h3, #basicPageContent h4, #basicPageContent h5, #basicPageContent h6, #firstPartHolder h1, #firstPartHolder h2, #firstPartHolder h3, #firstPartHolder h4, #firstPartHolder h5, #firstPartHolder h6 {
	color			:	#007a3d;
	font-size		:	1.6em;
	margin			:	13px 0px;
}

#basicPageContent h2, #firstPartHolder h2 {
	font-size		:	1.5em;
}

#basicPageContent h3, #firstPartHolder h3 {
	font-size		:	1.4em;
}

#basicPageContent h4, #firstPartHolder h4 {
	font-size		:	1.3em;
}

#basicPageContent h5, #firstPartHolder h5 {
	font-size		:	1.2em;
}

#basicPageContent h6, #firstPartHolder h6 {
	font-size		:	1.1em;
}

#basicPage2ColLeft {
	width			:	230px;
	float			:	left;
	position		:	relative;
}
#basicPage2ColRight {
	width			:	230px;
	float			:	right;
	position		:	relative;
}



.clearfix:after {
	content				:	".";
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
}

.clearfix {display:inline-block;}
/* Piilotellaan IE Mac:lta \*/
.clearfix {display:block;}
/* Lopetellaan piilottelu */