/* Mario92 - Tyylitiedosto! */

body {
background:#00315D url('yo.gif') repeat-x;
	font-family: Arial; 
	font-size: 12px; 
	color: black;
background-position: left bottom;
background-attachment: scroll;
margin: 0;
}

div {
	font-family: Arial; 
	font-size: 12px; 
	color: black;
}

a { color: #000000; text-decoration: underline }
a:hover { color: blue; text-decoration: none }
a:focus { color: #ffffff; text-decoration: none }

a img {
    border: 0;
}

.sivu {
border:3px solid black;
width:800px;
background-color: white;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 160px;
}

.google {
margin-top: 10px;
margin-bottom: 5px;
}

.logo {
background-image:url('logo.jpg');
width:800px;
height:40px;
	text-align: center;
	font-family: Arial; 
	font-size: 16px; 
padding:160px 0px 0px 0px;
}

.sisasivu {
clear:both;
text-align: left;
border-top:0px;
width:800px;
padding:4px 0px 4px 0px;

}

.otsikko
{
width: 100%;
height: 30px;
background: url('otsikko.jpg') repeat-x;
border-bottom: 1px solid black;
margin-top: 5px;
}

.otsikko_sisa
{
position: relative;
width: 700px;
height: 30px;
bottom: 1px;
margin: 0px auto;
}

.teksti
{
width: 100%;
height: 100%;
background-color: white;
margin-bottom: 20px;
}

.teksti_sisa
{
width: 700px;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}


.lopetus {
background-image:url('loppu.jpg');
border-top:0px;
width:800px;
height:37px;
padding:0px 0px 0px 0px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu {
margin-left: 115px;
margin-right: 115px;
}

.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 10px 1px;
border: 0px solid black;
border-left-width: 0;
text-decoration: none;
color: black;
font-size: 17px;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border: 3px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 100px; /*width of sub menu levels*/
color: black;
text-decoration: none;
padding: 1px 5px;
border: 0px;
background-color: #F3F3F3;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}


* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */