/* Aluksi poistetaan eri selaimien oletustyylit */


/* riisutaan linkit  */
:link,:visited { text-decoration:none }

/* listatyylit pois */
ul,ol { list-style:none }

/* eroavat oletus otsikkotyylit ja pre/code/kbd pois */
h1,h2,h3,h4,h5,h6,pre,code,kbd { font-size:1em; }

/* eri elementtien marginaalit ja tŠytteet pois */
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset
{ margin:0; padding:0 }

/* linkkien rajaukset pois */
a img,:link img,:visited img { border:none }


/* 2columnleft */

/* 

VŠrit:

Tausta: #fff, valkoinen
Teksti: #666, harmaa
Otsikot: #a5c504, lime!

linkit:  tummempi vihreŠ? tai lime?

*/



/* Default Stylesheet */

																/* >>> ELEMENTS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background-color: #fff;
		font-family: "Lucida Grande", "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 75%;
		text-align: center;
		border-top: 10px solid #a5c504;
		}






																/* >>> CONTAINERS <<< */

div#print {
	display: none;
	}
div#container {
	width: 700px;
	margin: 10px auto;
	text-align: left;
	}
	div#header-wrap {
		margin: 8px 0;
		}
		div#header-in {
			padding: 10px;
			color: inherit;
			height: 150px;
			}
	div#content-wrap {
		
		}
		div#center {
			margin: 0 0 0 230px;
			color: inherit;
			}
			div#center-in {
				padding: 20px;
				}
		div#left {
			float: left;
			width: 220px;
			color: inherit;
			}
			div#left-in {
				padding: 1px;
				}
				
		div#footer-wrap {
			clear: all;
			background-color: #a5c504;
			height: 25px;
			}
			div#footer-in {
				width: 700px;
				margin: auto;
				}






																/* >>> SUB CONTAINERS <<< */
* { }





																/* >>> LISTS <<< */
ul#nav-left {
	margin: 30px;
	list-style: none;
	}
	ul#nav-left li {
		
		}
		ul#nav-left li a {
			display: block;
			width: 138px;
			padding: 7px 10px;
			color: #666;
			background-color: inherit;
			text-decoration: none;
			border-bottom: 1px solid #eee;
			}
		ul#nav-left li a:hover {
			color: #666;
			background-color: #f5fdcb;
			border-bottom: 1px solid #a5c504;
			}
ul#nav-top {
	float: left;
	padding: 1px 0;
	margin-top: 30px;
	list-style: none;
	}
	ul#nav-top li {
		display: inline;
		}
		ul#nav-top li a {
			margin-right: 18px;
			color: #a5c504;
			background-color: inherit;
			font-size: 1.8em;
			font-family: "Adobe Jenson Pro", Garamond, Serif;
			font-weight: 500;
			font-style: italic;
			text-decoration: none;
			letter-spacing: 4px;
			}
		ul#nav-top li a:hover {
			color: #a5c504;
			background-color: inherit;
			border-bottom: 3px solid #a5c504;
			}
			ul#nav-top li a.active {
				border-bottom: 3px solid #a5c504;
				}
			
address#nav-footer {
	padding: 0 2px;
	color: #fff;
	background-color: inherit;
	font-size: 1.6em;
	font-family: "Adobe Jenson Pro", Garamond, Serif;
	font-weight: 500;
	font-style: italic;
	text-decoration: none;
	letter-spacing: 2px;
	list-style: none;
	text-align: center;
	line-height: 25px;
	}
	address#nav-footer a {
		color: #fff;
		border-bottom: thin dotted #ccc;
		}
	address#nav-footer a:hover {
		color: #eee;
		border-bottom: thin solid #eee;
		}
		
		a#kohu {
			float: left;
			color: #ccc;
			}
		a:hover#kohu  {
			color: #a5c504;
			border-bottom: thin solid #a5c504;
			}
		
ul.list {
	margin: 20px 30px;
	font-size: 90%;
	line-height: 20px;
	}





																/* >>> TYPOGRAPHY <<< */
*.x {
	display: none;
	}
div#header-in h1 {
	font-size: 200%;
	line-height: 500px;
	overflow: hidden;
	background: url(../img/satutxt_logo.gif) no-repeat;
	width: 230px;
	height: 118px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 440px;
	text-indent: -9000px;
	}

div#center h2 {
	margin: 5px 0 10px 0;
	font-size: 150%;
	color: #a5c504;
	}
div#left h2 {
	margin: 20px 20px 5px 20px;
	font-size: 100%;
	}
div#center p {
	margin: 5px 10px 12px 0;
	color: #444;
	background-color: inherit;
	font-size: 1.2em;
	line-height: 22px;
	}
div#left p {
	margin: 0 20px 5px 20px;
	color: #666;
	background-color: inherit;
	font-size: 90%;
	}
p a, ul.list a {
	color: #a5c504;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #a5c504;
	}
	p a:hover, ul.list a:hover {
		color: #a5c504;
		background-color: inherit;
		border-bottom: 1px solid #a5c504;
		}

dl {
	margin: 5px 0 15px 0;
	}

	dt {
		margin: 10px 10px 5px 0;
		font-size: 1.2em;
		color: #444;
		}

div#center dd {
	font-size: 1.1em;
	margin: 0 20px 5px 30px;
	}

em {
	color: #a5c504;
	}

strong {
	color: #a5c504;
	font-size: 1.4em;
}	

																/* >>> IMAGES >>> */
																
																
img .left {
}



																/* >>> FORMS <<< */

form.satu ol {
	margin: 0;
	padding: 0;
}
	
form.satu li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

ol.ostiedot li {
	text-align: right;
	list-style: none;
	padding: 3px;
	margin: 0 110px 0 0;
}

form.satu label {
	line-height: 1.3;
	vertical-align: top;
	margin: 0; /* Width plus 3 (html space) */
}

form.satu p {
	margin: 10px 40px 0px 500px;
}

.nappi {
	width: 10em;
	margin: 10px 0 0 100px;
}





																/* >>> END <<< */