/* -------------------------------------------------------------------------

Heidi Vaherno

------------------------------------------------------------------------- */


td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

}

tbody {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}




li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

}

}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

font {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

em {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

}

a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


}

h2 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

h1 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


span {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}



ul {
	list-style: none;
}


ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* end css reset */


/* !layout -------------------------------------------------------------- */

body {
	font-size: 75%; /* convert 16px base font size to 12px */
	line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
	font-family:  "Trebuchet MS", Verdana, Arial, sans-serif;
	background-color: #FFF;
	color: #666;
}

#headerWrap {
	height: 190px;
	background: url('ylaosatausta1_8..jpg') repeat-x;
}

#header {
	position: relative;
	width: 960px;
	height: 190px;
	margin: 0 auto;
}

#slide {
	width:300px;
	height:300px;
	margin-left:10px;
	float: left;
	margin-right:20px;

}
#contentWrap {
	clear: both;
	background: url('contentWrap_bg.jpg') repeat-x left bottom;
}

#content {
	width: 960px;
	margin: 0 auto;
}

#vasenkapee {
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-left:10px;
	padding-top: 300px;
	
	
}
#palvelutvasen {
	width: 500px;
	float: left;
	margin-right: 20px;
	margin-left:10px;
	padding-top: 50px; 
	}
	
#kotopro {
	width: ;
	float: right;
	margin-right: 0px;
	margin-left:0px;
	padding-top: 0px; 

}

#palvelutoikea {
	width: 340px;
	float: left;
	margin-right: 20px;
	margin-left:20px;
	padding-bottom: 40px;
}

#palvelutoikeaalempi {
	width: 330px;
	float: left;
	margin-left:20px;
	padding-bottom: 30px;
	padding-left:30px;
}


#palvelutvasen ul {
	margin-left: 20px;
	margin-right: 20px;
}

#palvelutvasen ul li {
	background: url('') no-repeat 0 0.6em;
	padding-left: 10px;
	margin: 0.8333em 0 0.8333em 0;
}


#primaryContent {
	width: 580px;
	float: left;
	margin-right: 20px;
	margin-left:370px;
	padding-bottom: 40px;
}
#primaryContent img {
	float: right ;
	margin: 0px 22px 11px 20px;
}
#Contentkakspalstaa {
	width: 580px;
	float: left;
	margin-right: 20px;
	margin-left:20px;
	padding-bottom: 40px;
}
#Contentkakspalstaa img {
	float: left ;
	margin: 10px 10px 10px 0px;

}#ContentReferenssit {
	width: 580px;
	float: left;
	margin-right: 20px;
	margin-left:20px;
	padding-bottom: 40px;
}
#ContentReferenssit img {
	float: left ;
	margin: 20px 0px 10px 20px;

}

#alakehys {
	width: 780px;
	float: left;
	margin-right: 20px;
	margin-left:130px;
	padding-bottom: 40px;
}
#alakehys img {
padding:1px;
border:0px;
}

#secondaryContent {
	width: 160px;
	float: left;
	padding-bottom: 40px;
}

#footerWrap {
	clear: both;
	background: url('footerTausta3.jpg') repeat-x 0 0;
	background-color: #2e1109;
}

#footer {
	width: 960px;
	margin: 0 auto;
	padding-top: 35px;
	height: 200px;
	background: url('NIMILogo2.png') no-repeat 70px 25px;
}

.clearBoth {
	clear: both;
	height: 0;
}

#primaryContent img {
	float: ;
	margin: 0 20px 10px 0;
}


/* homepage */

}

/* !type ---------------------------------------------------------------- */

/* font sizing guide:

pixels		ems			leading
-------------------------------------
9px 	= 	0.75em		2.2222em
10px 	= 	0.8333em	2em
11px 	= 	0.9166em	1.8181em
12px 	= 	1em			1.6666em
13px 	= 	1.0833em	1.5384em
14px 	= 	1.1666em	1.4285em
15px 	= 	1.25em		1.3333em
16px 	= 	1.3333em	1.25em
17px 	= 	1.4166em	1.1764em
18px 	= 	1.5em		1.1111em
19px 	= 	1.5833em	1.0526em
20px 	= 	1.6666em	1em
21px 	= 	1.75em		
22px 	= 	1.8333em	
23px 	= 	1.9166em	
24px 	= 	2em			
30px	=	2.5em		

(divide desired pixel height by 12 to get 'em' value) */

}

#intro {
	padding-bottom: .5em;
}

#intro p {
	font-size: 1.3em;
	line-height: 1.7285em;
	margin: 0.8333em 0.8333em 0;
}

#secondaryContent p {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
}


h1 {
	font-size: 1em; /*30px*/
	line-height: 1.1666em; /*35px*/
}

h2 {
	font-weight: normal;
	color: #BE9E4C;
	font-size: 2.1666em;
	line-height: 1.1538em;
	margin: 0.7692em 0 0.3846em 0;
}

#secondaryContent h2 {
	font-size: 1.4em;
	line-height: 1.1111em;
	margin: 0.5555em 0 0.5555em 0;
}


#primaryContent p {
	margin-right: 20px;
}

#primaryContent ul {
	margin-left: 20px;
	margin-right: 20px;
}

#primaryContent ul li {
	background: url('') no-repeat 0 0.6em;
	padding-left: 10px;
	margin: 0.8333em 0 0.8333em 0;
}

#secondaryContent ul {
	margin-left: 0;
}

#secondaryContent ul li {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
	background: url('') no-repeat 0 0.6em;
	padding-left: 10px;
}

#secondaryContent .pullquote p {
	font-style: italic;
	color: #999;
	margin: 0;
				font-variant: normal;
				font-weight: normal;
				font-size: 1.1666em;
				line-height: 1.4285em;
				font-family: Georgia, Arial,  serif;
}

.pullquote {
	border-bottom: 1px solid #D0431D;
	padding-bottom: 1em;
	margin-bottom: 40px;
}

.viiniviiva {
	border-bottom: 1px solid #2e1109;
	padding-bottom: 1em;
	margin-bottom: 10px;
}


#secondaryContent .pullquote p.source {
	font: 1em/1.6666em  "Trebuchet MS", Verdana, Arial, sans-serif;
	font-style: normal;
	margin: 0.4166em 0 0 0;
	color: #BE9E4C;
	text-align: right;
}

#secondaryContent .pullquote img {
	margin: 0 !important;
}




/* hyperlinks */

a:visited {
	color: #773321;
	text-decoration: none;
}

a:link {
	color: #773321;
	text-decoration: none;
}

a:active {
	color: #2e1109;
	text-decoration: underline;
}

a:hover {
	color: #2e1109;
	text-decoration: underline;
}

/* tables */

table {
	margin-top: 20px;
	width: 580px;
	border-collapse: collapse;
}



/* !header ---------------------------------------------------------------- */

#header #logo {
	position: inherit;
	top: 30px;
	left: 50px;
	height: 190px;
	width: 300px;
	background: url('ylaLogoK_4.png') no-repeat;
}


#header #logo a {
	height: 81px;
	width: 67px;
	display: block;
	text-decoration: none;
}


#header #title {
	margin: 0;
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 225px;
	height: 1px;
	background: url(valkonen/piirustusHeared.png) no-repeat;
	text-indent: -999em;
}

/* main navigation ---------------------------------------------------------------- */

#mainNav {
	position: absolute;
	left: 10px;
	bottom: 0;
	height: 35px;
	margin:-4px -4px 0px -4px;
	background: url('navTausta14.png') no-repeat;
}

#mainNav ul {
	background: url('') no-repeat right bottom;
	padding: 5px 0px 0 0;
	height: 35px;
}

#mainNav ul li {
	float: left;
	font-size: 1.35em;
	font-family:Georgia;
	font-style: italic;
	line-height: 1.5em;
	height: 35px;
	margin-left: 3px;
	margin-right:0px;
	margin-top:0px;
	background: #FFF url('naviNakTausta.gif') repeat-x left bottom;
}

#mainNav ul li#navHome {
	margin-left: 0px;
}

#mainNav ul li a:visited {
	display: block;
	height: 34px;
	color: #666;
	padding: 4px 5px 0 5px;
	background: url('naviNakTausta.gif') repeat-x left bottom;
}

#mainNav ul li a:link {
	display: block;
	height: 40px;
	color: #666;
	padding: 4px 10px 0 10px;
	background: url('') repeat-x left bottom;
}

#mainNav ul li a:active {
	color: #a52510;
	text-decoration: none;
	background-position: bottom right;
}

