html { 
height : 95%;
} 
body { 
background-color : #cdcdba;
margin : 10px auto;
padding : 1em 1.5em;
width : 620px;
height : auto;
font-family : arial, sans-serif;
font-size : 9pt;
} 
h1 { 
font-size : 10pt;
color : #333;
letter-spacing : 0;
margin-left : 20px;
} 
h2 { 
font-size : 10pt;
color : #620a09;
font-family : arial;
font-variant : small-caps;
letter-spacing : 1ex;
margin-left : 20px;
} 
h3 { 
font-size : 8pt;
color : #333;
margin-left : 20px;
} 
h4 { 
text-align : center;
letter-spacing : 0;
}

h5.kirjat { 
font-size : 10pt;
color : #333;
font-family : arial;
font-variant : small-caps;
letter-spacing : 0.5ex;
margin: 20px;
} 
 
h5 { 
font-size : 10pt;
color : #333;
font-family : arial;
font-variant : small-caps;
letter-spacing : 0.5ex;
margin-left : 20px;
} 

h5 .etusivu{ 
font-size : 10pt;
color : #333;
font-family : arial;
font-variant : small-caps;
letter-spacing : 0.5ex;
margin: 0px;
} 

h6 { 
font-size : 10pt;
color : #620a09;
font-family : arial;
font-variant : small-caps;
letter-spacing : 1ex;
margin-left : 120px;
} 
h7 { 
font-size : 10pt;
color : #620a09;
font-family : arial;
font-variant : small-caps;
letter-spacing : 1ex;
margin-left : 120px;
} 
h8 { 
font-size : 10pt;
color : #333;
font-family : arial;
font-variant : small-caps;
letter-spacing : 0.5ex;
margin-left : 100px;
} 
h9 { 
font-size : 8pt;
color : #620a09;
margin-left : 20px;
} 

h3.etusivu{ 
font-size : 8pt;
color : #333;
margin-left : 75px;
}

h3.etusivu2{ 
font-size : 8pt;
color : #333;
margin-right : 40px;

} 

img.nuuksio{ 
background-color : #eeeed8;
border : 1px solid #7e8b5a;
padding : 1em;
float : left;
margin-right : 20px;
} 

img.etusivu2 { 
border: 1px solid #7e8b5a;
margin: 10px;
margin-right: 20px;
float: right;
} 

img.etusivu { 
border: 1px solid #7e8b5a;
margin: 10px;
margin-left: 20px;
float: left;

} 

img.kirjat { 
border: 1px solid #7e8b5a;
margin: 10px;
float: left;
}

img.spon { 
border: 1px solid #7e8b5a;
}

img.teos { 
border: 1px solid #7e8b5a;
margin-left: 2px;
margin-right: 2px;
}


img.spon1 { 
border: 1px solid #7e8b5a;
margin-left: 20px;
}

img.spon2 { 
border: 1px solid #7e8b5a;
margin-left: 20px;
margin-right: 20px;
float:left;
}

img.spon3 { 
border: 1px solid #7e8b5a;
margin-left: 20px;
margin-right: 20px;
float:right;
}


img.kirjat2 { 
border: 1px solid #7e8b5a;
margin-left: 10px;
margin-right: 10px;
float: left;
}  

img.kirjat3 { 
border: none;
margin-left: 11px;
margin-right: 10px;
float: left;
}  

img.kirjat4{
border: none; 
margin: 10px;
float: left;
}

img.imgl { 
border : 1px solid;
padding : 1em;
margin-right : 10px;
} 
img.img2 { 
background-color : #eeeed8;
height : 240px;
border : 1px solid #7e8b5a;
padding : 1em;
float : left;
margin-right : 20px;
margin-bottom : 10px;
} 

img.img2etu { 
background-color : #eeeed8;
height : 240px;
border : 1px solid #7e8b5a;
padding : 1em;
float : right;
margin: 20px;

} 

