body 
{
background-color: 	#E8E8E8;
color: black;

}


/*-------------BANNERI---------------------*/

.banneri {
background-image: url("./banneri.jpg");
background-repeat: no-repeat;

height: 135px;
width: 800px;

margin: -10px auto 0 auto;


border-top: 1px white;
border-bottom: 1px white;


border-left: 1px #000033;
border-right: 1px #000033;

border-style: solid;

}

/* ----------NAVIGOINTPALKKI ALKU--------------*/

.navi 
{

background-color: #000033;
color: white;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
font-size:small;

margin: 0 auto;


width: 800px;

border-top: 1px white;
border-bottom: 1px white;
padding-top: 2px;
padding-bottom: 2px;

border-left: 1px #000033;
border-right: 1px #000033;

border-style: solid;

text-align: center;

letter-spacing: 1px;

word-spacing: 16px;
font-weight: bold;
}


/*-------------NAVI LINKIT---------------------*/

.navi a 
{

background-color: transparent;
color: white;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
font-size:110%;
text-decoration:none;

}

.navi a:hover
{

background-color: transparent;
color: silver;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
font-size:110%;
text-decoration:none;

}

/* ------------NAVI Loppu--------------------*/





/*-------------MAIN ALKU---------------------*/

.main {
background-color: white;
color: black;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
font-size: 90%;

margin: 0 auto 0 auto;

padding-top: 20px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;

width: 780px;
line-height: 1.3;

border-top: 1px white;
border-bottom: 1px #000033;
border-left:  1px #000033;
border-right: 1px #000033;

border-style: solid;

}


/*-------------MAIN OIKEAN REUNAN INFOT------------------*/

.oikea {
  
  font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size: 85%;
  line-height: 1.3;

}

/*-------------MAIN OTSIKOT---------------------*/

.main h1{
background-color: transparent;
color: purple;
font-family:Highway Gothic, Verdana, Helvetica sans-serif
font-size:100%; text-align: left;

}
.main h2 {
background-color: #E8E8E8;
color: black;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size:105%; text-align: center;
text-style:bold;
padding: 2px;


}

.main h3 {
background-color: transparent;
color: black;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size:95%; text-align: left;

}


.main h4 {
background-color: transparent;
color: black;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size:85%; text-align: left;
text-style:bold;

}

.main h5 {
background-color: transparent;
color: black;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size:85%; text-align: left;
text-style:bold;

}


/*-------------MAIN LINKIT---------------------*/

.main a:link {
backround.color: transparent;
color: darkblue;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
  font-size: 100%;
text-decoration: none;

}
.main a:visited {
backround.color: transparent;
color: darkblue;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
;  font-size: 100%;
text-decoration: none;

}
.main a:hover {
backround.color: transparent;
color: gray;
font-family:Highway Gothic, Verdana, Helvetica sans-serif;
 font-size: 100%;
}


/*-------------MAIN LOPPU---------------------*/