h1{
 	position: relative;
	color:#000000;
	font-size: 140%;
	font-style:oblique;
	margin: 1em;
	font-family:Arial, Helvetica, sans-serif;
}

h2{
	color:#000000;
	font-size: 130%;
	margin: 1em;
}

h3{
	font-size: 120%;
	color:#000000;
	margin: 1em;
}

h4{
	font-size: 110%;        
	color:#000000;
	margin: 1em;
}

li{
	list-style-type: none;
	margin: 0.5em;
}

table{
        margin-left:auto;
        margin-right:auto;
}

td{
	vertical-align: top;
}

th{
        text-align: left;
}

p{
	position: relative;
	margin: 1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

img{
	border: none;
	margin: 1em;
}

body{
	background-color:#9B7140;
	color:#333333;
	width: 800px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{
	text-decoration: none;
	color: rgb(47, 10, 185);
}

a:hover{
	color: rgb(203, 196, 16);
}

.alanavi ul li{
	display: inline;
}

#vasen{
	position:absolute;
	left: 50px;
 	top: 15px;
	min-height: 500px;
	text-align: center;
	margin-left:auto;
	margin-bottom:auto;
 	padding: 0;
	width: 200px;
	background-color:#ffffff;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	font-size:120%;
}

#content{
    position:absolute;
	margin-right:auto ;
	margin-left: auto;
	left: 260px;
	top: 15px;
	margin-bottom:auto;
	width: 65%;
	min-height: 600px;
	background-color:#FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

#kirjaudu{
	position: fixed;
	bottom: 0%;
	left: 10px;
        z-index: 100;
        background-color: #9B7140;
}

.tapahtuma{
	background-color: rgb( 255, 255, 255 );
	margin: 2em;
	border: 1px solid rgb(230, 20, 20);
}
.tapahtuma p{
	color: rgb( 32, 22, 27);
}

.punainen{
	background-color: rgb( 220, 20, 20 );
	color: rgb( 30, 30, 30 );
}

.vihrea{
	background-color: rgb( 20, 220, 20 );
	color: rgb( 30, 30, 30 );
}

.pun{
    color: rgb(220, 20, 20);
}

.vih{
    color: rgb(20, 220, 20);
}

#valikko, #valikko *{ 
	margin: 0; 
	padding: 0; 
}

#valikko,#valikko ul {
	list-style: none;
    width: 200px;
}

#valikko li {
    display: block;
    position: relative;
}

#valikko li ul {
    left: -20000px;
    position : absolute;
    top: 0;
}

#valikko li ul li{
	display: block;
	position: relative;
}

#valikko li ul li ul{
	left: -20000px;
	position: absolute;
	top: 0;
}

#valikko li:hover ul {
    left: 98%;
    z-index: 1;
}

#valikko a,#valikko li:hover li a {
    color: black;
    display: block;
    padding: 5px;
    text-decoration: none;
    z-index: 100;
}

#valikko li:hover a,#valikko li li:hover a {
    background-color: rgb(160, 189, 175);
    color: rgb(160, 160, 200);
} 

.piilo{
    display: none;
}

.uusimmat{
    border: 1px solid green;
	position: relative;
	margin-top: 5px;
        margin-left: 5px;
	height: 190px;
	width: 400px;
}

.vaaka li{
    display: inline;
    font-size: 115%;
}

.vaaka a{
     color: rgb(30, 30, 30);
}

.vaaka a:hover{
     color: rgb(30, 30, 90);
}

legend{
    color:#333333;
}