html, body {margin: 0; padding: 0; border: 0px none;}

body {
color: #000; 
background-color: #fff;
font-family: verdana, sans-serif; 
font-size: 70%; 
text-align: center;
margin: 30px 0;
}

p  {margin: 0; padding: 8px;}

p.footer {font-size: 70%; font-weight: normal;}

h1 {font-size: 150%; text-align: left; padding: 10px;}

h2 {font-size: 120%; padding: 5px;}

h3 {font-size: 100%; padding: 3px;}


.clear { clear: both; }

a {text-decoration: underline; color: #0066cc;}

a.navi {font-weight: bold; font-size: 110%; text-decoration: none}

a.active {font-weight: bold; font-size: 110%; text-decoration: none; color: #fff;}

.alignright {margin-top: 0; text-align: right;}

.wrapper {
margin: 0 auto;
width: 850px;
text-align: left;
border: 1px solid #000;
}

/*** Below is the Tan hack, needed because the decorative side borders (thin black) on 
.wrapper. It fixes the box model of IE5.x/win, making it display the same as other browsers. ***/

* html .wrapper {
width: 853px; 
w\idth: 850px; 
}

.outer {
border-left: 152px solid #eee;  
border-right: 200px solid #fff;
}

.inner {
border-left:1px solid #000; border-right:0px solid #000; border-top:0px solid #000; border-bottom:0px solid #000; margin-left: -2px; /*** This fixes a small overlap problem in IE6. ***/
width: 650px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/

}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/

* html .inner {
width: 100%;
}

.float-wrap {
float: left;
width: 647px;
margin-left: -150px;       /*** Same length as left column width ***/
}

/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

.left {
float: left;
width: 147px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

.right {
float: right; 
width: 150px;
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
}

* html .right {
margin: 0 -150px 0 0; /*** IE gets this margin. ***/
}

.center {
border-left:0px none; border-top:0px none; border-bottom:0px none; float: right;
width: 495px;
background-color: #fff;
border-right: 1px solid #000
}

div.ajankohtaista {
margin-left: 10px;
display: block;
width: 47%;
float: left;
border-right: 1px dashed #000; 
}
div.tiedotuksia {
display: block;
width: 45%;
float: right;
}

div.images {
display: block;
margin-left: 25px;
}

.wide {
width: 100%; 
border: 1px solid #000;
font-size: 1.4em;
font-weight: bold;
}

.wide p {padding: 5px;}

.top {
background-color: #92B9E0;
color: #000000;
border-width: 0 0 1px;}

.bottom {
text-align: center;
color: #000000;
background-color: #cccccc;
border-width: 1px 0 0;}

.info
{
	margin: 1em 0;
	color: #fff;
}
.info p
{
	font-size: 80%; 
	background-color: #0066cc;
	margin: 2px;
	padding: 5px;
	list-style-type: none;
	display: block;
	border: 1px dashed #fff;
}
.info a
{
	color: #fff;
	font-style: bold;	
}

.calendar table
{
	border: 1px;
	font-size: 70%;
	cellspacing: 3;
 	CELLPADDING: 3;

}

.small
{
font-size: 75%;
}


/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
border-bottom: 1px solid transparent;
}