html {
height: 100%;
}

body {
margin: 0px;
background-color: rgb(50,110,50);
background-image: url(joulumae/back.gif);
background-position: left top;
background-repeat: repeat-x;
}


h5 {
font-family: Arial, Tahoma, sans-serif;
font-size: 18px;
font-weight: bold;
color: rgb(50,110,50);
margin-top: 0px;
padding-top: 0px;
}


#history {
text-align: right;
padding-right: 20px;
height: 20px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
color: #bdf254;
}
#history a, #langs a {
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
color: #FFF;
text-decoration:none;
}
#history a:hover, #langs a:hover {
text-decoration: underline;
}


#left1 {
border-top: 5px solid rgb(47,151,47);
height: 100%;
width: 190px;
background-image: url(joulumae/left1.gif);
background-repeat: no-repeat;
background-position: left top;
}
#left2 {
width: 190px;
padding-top: 20px;
background-image: url(joulumae/left2.gif);
background-repeat: repeat-y;
background-position: left top;
background-color: #FFFFCC;
padding-bottom: 100px;
}
#left2 ul li {
list-style-type: none;
text-align: left;
}
#left2 ul li a {
margin-left: -40px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: rgb(50,110,50);
border-bottom: 5px solid #FFFFCC;
height: 15px;
display: block;
text-decoration: none;
padding: 10px 5px 5px 10px;
background-image: url(joulumae/menu.png);
background-repeat: no-repeat;
background-position: left top;
}
#left2 ul ul li a {
margin-left: -80px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: rgb(50,110,50);
border-bottom: 5px solid #FFFFCC;
height: 15px;
display: block;
text-decoration: none;
text-align: left;
padding: 5px 5px 0px 40px;
background-image: none;
}
#left2 ul li a:hover {
color: #ffffff;
}
#left2 ul ul li a:hover {
color: rgb(50,110,50);
background-color: #ffffff;
}
#left3 {
width: 190px;
height: 100%;
background-image: url(joulumae/left3.gif);
background-repeat: no-repeat;
background-position: left bottom;
border-bottom: 5px solid rgb(47,151,47);
}



#right1 {
border-top: 5px solid rgb(47,151,47);
height: 100%;
width: 130px;
background-image: url(joulumae/right1.gif);
background-repeat: no-repeat;
background-position: right top;
}
#right2 {
width: 130px;
padding-top: 20px;
background-image: url(joulumae/right2.gif);
background-repeat: repeat-y;
background-position: right top;
background-color: #FFFFCC;
padding-bottom: 100px;
}
#right2 ul li {
list-style-type: none;
text-align: right;
}
#right2 ul li a {
margin-left: -40px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: rgb(50,110,50);
border-bottom: 5px solid #FFFFCC;
height: 15px;
display: block;
text-decoration: none;
padding: 10px 5px 5px 10px;
background-image: url(joulumae/menu2.png);
background-repeat: no-repeat;
background-position: right top;
}
#right2 ul ul li a {
margin-left: -20px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: rgb(50,110,50);
border-bottom: 5px solid #FFFFCC;
height: 15px;
display: block;
text-decoration: none;
text-align: right;
padding: 5px 5px 0px 5px;
background-image: none;
}
#right2 ul li a:hover {
color:#FFF;
}
#right2 ul ul li a:hover {
color: rgb(50,110,50);
background-color:#FFF;
}
#right3 {
width: 130px;
height: 100%;
background-image: url(joulumae/right3.gif);
background-repeat: no-repeat;
background-position: right bottom;
border-bottom: 5px solid rgb(47,151,47);
}



#ilm {
height: 50px;
padding: 0px;
font: 10px Trebuchet ms, Tahoma, Arial, sans-serif;
color: #333;
}
#ilm td {
margin-top: 0px;
}


#content {
width: 540px;
height: 100%;
background-color: #FFF;
margin: 0px 15px 20px 15px;
padding: 0px 15px 20px 15px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
color: rgb(50,110,50);
line-height: 18px;
border-top: 5px solid rgb(47,151,47);
border-left: 5px solid rgb(47,151,47);
border-right: 5px solid rgb(47,151,47);
border-bottom: 5px solid rgb(47,151,47);
overflow: visible;
}
#content td {
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
color: rgb(50,110,50);
line-height: 18px;
}
#content img {
border: 0px solid #CCC;
}
#content a {
color: #4A4CEF;
text-decoration: underline;
font-weight: normal;
}
#content h5 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
}
#content a:hover {
color: #FF6600;
text-decoration: underline;
}


#hd1 {
width: 900px;
height: 55px;
background-image: url(joulumae/header_01.gif);
padding-left: 300px;
font-family: Trebuchet ms, Arial, Tahoma, sans-serif;
font-size: 12px;
color: rgb(150,210,150);
}