body { background-color:#d5d5d5; margin:0px; padding:0px; }
#kokonaisuus { background-color:#ffffff; width:740px; position:absolute; top:0px; left:50%;  margin-left:-370px; }

/* HEADER */

#otsikko { position:absolute; top:0px; left:20px; width:240px; height:100px; }
#linkit { position:relative; top:0px; left:260px; width:460px; height:109px; }

.toiminta { position:absolute; top:0px; right:0px;  width:227px; height:95px; padding-top:5px;
	background-color:#d5d5d5; background-image:url('graf/linktauusta.jpg'); background-repeat:no-repeat;
	font-size:12px; font-family: 'Trebuchet MS', arial, tahoma, verdana; color:#376c85; text-align:center; }

.info { position:absolute; top:0px; right:227px; padding-top:5px; width:200px; height:95px;
	background-color:#d5d5d5; background-image:url('graf/linktauusta.jpg'); background-repeat:no-repeat; border-right:1px dotted #376c85;
	font-size:12px; font-family: 'Trebuchet MS', arial, tahoma, verdana; color:#376c85; text-align:center; }

.linktable { margin:0 auto; width:100%; border:0px solid #FFF; text-align:center; }
.linktdv { border-right:1px dotted #376c85; height:85px; }

.linktable a:link { color:#376c85; text-decoration:none; }
.linktable a:hover { color:#376c85; text-decoration:underline; }
.linktable a:active { color:#376c85; text-decoration:underline; }
.linktable a:visited { color:#376c85; text-decoration:none; }
.linktable a:visited:hover { color:#376c85; text-decoration:underline; }

#viiva { margin-top:-9px; margin-left:20px; }

#leipis { margin-bottom:20px; margin-top:15px; }

/* TEKSTIT */

.harm { background-image:url('graf/bottom.jpg'); background-repeat:no-repeat; background-position:left bottom; background-color:#d5d5d5;
	max-width:800px; margin-top:-11px; margin-bottom:10px; padding-bottom:15px; }
.harmtext { margin-top:10px; padding-left:30px; padding-right:30px; padding-bottom:20px; text-align:justify; 
	font-family: 'Trebuchet MS', arial, tahoma, verdana; font-size:12px; color:#376c85; }

.text { margin-left:20px; margin-right:20px; text-align:justify; line-height:16px;
	font-family: 'Trebuchet MS', arial, tahoma, verdana; font-size:12px; color:#908982; }

h1 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:18px; font-variant:small-caps; font-weight:normal;
	padding-left:100px; letter-spacing:3px; color:#895e8f; border-bottom:1px dotted #895e8f; }
h2 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:18px; font-weight:normal; font-style:italic;
	padding-left:40px;	color:#376c85; border-bottom:1px dotted #376c85; letter-spacing:2px; }
h3 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:16px; font-weight:normal; font-style:italic;
	padding-left:20px;	color:#376c85; border-top:1px dotted #376c85; letter-spacing:1px; padding-top:20px; }
h4 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:14px; font-weight:normal; font-style:italic; text-align:center;
	margin-top:5px; color:#376c85; border-bottom:0px dotted #376c85; letter-spacing:1px; }
h5 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:16px; font-weight:normal;
	padding-left:10px; letter-spacing:3px; color:#376c85; border-bottom:0px dotted #895e8f; margin-bottom:0px; }
h6 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:14px; font-weight:normal;
	padding-left:10px; letter-spacing:3px; color:#376c85; border-bottom:0px dotted #895e8f; margin-bottom:0px;  margin-top:10px }
h7 { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:16px; font-weight:normal; font-style:italic;
	padding-left:20px;	color:#376c85; border-top:0px dotted #376c85; letter-spacing:1px; padding-top:20px; }

.otsikko { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:16px; font-weight:normal; font-style:italic;
	margin-top:5px; color:#376c85; border-bottom:0px dotted #376c85; letter-spacing:1px; }

#new_comment { width:680px; min-height:200px; background-image:url('graf/comment_tausta.png'); background-repeat:no-repeat; background-position:left top; }
#new_comment_text { vertical-align:middle; margin-left:100px; margin-right:100px; }
#new_comment p { font-style:italic; color:#376c85; text-align:center; }

.comment { border-left:2px solid #d5d5d5; padding-left:30px; padding-right:30px; margin-left:30px; margin-right:30px; font-style:italic; }
	
strong { color:#194f68; font-weight:bold; }

small { letter-spacing:1px; color:#908982; }
.pieni { letter-spacing:1px; font-size:10px; }

/* FOOTER */

.pohja { margin-left:20px; margin-right:20px; text-align:justify;
	font-family: 'Trebuchet MS', arial, tahoma, verdana; font-size:12px; color:#908982; }

#valinta { margin-top:40px; margin-bottom:-10px; position:relative; left:230px; border-spacing:10px;
	letter-spacing:1px; font-size:11px; font-variant:small-caps; color:#895e8f !important;; text-decoration:none !important;; }

#valinta a:link { color:#376c85; text-decoration:none; }
#valinta a:hover { color:#376c85; text-decoration:underline; }
#valinta a:active { color:#376c85; text-decoration:underline; position:relative; top:1px; }
#valinta a:visited { color:#376c85; text-decoration:none; }
#valinta a:visited:hover { color:#376c85; text-decoration:underline; }

/* MUUTA */

#sublinks { width:740px; text-align:right; border-bottom:1px dotted #d5d5d5; border-top:1px dotted #d5d5d5; padding-right:40px; background-color:#f2f2f2;
	border-spacing:10px; letter-spacing:1px; font-size:11px; text-transform:uppercase; color:#895e8f !important;; text-decoration:none !important;; }

#sublinks a:link { color:#895e8f; text-decoration:none; }
#sublinks a:hover { color:#895e8f; text-decoration:underline; }
#sublinks a:active { color:#895e8f; text-decoration:underline; position:relative; top:1px; }
#sublinks a:visited { color:#895e8f; text-decoration:none; }
#sublinks a:visited:hover { color:#895e8f; text-decoration:underline; }

table { border-spacing:0px; }
iframe { padding:0px; overflow:hidden; border:0px; background-color:transparent; }
.image { text-align:right; width:550px; } .thumbils { text-align:left; padding-left:5px; width:110px; }
.valigntop { vertical-align:top; }
.dotborbot { border-bottom:1px dotted #376c85; }
.right { text-align:right; margin-right:50px; }

#lomake { margin: 0 auto; font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman'; font-size:12px; }
input, textarea { font-family: 'Book Antiqua', Georgia, Garamond, 'Times New Roman';  font-size:12px; }

.keskitys { margin:0 auto; }
.henkilosto { padding-left:10px; padding-right:10px; vertical-align:top; }
.tilasto { vertical-align:top; }

.tilasto a:link { color:#376c85; text-decoration:none; }
.tilasto a:hover { color:#376c85; text-decoration:underline; }
.tilasto a:active { color:#d5d5d5; text-decoration:underline; }
.tilasto a:visited { color:#376c85; text-decoration:none; }
.tilasto a:visited:hover { color:#376c85; text-decoration:underline; }

img { border:0px solid #FFF; !important;; }
.rajat { padding:5px; border:1px solid #d5d5d5; }
.tokarajat { padding:5px; border:1px solid #ffffff; }

a:link { color:#376c85; text-decoration:underline; }
a:hover { color:#376c85; text-decoration:none; }
a:active { color:#ffffff; text-decoration:none; }
a:visited { color:#376c85; text-decoration:underline; }
a:visited:hover { color:#376c85; text-decoration:none; }

.harmtext a:link { color:#254757; text-decoration:none; }
.harmtext a:hover { color:#ffffff; text-decoration:none; }
.harmtext a:active { color:#ffffff; text-decoration:none; }
.harmtext a:visited { color:#254757; text-decoration:none; }
.harmtext a:visited:hover { color:#ffffff; text-decoration:none; }

.harmtext td { vertical-align:top; }

fieldset, table {
	margin: 0px;
	padding: 0px;
	border: none;
}

.hover { cursor:pointer; }

.paiv { vertical-align:top; }