body {
	margin: 10px 0px 10px 0px;
	font:10.5pt/1.5 verdana, sans-serif;
	text-align: center;
	background-color: #5F1D2B;
	background-image: url(../kuvat/snowflakes.jpg) no-repeat;
	width: 100%;
	}
body a, body a:visited, body a:active{
	color: #003200;
}
#frame {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	background-color: #FFFFFF;
}
#header {
	margin:0;
	padding:0;
	float: left;
	background-color: #FFFFFF;
	width: 760px;
	display: inline;
	}
#header-top {
	margin-right: 5px;
	padding:0;
	float: left;
	display: inline;
}
#header-adlinks {
	float: left;
	width: 750px;
	height: 20px;
	padding: 6px 5px 4px 5px;
	margin-right: -3px;
	text-align: left;
	display: inline;
	font-size:75%;
	background-color: #8F0808;
	color: #EFEFEF;
}
#header-adlinks a, #header-adlinks a:visited, #header-adlinks a:active{
	color: #EFEFEF;
}
#main1 {
	margin:0; padding:0;
	width: 760px;
	text-align: left;
	background:#FFFFFF top left repeat-y;
	}
#main2 {
	margin:0; padding:0;
	width: 760px;
	text-align: left;
	}
#left {
	float:left;
	width:157px;
	margin:0px 0px 0px 10px;
	font-size: 80%;
	padding-top: 10px;
	display: inline;
	}
#right {
	float:right;
	width:160px;
	padding-top: 15px;
	margin-right: 10px;
	text-align: right;
	display: inline;
	}
#middle {
	float:right;
	width:402px;
	background:#FFFFFF;
	font-size:80%;
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
	}
#footer {
	width: 760px;
	text-align: center;
	background-color: #003200;
	margin-top: 10px;
	font-size: 12px;
	color: #8ABC32;
}
#footer a, #footer a:visited, #footer a:active{
	color: #8ABC32;
}
.column-in {
	margin:0; padding:0.5em 1em;
	}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
	}
h1 {
	font-size: 20px;
	padding-top: 14px;
	color: #8ABC32;
}
h2 {
	font-size: 16px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #8ABC32;
}
h3 {
	font-size: 14px;
	padding-bottom: 3px;
}
h1, h2, h3, h4 { margin: 0;}
p {margin-top: 10px; margin-bottom: 15px; text-align: justify;}
#middle li {list-style-type: circle;}
#middle ul {margin-top: 5px; margin-bottom: 5px;}
#left ul {margin-top: 5px; margin-bottom: 5px; padding: 0;}
.copy { text-align:center; font-size:80% }
.nounderline a {text-decoration: none;}
.normallist {margin-left: 10px; padding: 0px;}
.normallist li {list-style-type: none; color:#47a; margin:0; padding: 0; font-size: 10px; color: #003200;}
.normallist li a {list-style-type: none; color:#47a; margin:0; padding: 0; font-size: 10px; color: #003200; text-decoration: none;}
.normallist li a:hover {color: #003200; text-decoration: underline;}

.normallist2 {display: block; margin-left: 0px; padding: 0px 5px 0px 5px; border: 1px solid #C3D9FF; }
.normallist2 li {list-style-type: none; color:#47a; background-color: #E8EEF7; display: block; width: 380px; height: 30px; padding: 5px 5px 5px 5px; margin: 5px 0px 5px 0px;}
.normallist2 li a {list-style-type: none; color:#47a; text-decoration: underline;}
.normallist2 li a:hover {color: #003200; text-decoration: underline;}

.teksti {margin: 10px 0px 10px 0px; width: 402px;}
.teksti a {text-decoration: underline;}
.teksti p { padding: 0 0px 10px 0px; margin:0;}
.teksti img {margin-bottom: 2px;}
.teksti p img {float:right; margin: 3px 0 0 6px;}

.indexbox {margin: 10px 10px 10px 10px; width: 370px;}
.indexbox h2 a {color: #8ABC32; margin-bottom: 0px; text-decoration: none;}
.indexbox a {text-decoration: underline;} 
.indexbox p { padding:0 0px 10px 0px; margin:0; }
.indexbox img {margin-bottom: 5px;}
.indexbox p img { margin:3px 5px 0 0; }
.indexbox p img { float:left; margin:6px 6px 0 0;}

.leftnav-images {margin-top: 5px; display: block; width: 150px; color: #000000; text-align: left; font-weight: bold;}
.leftnav-images a, .leftnav-images a:visited{padding: 3px 0px 3px 5px; background-color: #CCCCCC; text-decoration: none; color: #000000; letter-spacing: 1px; font-size: 80%; display:block; border: 1px solid #003200; width: 150px;}
.leftnav-images a:hover {background-color: #B5CFCD;}

#menucontainer {float: left; font: sans-serif; font-size: 9px; text-align: center; margin-top: 55px; padding:0; display: inline;}
.menu {clear:both; margin-bottom:0; float:left; color: #FFFFFF; display: inline;}
.menu dd {margin:0; padding:0;}
.a {background:url(http://www.joulu.info/kuvat/tab.gif); float:left; padding:2px 0 2px 0; width: 84px; margin-left:1px; display: inline;}
.b {background:url(http://www.joulu.info/kuvat/tab.gif); background-position:0 150px; float:left; padding:2px 0 2px 0; width: 84px; margin-left:1px; display: inline;}
.menu a, .menu a:visited {color: #FFFFFF; text-decoration:none; cursor:pointer;}
.menu a:hover {color:#FFFFFF; background:#FFFFFF;}
.menu a:hover span {background-position:0 150px;}


.largerectangle {
    background-image: url(http://dev.joulu.info/kuvat/alareuna.gif);
	background-repeat: no-repeat;
	background-position: 0px 210px;
	padding: 0px 0px 40px 0px;
	margin: 0px 0px 0px 0px;
	width: 402px;
}
.largerectangle p{
	margin: 0px 0px 0px 28px;
	padding: 0px 0px 0px 5px;
}
.center {
	text-align: center;
}