body{
background-color: #486895;
font-family:arial, sans-serif;
margin:0;
}
a:focus { 
outline: none; 
}
h1,h2,h3,h4{
color:#493732;
font-variant: small-caps;
}
h2{
text-decoration:underline;
}
#menu{
width:168px;
height:480px;
position:absolute;
top:115px;
left:17px;
z-index:1000;
}
#menu_top{
width:168px;
height:22px;
background-image:url(images/navitop.jpg);
background-repeat:no-repeat;
}
#menu_middle{
width:168px;
height:320px;
background-image:url(images/navimiddle.jpg);
background-repeat:repeat-y;
}
#menu a{
display:block;
height:16px;
width:122px;
margin-left:16px;
padding:4px;
color:#493732;
font-size:12px;
text-decoration:none;
}
#menu p{
margin-top:30px;
color:#493732;
font-size:10px;
text-align:center;
}
#menu a.antzu, a.antzu{
color:black;
font-size:10px;
padding-top:20px;
margin-left:40px;
text-decoration:none;
}
#menu a.antzu:hover, a.antzu:hover{
color:black;
background-color:transparent;
text-decoration:underline;
}
#menu a:hover, #menu a.selected{
color:white;
background-color:#493732;
}
#menu_bottom{
width:168px;
height:31px;
background-image:url(images/navibottom.jpg);
background-repeat:no-repeat;
}
#decokuva{
width:225px;
height:300px;
position:absolute;
top:115px;
left:770px;
background-repeat:no-repeat;
text-align:center;
}
#main{
position:absolute;
top:50px;
left:130px;
}
#main_top{
width:640px;
height:110px;
background-image:url(images/top.jpg);
background-repeat:no-repeat;
}
#main_middle{
width:640px;
min-height:500px;
height:auto !important;
height:500px;
background-image:url(images/middle.jpg);
background-repeat:repeat-y;
}
#main_bottom{
width:640px;
height:40px;
background-image:url(images/bottom.jpg);
background-repeat:no-repeat;
}
#content{
width:500px;
margin-left:83px;
padding-top:30px;
padding-bottom:30px;
}
dt{
margin-top:5px;
}
dt a, dd a, a.toplink, a.c_link, a.b_link{
color:#493732;
text-decoration:underline;
}
dt a, dd a, a.toplink, a.c_link{
font-size:80%;
}
dt a:hover, dd a:hover, a.toplink:hover, a.c_link:hover, a.b_link:hover{
color:white;
background-color:#493732;
text-decoration:none;
}
table.kalenteri, table.palkinto{
text-align: left;
margin-left: auto;
margin-right: auto;
border: 2px solid #493732;
}
table.kalenteri td{
border: 1px solid #493732;
padding:5px;
}
table.palkinto{
width:100%;
font-size:80%;
text-align:center;
}
table.palkinto td{
border: 1px solid #493732;
padding:2px;
}
table.palkinto td.b{
font-weight:bold;
}
table.kalenteri td.vkpv{
vertical-align:top;
}
table.kalenteri td.otsikko{
border-bottom: none;
color:#493732;
font-weight:bold;
padding-bottom:0px;
}
table.kalenteri td.selostus, table.kalenteri td.aika{
border-bottom: none;
border-top: none;
}
table.kalenteri td.yhteys{
border-top: none;
color:#493732;
}
table.kalenteri td.aika, table.kalenteri td.yhteys{
font-style:italic;
padding-top:0px;
}
span.otsikko{
font-weight:bold;
font-variant:small-caps;
color:#493732;
font-size:1.2em;
}
input, textarea, select{
width:100%;
}
input.nappi{
width:120px;
}
input.nappi2{
width:1em;
}
input.pvm{
width:2em;
}
input.pvm2{
width:4em;
}
input.postinro{
width:5em;
}
p.virhe{
color:red;
}