* {
	margin: 0;
	padding:0;
}

html, body {
	height: 100%;
	text-align: center;
	background-color:#C2D6EF;
	background-image:url(gfx/tausta.jpg);
	background-repeat:repeat-x;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -360px; /* the bottom margin is the negative value of the footer's height */
	width: 770px;
	text-align: left;
	background-color:#FFFFFF;
	
}

.footer, .push {
	height: 420px; /* .push must be the same height as .footer */
	width:770px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-color:#FFFFFF;
	padding-bottom:10px;
	
}

.footer-left {
  width: 470px;
  float:left;
  padding-left:20px;
  
}

.footer-right {
  width: 200px;
  float:right;
  padding-right:20px;
}


	
.header {
width:100%;
height:192px;
background-image:url(gfx/img_top.jpg);
background-repeat:no-repeat;
}	

.taustakuvat {
width:100%;
height:100%;
background-image:url(gfx/taustakuvat.jpg);
background-position:center top;
background-repeat:no-repeat;
}		

.content-left {
  width: 470px;
  float:left;
  padding-left:20px;

 }
 
.content-right {
  width: 200px;
	float:right;
	padding-right:20px;

 
}
	
.uutiset {
width:200px;
text-align:left;
float:right;
border: 1px #999999 solid;
padding:5px;

}

.tapahtumat {
width:200px;
text-align:left;
float:right;
border: 1px #999999 solid;
padding:5px;

}

.boxotsikko {
background-color:#999999;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
text-decoration:none;
font-weight:bold;
padding:5px;
width:200px;
text-align:left;
float:right;
border: 1px #999999 solid;
margin-top:30px;
}

.banneri {
width:210px;
text-align:left;
float:right;
border: 1px #999999 solid;
margin-top:30px;
}

.bannerilink {
width:210px;
text-align:left;
float:right;
margin-top:5px;
}

.small {
font-family: Arial, Helvetica, sans-serif;
color:#555555;
font-size:x-small;
text-decoration:none;
font-weight:bold;
margin-bottom:1.2em
}

p {
font-family: Arial, Helvetica, sans-serif;
color:#555555;
font-size:small;
text-decoration:none;
font-weight:normal;
margin-bottom:1.2em
}

h1 {
font-family: Arial, Helvetica, sans-serif;
color:#555555;
font-size:large;
text-decoration:none;
font-weight:bold;
margin-top:30px;
margin-bottom:1.5em;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color:#555555;
font-size:small;
text-decoration:none;
font-weight:bold;
margin-top:30px;
margin-bottom:1.5em;
}

a.menu {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
text-decoration:none;
font-weight:normal;
margin-left:23px;
margin-right:23px;
}

a.menu:hover {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
text-decoration:underline;
font-weight:normal;
margin-left:23px;
margin-right:23px;
}

a {
font-family: Arial, Helvetica, sans-serif;
color:#4492D2;
font-size:small;
text-decoration:underline;
font-weight:normal;

}

a:hover {
font-family: Arial, Helvetica, sans-serif;
color:#4492D2;
font-size:small;
text-decoration:underline;
font-weight:normal;

}
	
.menupalkki {
background-color:#89CD56;
width:770px;
height:30px;
text-align:left;
line-height:28px;
}		

.date {
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:x-small;
text-decoration:none;
font-weight:bold;
position:relative;
top:150px;
left:20px;
width:220px;
}

.kumppanitotsikko {
background-color:#999999;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
text-decoration:none;
font-weight:bold;
padding:5px;
width:450px;
text-align:left;
margin-top:20px;
}

.kumppanit {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
font-size:small;
text-decoration:none;
font-weight:bold;
width:470px;
text-align:center;
padding-top:10px;

}

.onkkiotsikko {
background-color:#999999;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:small;
text-decoration:none;
font-weight:bold;
padding:4px;
width:200px;
text-align:left;
border: 1px #999999 solid;
margin-top:20px;
float:right;

}


.onkki {
width:200px;
text-align:left;
float:right;
border: 1px #999999 solid;
padding:4px;
}