body {
		 color: #000000;
		 background: #F0F8FF none repeat;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* VÄRIKOODIT: http://www.utoronto.ca/ian/books/style/appa/color2.html  */

h1 { 
	 color: #0066CC;
	 background: white none;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 200%;
	 text-transform: uppercase;
	 letter-spacing: 0.1em;
}

h2 { 
	 color: #0066CC;
	 background: white none;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 150%;
}
	 
h3 {
	 color: #0066CC;
	 background: transparent none;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 120%;
}

h4 {
	 color: #000000;
	 background: transparent none repeat;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 110%;
}

h5 {
	 color: #000000;
	 background: transparent none repeat;
	 font-family: Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 80%;
}

p {
	color: black;
	background: transparent none repeat;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}


p.viiva { background-image: url(./viiva.jpg); } 
p.aviiv { background-image: url(./viiva2.jpg); } 
p.ornamenttiSV { background-image: url(./ornamenttiSV.jpg); } 

pre {
	color: black;
	background: transparent none repeat;
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 80%;
	margin-left: 2em;
	margin-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

table {
 			border: thin solid skyblue;
			color: black;
  		    background: white none repeat;
 		}
			
th {
 			border: thin solid skyblue;
			color: black;
			background: white none repeat; 
}

td {
 			border: thin solid skyblue;
			color: black;
			background: white none repeat; 
			text-align: center;
}

ul {
	 list-style-type: circle;
	 color: black;
	 background: transparent none repeat;
	 font-family:  Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 80%;
	 margin-left: 2em;
	 margin-right: 1em;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 }

ul ul {
	 list-style: square inside;
	 color: black;
	 background: transparent none repeat;
	 font-family:  Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 75%;
	 margin-left: 2em;
	 margin-right: 1em;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 }

ol {
	 color: black;
	 background: transparent none repeat;
	 font-family:  Verdana, Arial, Helvetica, sans-serif; 
	 font-size: 80%;
	 margin-left: 2em;
	 margin-right: 1em;
	 margin-top: 1em;
	 margin-bottom: 1em;
	 }
	 
em {
	 color: black;
	 background: transparent none repeat;
	 font-weight: bold;
	 } 
	 
strong {
		color: black;
	  background: transparent none repeat;
  	font-weight: bold;
}

address {
      	font-style:  normal; 
}
.author {
				text-align: right;
      	font-family:  Verdana, Arial, Helvetica, sans-serif; 
      	font-weight: bold;
				font-size: 60%;
				border-top: solid thin gray; 
				margin-top: 2em;
				margin-bottom: 2em;
				padding: 1em;
}

div.url {
  	 font-family: Courier, monospace;
		 font-size: 30%;
}

.navbar {
				border-style: solid;
				border-width: thin;
				border-color: #0066CC;
				background: #0066CC none repeat; 
				color: white; 
				font-size: 80%;
				margin-left: 0.5em;
				margin-right: 0.5em;
				margin-top: 0.5em;
				margin-bottom: 0.5em;
				text-align: center;
}

div.navbar a {
		 text-decoration: none;
}
        
div.navbar a:link {
		 color: white;
}
a:link {
			 color: blue;
			 background: transparent none repeat;
		 	 font-weight: bold;
}
   
a:visited {
			 color: black;
			 background: transparent none repeat;
			 font-weight: bold;					
}

a:hover {
				color: blue;
 				background: #FFFFFF none repeat;
				font-weight: bold; 
}

a:active {
			 color: cornflowerblue;
			 background: transparent none repeat;
			 font-weight: bold;
}

img {
		 border-width: 0;
		 }
		 
.vasen {
			 float: left;
			 margin: 0.8em;
}

.oikea {
			 float: right;
			 margin: 0.8em;
}