/* index.htm-sivun tyylimäärittelyt */

body {
color : #333333; 
background-color : #ffffff; 
margin-top: 0;
margin-right: 12px;  
margin-left: 12px;
margin-bottom: 0;
padding : 0; 
font : 11px verdana, arial, helvetica, sans-serif; 
} 

h1 {
margin : 0 0 15px; 
padding : 0; 
font-size : 28px; 
font-weight : 900;
font-variant: small-caps;
color : #cccccc; 
} 

h2 {
font : bold 12px/14px verdana, arial, helvetica, sans-serif; 
margin : 0 0 5px; 
padding : 0; 
} 

p {
font : 11px/20px verdana, arial, helvetica, sans-serif; 
margin : 0 0 16px; 
padding : 0; 
} 

iframe {
border: 0;
padding: 0;
margin: 0;
}

img {
border: 0;
}

.otsikko {
margin-left: 15px;
padding-top: 3px;
padding-bottom: 3px;
text-align: left;
}

.toka {
margin-left: 15px;
padding: 5px;
}

.ala {
border: 1px solid #f1e7e8;
font : 9px/18px verdana, arial, helvetica, sans-serif; 
margin-right: 7px;
margin-left: 7px;
text-align: center;
}

.jaava {
background-color : #660000; 
margin: 0;
font : 11px/20px verdana, arial, helvetica, sans-serif; 
padding-right: 5px; 
color: #f1e7e8;
text-align: right;
} 

/* Sijoittelumäärittelyt */

.midcontent > p {
margin : 0; 
} 
.midcontent > p + p {
text-indent : 0; 
} 

.midcontent {
width : auto; 
margin-right: 11px; 
margin-left: 4px;
margin-bottom: 10px;
border : 1px solid #f1e7e8; 
background-color : white; 
padding : 0;  
} 

.midcontent2 {
width : auto; 
margin-right: 11px; 
margin-left: 4px; 
margin-bottom: 10px;
border : 1px solid #f1e7e8; 
background-color : white; 
padding : 10px; 
} 

#navleftmenu {
width : 160px; 
top : 10px; 
left : 10px; 
background-color : #ffffff; 
padding : 0;  
voice-family : "\"}\""; 
voice-family : inherit; 
width : 160px; 
} 

body > #navleftmenu {
width : 150px; 
} 

#navright { 
width : 150px; 
top : 10px; 
right : 10px; 
background-color : #ffffff; 
padding : 0; 
z-index : 1; 
voice-family : "\"}\""; 
voice-family : inherit; 
width : 150px; 
} 

body > #navright {
width : 150px; 
} 

.menuheader {
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-align : left; 
font-weight : bolder; 
color : #ffffff; 
background-color : #660000; 
padding-left : 10px; 
padding-top : 3px; 
padding-bottom : 1px; 
border-top : 0 none #f1e7e8; 
border-bottom : 1px solid #c3c8cb; 
border-right : 1px solid #c3c8cb; 
border-top : 1px solid #fefefe; 
display : block; 
height : 16px; 
} 

.headerwhite {
font-size : 10px; 
font-weight : bold; 
color : #ffffff; 
font-family : verdana, arial, helvetica, sans-serif;
text-decoration : none; 
} 

.triangle {
width : 180px; 
background-color : #660000; 
margin-left: 4px;
} 

.triangle2 {
background-color : #f1e7e8; 
margin-right: 150px;
margin-left: 4px;
} 

.triangle3 {
width : 100px; 
background-color : #660000; 
width : 100px; 
top : 20px; 
right : 10px;
z-index : 1; 
} 

.triangleblue {
background: url(kuvat/tr14x15_1.gif) no-repeat 100% 0%; 
} 

.headmemspot {
font-family : verdana, arial, helvetica, sans-serif; 
font-size : 10px; 
text-align : left; 
font-weight : bold; 
color : #ffffff; 
background-color : #660000; 
padding-top : 3px; 
padding-bottom : 3px; 
padding-left : 10px; 
display : block; 
} 

.spacer {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 10px; 
text-align : center; 
font-weight : bold; 
color : #ffffff; 
padding-bottom : 3px; 
padding-left : 4px; 
display : block; 
} 

.divmiddle {
background-color : #ffffff; 
padding : 10px; 
display : block; 
} 
.divmiddle1 {
background-color : #ffffff; 
padding : 10px; 
display : block; 
} 

.divmiddle2 {
background-color : #ffffff; 
border : 1px solid #f1e7e8; 
margin-bottom : 10px; 
padding : 0; 
display : block; 
} 

#banner {
height: 96px;
background-color: #336699;
background: url(kuvat/banneri.jpg) no-repeat top left #660000;
padding: 0;
margin-right: 7px;  
margin-left: 7px;
margin-bottom: 5px;
}

#divbody{
margin: 2px;
padding: 1px;
background-color: #ffffff;
}
#divleft{
float: left;
width: 160px;
margin: 0px;
background-color: #ffffff;
}
#divright{
float:right;
width: 14%;
padding-right: 0;
}
#divmid{
float: left;
width:65%;
padding-left: 4px;
}
#divfoot{
clear: both;
padding: 0;
}
#divright{
margin: 0;
padding: 0;
}


/* Linkkilista */

.buttons a {
color: #660000;
border: 1px solid;
background-color: #f1e7e8;
padding: 2px;
padding-left: 3px;
font: 12px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
border-color: #ffffff #660000 #660000 #660000;
display: block;
margin: 0px;
width: 95%;
text-align: left;
}

.buttons a:hover {
border: 1px solid;
padding: 2px;
padding-left: 3px;
background-color: #f1e7e8;
border-color: #660000 #ffffff #ffffff #660000;
color: #660000;
text-decoration: none;
}

/* Muut linkit */

a {
color: #660000;
background-color: #FFFFFF;
font: 11px Verdana, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
}

a:hover {
color: #A56363;
text-decoration: none;
}