/* ----- Pikku-Ukon Sivut ----- */
/* ----- http://www.pikku-ukko.net ----- */
/* ----- Kaikki oikeudet pidätetään. All Rights Reserved ----- */

/* ----- Body ----- */

body	{ background-color: #88B0A8; 
	margin:0 0 0 0;
	text-align: center;}

/* ----- sisältö ----- */
#container   { width: 800px;
	margin: 0 auto;
	text-align: left}

#ban   	{ background: #B2CCC6 url(yla.jpg) no-repeat; 
	border: 0; 
	position:relative;
	height:190px; 
	width:800px; }

#sis 	{ background: #B2CCC6 url(vali.jpg) repeat-y;
	padding: 0;
	margin:0;
	position:relative; 
	width:800px;}
 
#teksti { width:640px;
	left:135px;
	position:relative;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#footer	{ text-align: left; 
	background-image:url('ala.jpg'); 
	background-repeat: no-repeat; 
	height:70px; 
	width:800px;}

#fblock {clear: both; 
	background: transparent; 
	padding: 15px 0 0 20px;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} 

/* ----- Tekstit ----- */

p 	{color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left;}

p.vali 	{color: #355049; 
	font-size: 8pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left;}

p.center {color: #355049; 	
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align:center;}

h3, h2, h1 {color: #44665E;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align:center; margin-top: 0;}

.kasi	{color: #355049; font-size: 8pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.kymppi	{color: #355049; font-size: 10pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.kaksit	{color: #355049; font-size: 12pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.kaksin	{color: #355049; font-size: 14pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.kuu	{color: #CC0000; font-size: 16pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.backwards {unicode-bidi:bidi-override; direction: rtl; color:#44665E;}

.vas 	{float:left; width:315px; text-align: left;} 
.oik 	{float:right; width:315px; text-align: left;} 

.vasin 	{float:left; width:200px; text-align: center;} 
.oikin 	{float:right; width:430px; text-align: center;} 

.vaskuva {float:left; 
	background-color: #E1EBE9; 
	padding: 2px; 
	border:1px #88AFA6; 
	border-style: solid; 
	margin: 1px 2px 2px 0;}

.oikuva {float:right; 
	background-color: #E1EBE9; 
	padding: 2px; 
	border:1px #88AFA6; 
	border-style: solid; 
	margin: 1px 0 2px 2px;}

br.clear {clear:both; 
	font-size: 1px;}

.clear 	{ clear:both; line-height:0px;}

.wrap 	{float: left;
	width: 100%;
	border: 0px;
	margin: 0;
	padding: 0;}
 
table 	{margin: auto;}
.tasaaja {text-align : center;} 

table.kuvat {background-color: #E1EBE9;
	border-right:1px #88AFA6; border-style: solid; 
	border-left:1px #709F94; border-style: solid;
	border-top:1px #88AFA6; border-style: solid;
	border-bottom:1px #709F94; border-style: solid;}

A:link 	{color: #4A6F66; text-decoration: underline;}
A:visited{color: #646d7e; text-decoration: underline;}
A:hover {color: #646d7e; text-decoration: underline overline; background-color: #F5F8F8;}
A:active {color: #646d7e; text-decoration: underline overline; background-color: #F5F8F8;}

/* ----- Solut ----- */
td.so1{width: 145px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.so2{width: 95px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.so3{width: 385px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.so4{width: 50%; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.so5{width: 410px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.so6{width: 50px; text-align: center;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.soy{text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.web{width: 194px;text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.tu{width: 270px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
td.tu{width: 270px; text-align: left;font-size: 10pt;color: #355049; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

/* ----- HR UL LI img ----- */
li 	{color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left;}

HR 	{color: #88AFA6; width:100%;}

img 	{border: none;} 
img.reuna {background-color: #E1EBE9;
	padding: 2px;
	border-right:1px #88AFA6; border-style: solid; 
	border-left:1px #709F94; border-style: solid;
	border-top:1px #88AFA6; border-style: solid;
	border-bottom:1px #709F94; border-style: solid;}

/* ----- Lomake ----- */
textarea {background-color:#D5E3E0; 
	color: #355049; 
	font-size: 9pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 

input 	{background-color:#D5E3E0; 
	color: #355049; font-size: 9pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

select 	{background-color:#D5E3E0; 
	color: #355049; 
	font-size: 9pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

.ip 	{background-color: #D5E3E0; 
	color: #355049; 
	font-size: 10pt; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}

/* ----- Sivukartta ----- */
#navlist{padding-left: 0;
	margin-left: 0;}

#navlist ul {margin: 0; 
	padding: 0;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} 

#navlist ul ul li {margin-left: 15px;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navlist ul ul ul li {margin-left: 15px;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navlist2{padding-left: 0;
	margin-left: 0;}

#navlist2 ul {margin: 0; 
	padding: 0;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} 

#navlist2 ul ul li {margin-left: 15px;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#navlist2 ul ul ul li {margin-left: 15px;
	list-style-type: none;
	color: #355049; 
	font-size: 10pt; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}


/* ----- MENU alkaa ----- */
#list-menu {width:107px;
	left:14px;
	top:0;
	border:0;
	position:absolute;
	font-size: 9pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#list-menu li {margin: 0;} 

#list-menu ul {margin: 0; 
	padding: 0;
	list-style-type: none;} 

#list-menu a {display: block;
	background-color: #EDF3F3; 
	width:107px;
	padding:2px 1px 2px 4px;
	border-bottom:1px #88AFA6; border-style: solid;
	border-right:0;
	border-top:0;  
	border-left:0;
	text-decoration: none;} 

#list-menu #top {display: block;
	background-color: #B2CCC6; 
	width:107px;
	padding:2px 1px 2px 4px;
	border-bottom:1px #88AFA6; border-style: solid;
	border-right:1px #88AFA6; border-style: solid;  
	border-top:1px #88AFA6; border-style: solid;
	border-left:0;
	text-decoration: none;}

#list-menu a:link {border-bottom:1px #88AFA6; border-style: solid; 
	border-right:1px #88AFA6; border-style: solid;  
	border-top:0;
	border-left:0;
	color: #646d7e;}

#list-menu a:active, #list-menu a:visited {
	border-bottom:1px #709F94; border-style: solid; 
	border-right:1px #709F94; border-style: solid;  
	border-top:0;
	border-left:0;
	color: #4A6F66;}

#list-menu a:hover {
	background-color: #E9F0EF;
	border-bottom:1px #5D8B80; border-style: solid;  
	border-right:1px #5D8B80; border-style: solid;  
	border-top:0;
	border-left:0;
	color: #4A6F66;} 

/* ----- POLL ----- */
/* ---------------- Yleiset ------------------- */
#poll 	{margin: auto; /* lohkon keskitys, ei toimi IE:ssä */
	text-align: center;
	width: 220px;
	padding: 5px;
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #355049;
	background-color: #E1EBE9;
	border-top:1px #709F94; border-style: solid;
	border-right:1px #709F94; border-style: solid;
	border-bottom:1px #709F94; border-style: solid; 
	border-left:1px #709F94; border-style: solid;}
#poll p {text-align: left; /* korjaus edelliseen, lohkon sisällön tasaus vasempaan */}

/* ---------------- Äänestä ------------------- */
#poll a:link, a:visited {color: #646d7e;}
#poll .input {text-align: left;}
#poll #vastaa input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-color: #FFFFFF;
	background-color: #E9E2DC;
	margin-top: 10px;
	text-align: center;}
#poll .nayta {text-align: center;
	margin: 1.5em;}

/* ----------------- Näytä -------------------- */
#poll .percent {display: none;}
#poll .bar {display: block;
	height: 8px;
	border: 1px solid #76A399;
	background-color: #B2CCC6;
	margin-left: 0px;
	padding: 0px;
	font-size: 0px; /* ilman tätä palkista tulee käytettävän fontin kokoinen */}

/* ----- Outo loppu ------ */
extraDiv1 , extraDiv2 , extraDiv3 , extraDiv4 , extraDiv5 , extraDiv6 {
display : none;} 

/* ----- Pikku-Ukon Sivut ----- */
/* ----- http://www.pikku-ukko.net ----- */