body {
		 	 	font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
				color: #000000;
				font-size: 90%;       
				background-color: white;
				background-image: url(./images/tausta1.JPG);
				background-repeat: no-repeat;
				background-position: 0% 0%;
				background-attachment: fixed;
				margin-left: 2%;
          		 margin-right: 2%;
							 margin-bottom: 2%;           		 
}
		
h1 { 
	 text-align: center;
	 font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	 font-size: 140%;
	 color: #CD5C5C;
	 background: transparent;
	 						 margin-left: 2%;
   						 margin-right: 2%;
	 						 margin-bottom: 2%;
	 }

h2 { 
	 text-align: center;
	 font-family: Arial, Verdana, "Trebuchet MS" ,sans-serif;
	 font-size: 130%;
	 color: #CD5C5C;
	 background: transparent;
}

h3 { 
	 text-align: left;
	 font-family: Arial, Verdana, "Trebuchet MS", sans-serif;
	 font-size: 100%;
	 color: #000000;
	 							margin-left: 2%;
								margin-right: 2%;
	 						 	margin-bottom: 1%;
}

p { 
		font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
		font-size: 90%;
		color: #000000;
		margin-left: 2%;
          		 margin-right: 2%;
							 margin-bottom: 2%; 
}

strong { 
			 font-weight: bold;
}

ul			{
		background: transparent;
		font-family: Helvetica, Arial, Verdana, "Trebuchet MS", sans-serif;
		font-size: 90%;
		color: #000000;
		list-style-type: circle;
}

ul.disc			{
		list-style-type: disc;
		list-style-position: outside;
		font-family:  Helvetica, Arial, Verdana, sans-serif;
		font-size: 90%;
}

ol.square			{
		list-style-type: square;
		list-style-position: inside;
		font-family:  Helvetica, Arial, Verdana, sans-serif;
		font-size: 90%;
}

ol.none			{
		list-style-type: none;
		list-style-position: inside;
		font-family:  Helvetica, Arial, Verdana, sans-serif;
}

hr			{
				color: #DCDCDC;
}
 
.vasen {
			 background: white none;
			 float: left;
			 font-family:  Helvetica, Arial, Verdana, sans-serif;
			 color: #000000;
}

.oikea {
			 background: white none;
			 float: right;
			 font-family:  Helvetica, Arial, Verdana, sans-serif;
			 color: #000000;
}

p.clear-left {
	clear: left;

}
p.clear-right {
	clear: right;
}

p.clear-both {
	clear: both;
}

pre  {
		 font-family: courier, monospace;
}

.navbartop {
				background-color: #DCDCDC;
				text-align: center;
				padding: 0.5em;
				font-family: Arial, Verdana, sans-serif;
				font-size: 80%;
				border-style: solid;
        border-width: thin;
       	border-color: #DCDCDC;
}
				        
.navbarbottom {
				background-color: #DCDCDC;
				text-align: center;
				padding: 0.5em;
				font-family: Arial, Verdana, sans-serif;
				font-size: 80%;
				border-style: solid;
        border-width: thin;
       	border-color: #DCDCDC;
}

.leftbar {
				background: transparent;
				text-align: center;
				padding: 0.5em;
				font-family: Helvetica, Arial, Verdana, sans-serif;
				font-size: 80%;
				border-style: none;
        margin-left: 2%;
           margin-right: 2%;
           margin-top: 1%;
           margin-bottom: 1%;
}

a		 {
		 text-decoration: none;
}	

a.tarkea:link {
				text-decoration: underline;
				color: #0000FF;
}
			 				 								
a:link {
			 color: #000000;
			 background: transparent;			 
}   

a:visited {	
			color: #800080;
			background: transparent;
}

a:active { 				
			color: red;
			background: #DCDCDC;
}

a:hover { 				
			color: red;
			background: #DCDCDC;
}