/* dokumentin perusmääritykset */

body { 

margin: 10px 0px;

color: #333; 

background: white url('images/papyrus.jpg');


}

table {

border-collapse: collapse;

}

td, div, textarea  { 

font-family: Papyrus, Georgia, Tahoma, sans-serif; 

color: #960; 

vertical-align: top; 

border: none; 

padding: 0px; 

margin: 0px; 

}

textarea { 
border: 1px solid #960;
}

img {

border: none;

}

input {

vertical-align: middle; height: 20px; color: #996633;

}

input[type='submit'] , input.submit {
background-color: #ffcfcc; 
}

/* ELEMENTTIMÄÄRITYKSET */

#document {
width: 900px;
padding: 60px 0px 4px;
background: white url('images/kehys_vas.gif') 0px 0px repeat-y;
}
#document_header {
background: white url('images/test_header.jpg') 720px 65px no-repeat;
}

#document_content {
width: 880px; 
margin: 30px 0px;
}

#navigation{
margin: 0px;
padding: 0px 0px 0px 80px;
border-collapse: collapse; 
}

#slideshow {
margin-left: 90px; 
text-align: center; 
width: 166; 
border: 1px solid #867331; 
padding: 2px; 
background-color: white;
}


#content{
text-align: center;
width: 495px;
padding: 40px 20px 0px;
}

.table {
border: 1px solid : #999; font-size: smaller; 
}

#footer{

width: 495px; font-size: 11pt; color: #300; border-top: 1px solid #630; padding: 4px 0px; text-align: right; white-space: nowrap; 

}

#right_frame {
background: white url('images/kehys_oik.gif') 0px 0px repeat-y;
}

/* fontit */ 

h1, h2, h3, h4, h5, p, ol, li, input, textarea, select, caption, div, a { 

color: #960; 

} 

p, ol, li, textarea, select, caption, div {

font-size: 90%; 

}



h1, h3, li { 

font-family: Vivaldi, Pristina, "Informal Roman", Georgia, Helvetica, sans-serif; 
color: #630;

}

h1 {
color: #D2BC5D;
font-size: 18pt; 

}

h3 { 

font-size: 16pt; margin: 0px; padding: 8px 0 0 0; 


}

li {

font-size: 14pt; list-style-type: none; 

}

a { margin: 0px; text-decoration: none; 

}

a:hover { text-decoration: underline;

}

/* LUOKAT */


img.gallery { 

border: 1px solid silver; 

text-align: center; 

}

img.header {

border-top: 4px solid white;

border-bottom: 2px solid white;

}

#navbar {
margin: 0px; padding: 0px 0px 0px 30px;  
}

#navbar li {

text-align: right; 

list-style-type: none; 

display: inline;

margin: 0 7px;

padding: 0 0px 0;

border: none; 

}

#navbar li a {

color: #630;

font-weight: bold; 

font-size: 16pt;

margin: 0;

padding: 0px 0px;

 text-decoration: none; 

}

#navbar li a:hover, #navbar li a:active {

color : #ca3; text-decoration: none; 

}

#navbar li a#current {

color : #ca3;

}