img.img3 { 
background-color : #eeeed8;
border : 1px solid #7e8b5a;
padding : 1em;
float : right;
margin-right : 10px;
margin-left : 20px;
} 
img.img4 { 
background-color : #eeeed8;
border : 1px solid;
padding : 1em;
width : 560px;
float : left;
} 
img.img5 { 
border : 1px solid #333;
} 
img.img6 { 
background-color : #eeeed8;
border : 1px solid #7e8b5a;
padding : 1em;
float : left;
margin-left : 100px;
} 
img.img7 { 
background-color : #eeeed8;
border : 1px solid #7e8b5a;
padding : 1em;
float : left;
margin-right : 20px;
} 
img.img8 { 
border : 1px solid;
}
img.img9 { 
background-color : #eeeed8;
border : 1px solid #7e8b5a;
padding : 1em;
float : right;
height: 130px;
margin-right : 40px;
margin-left : 20px;
} 
img.pic1 {
float: right; margin-right: 40px;  width: 181px; height: 136px; padding: 12px; background-color: #eeeed8; border-top: 1px solid #7e8b5a; border-right: 1px solid #7e8b5a; border-bottom: 1px solid #7e8b5a;
}
#main { 
background-color : #ffffed;
border : 1px solid #7e8b5a;
width : 620px;
padding : 1em;
margin : 1em auto 0 auto;
height : 70%;
overflow : auto;
} 
ul.jul { 
margin-left: 20px;
border: 1px solid #7E8B5A;
padding: 0.5em;
} 
ul.kuvat
{
width: 165px;



}
p { 
margin : 20px;
} 

p .kirjat{ 
margin : 0px;
} 

p.menu{
margin-left: 0px;
}

p.spon{
text-align: center;
}


#menu { 
border : 1px solid #7e8b5a;
background-image : url(./img/menu36.jpg);
width : 625px;
height : 22px;
text-align : center;
padding : 1em;
font-size : 10px;
} 
#menu a:link, #menu a:visited { 
font-size : 10px;
line-height : 21px;
font-weight : bold;
margin : 0 5px 0 10px;
text-decoration : none;
color : #333;
letter-spacing : 0.05em;
} 
#menu a:link#current, #menu a:visited#current, #menu a:hover { 
font-size : 10px;
border-bottom : 1px dotted #333;
padding-bottom : 2px;
background : transparent;
color : #620a09;
letter-spacing : 0.05em;
} 
#menu a:hover { 
font-size : 10px;
color : #620a09;
letter-spacing : 0.05em;
} 
#top { 
background : #8b8c7e;
border : 1px solid #333;
width : 620px;
height : 150px;
padding : 1em;
font-variant : small-caps;
letter-spacing : 2ex;
} 
#galleria {
background-color: #eeeed8;
margin: 20px;
margin-bottom: 0px;
border: 1px solid #7E8B5A;
height: 200px;
}

#kirjat {
background-color: #eeeed8;
margin: 20px;
margin-bottom: 0px;
border: 1px solid #7E8B5A;
height: 170px;
}

#kirjatnuuksio {
background-color: #eeeed8;
margin: 20px;
margin-bottom: 0px;
border: 1px solid #7E8B5A;
height: 220px;
}

#halki {
background-color: #eeeed8;
margin: 20px;
margin-bottom: 0px;
border: 1px solid #7E8B5A;
height: auto;
}

#kirjatetusivu {
background-color: #eeeed8;
margin-top:10px;
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
border: 1px solid #7E8B5A;
height: 440px;
width: 131px;
float: right;
}

#kirjat2 {
background-color: #eeeed8;
margin: 20px;

border: 1px solid #7E8B5A;
height: 170px;
width: 267px;
}

a:link { 
font-size : 10pt;
text-decoration : none;
color : #000;
} 
a:hover, a:focus { 
font-size : 10pt;
text-decoration : none;
color : #000;
} 
a:active { 
font-size : 10pt;
text-decoration : none;
color : #637e8b;
} 
a:visited { 
font-size : 10pt;
text-decoration : none;
color : #000;
} 
#footer { 
background : #cdcdba;
width : 645px;
}


a.ul
{
float:left;
width:284px;
text-decoration:none;
color:black;
font-family : arial;
font-size : 10pt;
background-color:#ffffed;
padding:0.2em;
border-top: 1px solid #7e8b5a;
border-right: 1px solid #7e8b5a;
border-left: 1px solid #7e8b5a;

}
a.ul:hover {
background-color:#cdcdba;

}
li {display:inline}

a.kuvat
{

background-color: #EEEED8;
font-size : 10pt;
color : #333;
margin-left : 20px;
}

a.etusivu
{
font-size : 8pt;
color : #333;
font-family : arial;
font-variant : small-caps;
letter-spacing : 0.5ex;
margin-left: 10px;

margin-top: 10px;

}