@import url(/includes/style_ie.css);

/*
body { padding:0px; margin:0px; }
*/

/* Mac IE 5 doesn't support @media rules 2/2005 */

DIV#page {
        margin:10px auto auto auto;
	padding-bottom:15px;
	min-width:928px;
	background-color:#FFFFFF;
	font-family: Verdana, Sans-serif; 
	font-size:62.5%;
    }
    
DIV#titlebar {
	width:928px;
	margin:0;border:0;padding:0;
	margin-left:auto;margin-right:auto;
}
DIV#titlebar_left {
	float:left;
	width:170px;
	height:128px;
	background-color:white; 
	background-image:url(/images/logo_v2.gif); 
	background-repeat:no-repeat; 
	border-top: 1px solid #248;
	border-bottom: 1px solid #248;
	border-left: 1px solid #248;
    }

DIV#titlebar_right {
	float:left;
	width:756px;
	height:128px;
	background-color:white; 
	background-image:url(/images/paakuva.jpg); 
	background-repeat:no-repeat; 
	border-top: 1px solid #248;
	border-right: 1px solid #248;
	border-bottom: 1px solid #248;
    }

DIV#contents {
    clear:both;
    margin-left:auto; margin-right:auto;
    width:926px;
    border-left: 1px solid #248; 
    border-right: 1px solid #248; 
    border-bottom: 1px solid #248;
    }
td#leftcolumn {
    width:170px;
    padding-top:0px;
    padding-bottom:0;
    border-right: 1px solid #248;
    background-color:#bbbbdd;
}
td#rightcolumn {
    width:755px;
    padding-left:30px;
    padding-right:20px;
    padding-bottom:20px;
}
div#minheighthack {
    width:1px;
    height:330px;
}
div#footer {
    width:926px; 
    margin-left:auto; margin-right:auto;
    padding-top:7px; 
    border-left: 1px solid #248; 
    border-right: 1px solid #248; 
    border-bottom: 1px solid #248;
}

@media print { 
    DIV#titlebar_left {	height:0; 
			border-top:0;
			border-left:0;
    }
    DIV#titlebar_right {height:0; 
			border-top:0;
			border-right:0;
    }
}


/* 
no absolute positioning - should help with printing 
 white bg color for printing 
 no bg image for printing 
*/

h1, h2, h3 { font-weight:normal;font-style:normal; }

h1 {  font-size: 2.9em; line-height:1.1em; color:#224488; margin-top:28px; margin-bottom:12px; margin-left:0px; padding-bottom:4px; padding-left:0px; }

h2 {  font-size: 1.4em; font-weight:bold; color:black; line-height:1.2em; margin-top:20pt; padding-bottom:4px; margin-bottom:4pt; }

h3 {  font-size: 1.2em; font-weight:bold; margin-top: 24pt; margin-bottom:8px;}
/* color was: 224488 */

h4 {  font-size: 1.1em; font-weight:bold; margin-top: 18pt; margin-bottom:8px;}

b { font-weight: bold; }

p, ul, ol, blockquote { font-family: Verdana, Sans-serif; line-height:1.3; font-size:1.1em; margin-top: 5pt; margin-bottom: 0pt; }

h2, h3, p, ul, ol  {max-width:715px;}
blockquote {max-width:680px;}

td { font-family: Verdana, Sans-serif; line-height:1.3; font-size:1.1em; margin-top: 5pt; margin-bottom: 0pt; }

p.ingress {font-weight:bold; color:#333333; margin-bottom:15px; }

blockquote { margin-left:40px; }
	/* margin-left tarpeen, jos styles_ie sanoo * margin:0px */

.puhekupla { font-size:0.9em; color:#224488; font-weight:bold;
}

/*
ul { padding-left:5px; 
}
     tarpeen, koska on styles_ie sanoo * margin:0;padding:0; 
    IE6 obeys padding but not margin; Moz1.2 vice versa 
*/ 

.kve10 { margin-top: 10pt; margin-bottom: 0pt;  }

.leipis_eikv { line-height:1.0; margin-top: 5pt; margin-bottom: 0pt;  }
.pieni { font-size: 90%; line-height:1.1; margin-top: 4pt; margin-bottom: 0pt; }
.eirv {line-height:1.1;}

span.newsdate { font-size:0.9em;font-weight:normal;font-style:italic; 
    		margin-bottom: 0px; }
span.morenews { padding-left:15px;font-weight:bold; }

.tosipieni {  font-size: 0.8em; line-height:1.1; }

.taul {  font-size: 80%; line-height:1.1; }
td.taul2 {width:550px;}

.kuva { border:0px; margin-left:0px; margin-right:14px;margin-bottom:10px;
}

.tableheader { padding:0px; text-align:center; border:1px solid #336699; color:#FFF;background-color:#008fd1; letter-spacing:0.5em; font-size:80%; line-height:1; }

.tablecell { padding-left:4px; padding-right:4px;
    padding-top:2px; 
    padding-bottom:4px; 
    color:#000; 
    background-color:#FFF;

/*  background-color:rgb(215,215,215); 
    background-image:url(/images/logo_tausta2.gif); 
    background-repeat:repeat; 
    background-position:50% 50%;  
*/
}

/* border-left:1px solid #336699; border-right:1px solid #336699; background-color:#C2DBE5; */

    A:link	{ color:#224488; text-decoration: none; }
    A:visited	{ color:#224488; text-decoration: none; }
    A:hover	{ color:#224488; text-decoration: underline; }
    A:active	{ color:#224488; text-decoration: underline; } 

/* 
    menu links without underline 

    A.menu:link	{ color:#224488; text-decoration: none; }
    A.menu:visited	{ color:#999999; text-decoration: none; }
    A.menu:hover	{ color:#224488; text-decoration: underline; }
    A.menu:active	{ color:#224488; text-decoration: underline; } 

       hover & active was f30 (red)
*/