#mainNav ul li a:hover {
	color: #a52510;
	text-decoration: none;
	background-position: bottom right;
}



/* items */

}

#parents #navEtusivu a:active {
	color: #822617;
	background-color: #FFF;
	background-image: none;
}

#parents #navEtusivu a:hover {
	color: #822617;
	background-color: #FFF;
	background-image: none;
}

#parents #navEtusivu a:visited {
	color: #822617;
	background-color: #FFF;
	background-image: none;
}

#parents #navEtusivu a:link {
	color: #822617;
	background-color: #FFF;
	background-image: none;
}


/* !Otsikkopaikka ---------------------------------------------------------------- */

#Otsikkopaikka {
	margin: 20px 0 10px 340px;
	padding-top: 20px;
	font-size: 0.7166em;
	line-height: 1.8181em;
}

/* !vasenpalsta  ---------------------------------------------------------------- */

#vasenpalsta {
	float: left;
	width: 170px;
	margin: -0.5em 20px 0 0;
	padding-bottom: 40px;
}

#vasenpalsta li {
	font-size: 1.0833em;
	line-height: 1.5384em;
	padding: 0.5em 0;
	background: url('subnav_rule.gif') no-repeat left bottom;
}

#vasenpalsta li a:visited {
	padding-left: 10px;
	color: #666;
	display: block;
}

#vasenpalsta li a:link {
	padding-left: 10px;
	color: #666;
	display: block;
}

#vasenpalsta li a:active {
	background: url('square_bullet.gif') no-repeat 0 0.6em;
	color: #D0431D;
	text-decoration: none;
}

#vasenpalsta li a:hover {
	background: url('square_bullet.gif') no-repeat 0 0.6em;
	color: #D0431D;
	text-decoration: none;
}






/* pdf panel */

.pdf-panel {
	border: 0px solid #E5E5E5;
	margin-bottom: 42px;
}

}

#secondaryContent .pdf-panel h2 {
	padding: 0 10px;
}

#secondaryContent .pdf-panel p {
	font-size: 1em;
	line-height: 1.6666em;
	margin: 0.8333em 0 0.8333em 0;
	padding: 0 10px;
}

#secondaryContent .pdf-panel p.small {
	font-size: 0.9166em;
	line-height: 1.8181em;
	margin: 0.909em 0 0.909em 0;
}

.pdf-panel img {
	margin: 0 !important;
}

/* panel */

.panel {
	border: 1px solid #E5E5E5;
	margin-bottom: 40px;
	padding: 10px 10px 5px 10px;
}

#secondaryContent .panel img {
	margin: 0;
}

}

/* !footer ---------------------------------------------------------------- */

#footer p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0;
	margin-left: 350px;
	color: #e9eaf6;
	float: left;
}

#primaryContent .result img {
	display: none;
}

/* !footer ---------------------------------------------------------------- */

#footer p {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0;
	margin-left: 70px;
	margin-top: 120px;
	color: #e9eaf6;
	float: left;
}
#footer p2 {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 0;
	margin-left: 10px;
	margin-top: 0px;
	color: #e9eaf6;
	float: left;
}


}
.viivaVAALEE {
				border-bottom: 1px solid #2e1109;
				padding-bottom: 1em;
				margin-bottom: 5px;
				border-bottom-color: #DEE3DD;
}
.panel2 {
				border: 1px solid #E5E5E5;
				margin-bottom: 42px;
				margin-left: 5px;
				margin-right: 5px;
				padding-left: 20px;
				padding-right: 10px;
				padding-top: 20px;
				background-color: #fafafa;
				font-size: 80%;
}
.valiviivahaalee {
				border-bottom: 1px solid #2e1109;
				padding-bottom: 1em;
				margin-bottom: 1px;
				border-bottom-style: dotted;
				border-bottom-width: 1px;
				border-bottom-color: #999999;
				font-size:80%;
}

.pikkutLuettelo {
				width: auto;
				height: auto;
				margin: -10px 0px -4px 10px;
				font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
				font-size: 80%;
				font-weight: normal;
				text-indent: -20px;
				line-height: 1.0em;
}
.viiniviivaPuTe {
				border-bottom: 1px solid #2e1109;
				padding-bottom: 1em;
				margin-bottom: 10px;
				color: #742F14;
}