body { 	width: 700px;
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		background-color: #D3D3D3;
		font-family: Verdana, Arial, Helvetica, sans-serif;

}

p  {	font-size: 9pt;
		line-height: 12pt;
}


h1 {	font-size: 12pt;
		font-weight: bold;
		line-height: 16pt;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		margin-top: 4px;
}

h2 {	font-size: 11pt;
		font-weight: bold;
		line-height: 16pt;
		font-family: Verdana, Helvetica, Arial, sans-serif;
}

h3 {	font-size: 9pt;
		line-height: 14pt;
		font-family: Verdana, Helvetica, Arial, sans-serif;
}

A:link {
		font-size: 9pt; 
		line-height: 12pt;
		font-weight: bold;
		color: #804c19;


}

A:visited {	
		font-size: 9pt;
		line-height: 12pt;
		font-weight: bold;
		color: #804c19;

}

A:active {
		font-size: 9pt;
		line-height: 12pt;
		font-weight: bold;
		color: #9999ff;
		text-decoration: none;

}

A:hover {
		font-size: 9pt;
		line-height: 12pt;
		font-weight: bold;
		color: #9999ff;
		text-decoration: none;

}

ul {
		list-style-image: url(kuvat/button.bmp);
		list-style-type: none; 
		list-style-position: outside;
		
}
div.menu {
		background-color: #996633;
		text-align: center;
		width: 700px;
		padding-bottom: 2px;
		padding-top: 2px;

}

div.menu  a {	
		font-weight: bold;
		color: #ffffff;
		font-size: 12pt;
		line-height: 16pt;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
}
 
div.menu  a:active {	
		font-weight: bold;
		color: #ffffff;
		font-size: 12pt;
		line-height: 16pt;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
}

div.menu  a:hover {	
		font-weight: bold;
		color: #ffffff;
		font-size: 12pt;
		line-height: 16pt;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
}

div.menu  a:visited {	
		font-weight: bold;
		color: #ffffff;
		font-size: 12pt;
		line-height: 16pt;
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;

}

.bar {
		background-color: #9999ff;
		text-align: left;
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left: 2px;
		padding-right: 2px;
		color: #ffffff;
		margin-top: 0px;
}

div.frame {
		border: solid #9999ff 1px;
		padding: 0px;

}

div.frame > p {
		margin-left: 3px;
		margin-right: 2px;
	
	}


div.vas {	margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;

}

.footer {
		color: #ffffff;
		background-color: #996633;
		padding-bottom: 2px;
		padding-top: 2px;
		width: 700px;
		text-align:center;
		font-size: 9pt;
		font-weight:bold;
}

.oik {	float: right;
		margin: 2px 0px 2px 2px;

}

.vas {
		float: left;
		margin: 2px 2px 2px 0px;
		width: 35%;
		text-align:left;

}

td {
		vertical-align:top;
		font-size: 9pt;
}

table {

	
		background-color: #ffffff;
		width: 700px;
		padding-bottom: 5px;
}

table.pentu {
		border-collapse: collapse;
		width: 530px;
}

table.pentu td {
		border: solid #9999ff 1px;
		color: #000000;
		background-color: #ffffff;
		padding: 2px;
		text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		border-collapse: collapse;
		vertical-align:top;

}
table.pentu th {
		color: #000000;
		background-color: #9999ff;
		padding: 2px;
		text-align:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight:bold;
		border: solid #9999ff 1px;
		vertical-align:top;

}

.date_place {


		text-align:left;
		float: left;
		width: 30%;


}

.event_intro {

		font-weight:bold;

		text-align:left;
		float: left;
		width: 55%;

		
}

.event_details {

		margin-top: 1em;
		margin-left: 1em;
		text-align:left;
		float: left;
		width: 95%;

}

div.event	 {

		text-align:left;
		border-bottom: solid #9999ff 1px;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
		width: 100%;
		overflow:auto;

}

div.update{
		float: right;
		text-align:right;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #808080;
		margin-right: 0.5em;		
}