body {margin-left:0px; margin-right:0px; margin-top:8px; margin-bottom:4px; background-color: #868686; background-image: url(designkuvat/sivutausta.png); background-repeat: repeat-x}

A:hover {text-decoration: underline; color: #ffffff}
A:visited {text-decoration: underline; color: #000050}
A:link {text-decoration: underline; color: #000030}


table.reunat 
	{border-style: solid; background-color: #ffffff;
	border-left-width: 6px; border-left-color : #ffffff; border-right-width: 6px; border-right-color : #ffffff;
	border-top-width: 6px; border-top-color: #ffffff; border-bottom-width: 6px;border-bottom-color: #ffffff;
	}
table.reunat2
	{border-style: solid; background-color: #000000;
	border-left-width: 1px; border-left-color : #523f22; border-right-width: 1px; border-right-color : #523f22;
	border-top-width: 1px; border-top-color: #523f22; border-bottom-width: 1px;border-bottom-color: #523f22;
	}

table.vkirja
	{border-style: solid; border-color: #5d886d; background-color: #a5c6b5;
	border-left-width: 1px; border-right-width: 1px;
	border-top-width: 1px; border-bottom-width: 1px
	}
table.sukutaulu
	{border-style: solid; border-color: #4d88b7; background-color: #c5d2f5; border-collapse : collapse;
	border-left-width: 2px; border-right-width: 2px;
	border-top-width: 2px; border-bottom-width: 2px
	}
table.sisarukset
	{border-style: solid; border-color: #4d88b7; background-color: #6da8d7;
	border-left-width: 1px; border-right-width: 1px;
	border-top-width: 1px; border-bottom-width: 1px
	}
P {margin-top:4px; margin-right:4px; margin-left:4px; font-family : helvetica, verdana; font-size : 12pt;color : #000000 }
P.otsikko {font-weight: bold; margin-top:4px; margin-right:4px; margin-left:4px; font-family : helvetica, verdana; font-size : 18pt; color : #000000 }
P.valikkotxt {margin-top: 6px; margin-left: 8px; margin-right: 4px; font-family : verdana,helvetica; font-size : 9pt;color : #000000 }
P.tiedot {margin-top:4px; margin-right:4px; margin-left:4px; font-family : helvetica, verdana; font-size : 10pt;color : #000000 }
P.st {margin-top:4px; margin-right:4px; margin-left:4px; font-family : helvetica, verdana; font-size : 10pt;color : #000000 }

P.pieni {margin-top: 0px; font-family : Helvetica, Verdana; font-size : 8pt ;color : #523f22}

P.info {margin-top: 4px; margin-right: 4px; margin-left: 4px; margin-bottom: 4px; font-family : Helvetica, Verdana; font-size : 8pt ;color : #606060}
hr {
  border: 1;
  color: #000000
}
td.sisalto {background-image: url(designkuvat/sisalto_tausta.gif); background-repeat: no-repeat; background-color : #9ec3e4
}
td.valikko {height: 28px; background-image: url(designkuvat/valikko.jpg); background-repeat: no-repeat
}

img.kuvitus {
	border-style: solid; margin-left: 8px; margin-right: 8px; 
	border-left-width: 2px; border-right-width: 2px;
	border-top-width: 2px; border-bottom-width: 2px;
  	border-color: #ffffff
}

img.uutiskuva {
	border-style: solid; margin-left: 8px; margin-right: 8px; 
	border-left-width: 2px; border-right-width: 2px;
	border-top-width: 2px; border-bottom-width: 2px;
  	border-color: #ffffff
}
#chromemenu{ height: 23px;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;

}

#chromemenu ul{
border: 0px solid #3d1617;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 0px;
padding-left: 0;
padding: 0;
margin: 0;
float: left;
font: 12px Verdana;

}


#chromemenu ul li{
display: inline;
margin-left: 0;
margin-right: 0;
margin-bottom: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding: 0;
margin: 0px;
line-height: 12px;
}


#chromemenu ul li a{
float: left;
color: #ffffff;
font-weight: normal;
padding: 2px 2px 2px 8px;
text-decoration: none;
background: url(designkuvat/divider.gif) center right no-repeat;*/ /*Theme Change here*/
}

#chromemenu ul li a:hover{
color: yellow;
}

#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #303030; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:14px;
z-index:100;
background-color: #c0c0d0;
filter:alpha(opacity=80);   
   -moz-opacity:0.8;           
   opacity: 0.8;
width: 200px;
visibility: hidden;
padding: 0;
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #303030; /*Theme Change here*/
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: #000000;
}

.dropmenudiv a:hover{ /*Theme Change here*/
background-color: #f0f0f0;

}
.dropmenudiv2{
position:absolute;
top: 0;
border: 1px solid #303030; /*Theme Change here*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:14px;
z-index:100;
background-color: #c0c0d0;
filter:alpha(opacity=80);   
   -moz-opacity:0.8;           
   opacity: 0.8;
width: 200px;
visibility: hidden;
padding: 0;
}

.dropmenudiv2 a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #303030; /*Theme Change here*/
padding: 1px 0;
text-decoration: none;
font-weight: normal;
color: #000000;
}

.dropmenudiv2 a:hover{ /*Theme Change here*/
background-color: #f0f0f0;

}