/*---- Layout ----*/
div
{
	padding: 0;
	margin: 0;
}
body
{
	padding: 20px;
	margin: 0;
   
}
#oldbrowser
{
	text-align: center;
}
#masthead h1
{
	display: inline;
}
#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
h1{font-size: 110%;}
h3{font-size: 100%;}
h4{font-size: 100%;}
#rightColumn
{
	float: right;
	width: 200px;
}
#contentColumn
{
	width: auto;
	margin-left: 199px;
    
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerRightColumn, #innerFooter
{
	padding: 10px;
}
#footer
{
	clear: both;
}
#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	margin-right: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
    background-image: url(kuvat/oikea_tausta.gif);
    background-repeat: repeat-y;
    background-color: #FDF9FF;
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#masthead, #footer
{
	z-index: 10;
}

/*---- Borders ----*/
#pageFrame
{
	border: solid 1px #000;
        
}
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn
{
	border: solid 0px #000;
}

#footer
{
	border-top-width: 1px;
    color: #fff;
    background-color: #800080;
    font-size: 70%;
}
#masthead
{
	border-bottom-width: 1px;
    background-image: url(kuvat/header_tausta.jpg);
    background-repeat: repeat-y;
}

/*---- Visual Elements ----*/
body
{
	color: #000;
	padding: 20px 20px 20px 80px;
	margin: 0;
    font-family:Arial,Helvetica,sans-serif;
    background-color: #7E5F80;
    background-image: url(kuvat/tausta_vasen.jpg);
    background-position: left top;
    background-repeat: no-repeat;
}
#pageFrame
{
	background-color: #fff;
	color: #000;
	min-width: 500px;
   }
   
#mallit {list-style-type: none;}
#mallit li a{padding-left: 15px; 
font: 80% Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #000000;}
#mallit li a:hover{text-decoration:none; font-weight: bold;}

#contentColumn a:link{color: #000000; text-decoration: none; border-bottom: 1px dotted;}
#contentColumn a:visited{color: #F33; text-decoration: none; border-bottom: 1px dotted;}
#contentColumn a:hover{color: #999999; text-decoraton: none; border-bottom: 1px solid;}
#contentColumn a:active{text-decoration: none; border-bottom: 1px solid;}

#footer a:link{color: #000000; text-decoration: none; border-bottom: 1px dotted;}
#footer a:visited{color: #E6D5C3; text-decoration: none; border-bottom: 1px dotted;}
#footer a:hover{color: #CB9968; text-decoraton: none; border-bottom: 1px solid;}

#image{
width: 100%;
text-align: center;
}
.photo{font-size: 11px}