body {
     font-family: Verdana, Arial, "Trebuchet MS", sans-serif;
		 margin-left: 5%;
		 margin-right: 1%;
		 margin-top: 1%;
		 margin-bottom: 1%;
     color: #000000;  
     background-color: white;
     padding: 0em;
     line-height: 1.5em;
		 font-size: 0.8em;
}

p {
     margin-left: 0em; 
	/*	 margin-right: 1em; */
		 margin-top: 0.5em;
		 margin-bottom: 0.5em;
		 width: 525px; 
}

h1 {
    color:  black;
    background-color: white;
    text-align: left;
    padding-bottom: 0.2em;
		padding-left: 0em;
    /*line-height: 1.2em;*/
		font-size: 2.5em;
		margin-left: 0em;
		margin-top: 0em;
		margin-right: 0.5em;
		margin-bottom: 0em;
		width: 525px;
		float: left;
;
}


h2 {
   	text-align: left;
    color:  navy;  
		margin-top: 1em;
		margin-bottom: 0.5em;
		padding: 0em;
		
}

h3 {
    color: #00688B;
    background-color: transparent;
    padding-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0em;
    padding: 0;
}

 

a {
    padding: 0px;
    background: transparent none;
}


a:link {
    color: navy;
    background: transparent none;
		text-decoration: none;
}

a:visited {
    color: navy;
    background: transparent none;
		text-decoration: none;
}

a:active {
    color: navy;
    background: transparent none;
/*		text-decoration: none;
		font-weight: bold; */
}

a:hover {
    color: navy;
    text-decoration: none;
/*		font-weight: bold; */
}


.kuvavasen {
		float: left;
		margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 1.5em;
    margin-right: 1em;
}

.vasen {
		float: left;
		position: relative;
		left: 1em;
		margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
		padding-left: 0.5em;
}

.oikea {
		float: right;
		position: relative;
		right: 1em;
		margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
		padding-left: 0.5em;
}

.navbar {
		background: white none;
		color: white;
		width: 22%;
		float: left;
		padding: 0em;	
		margin-left: 0em;
			
}

.navbar ul {
		margin-left: 0em;
		margin-top: 1%;
		padding: 0em;
}

.navbar ul li {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	list-style-type: none;
	list-style-position: outside; 
	
	
}

.navbartop {
		clear: both;
		margin-left: 0em;
		margin-top: 0em;
		background: white;
		color: gray;
		padding-top: 0em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px navy;
		
}

.navbartop ul {
		margin-left: 0em;
		margin-top: 0em;
		padding: 0em 0em 0em 0em;
		margin-bottom: 0em;
}

.navbartop ul li {
		clear: both;
		display: inline;
		margin-right: 1em;
		margin-left: 0em;
		margin-top: 0em;
		padding-top: 0em;				
}

.navbartop strong {
		color: #00688B;
}

.navbartopstrong {
		clear: both;
		margin-left: 0em;
		margin-top: 0em;
		background: white;
		color: navy;
		padding-top: 0em;
		
}

.navbartopstrong ul {
		margin-left: 0em;
		margin-top: 0em;
		padding: 0em 0em 0em 0em;
		margin-bottom: 0em;
}

.navbartopstrong ul li {
		clear: both;
		display: inline;
		margin-right: 1em;
		margin-left: 0em;
		margin-top: 0em;
		padding-top: 0em;				
}

.navbartopstrong a:link, .navbartopstrong a:active, .navbartopstrong a:hover, .navbartopstrong a:visited {
		font-weight: bold;
		text-decoration: none;				
}

/*.navbartop ul li:before {
		color: navy;
  	content: "|";
}*/

.navbartop a:link, .navbartop a:active, .navbartop a:hover, .navbartop a:visited {
	text-decoration: none; /* poistaa alleviivauksen */
	color: #00688B;
}

.navbar a:link {
	text-decoration: none; /* poistaa alleviivauksen */
}