body {
	font-family: helvetica, arial;
	background-color: #edc;//f4cb40;////#dee0f0;
        padding:0;
        margin:0;
}

div.content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;	
}

div.infobox {
	margin: 30px;
	padding: 0px 30px 0px 30px;
	border: 1px dotted navy;
	background: #FFF;
}

div.method-description {
	margin: 30px;
	padding: 0px 30px 0px 30px;
	border: 1px dotted navy;
	background: #FFF;
}

div.important-note {
	margin: 30px;
	padding: 10px 30px 10px 30px;
	border: 1px solid #800000;
        border-left:none;
        border-right:none;
	background: #FFD;
}

div.code-templates, div.intro {
	margin: 30px;
	padding: 0px 30px 0px 30px;
	border: 1px dotted navy;
	background: #fea;
}

div.tavoitteet {
	margin: 30px;
	padding: 0px 30px 0px 30px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
	border: 2px solid #808000;
	background: #FF9;
}

div.sidebar {
	float: right;
	width: 300px;
	margin : 30px;
	font-size-adjust : 0.4;
	padding: 15px;
	border: 1px dotted navy;
	background: #FFF;
	margin: 30px;
}

div.code {
	border: 1px dotted navy;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 10px;
	font-size: small;
	font-family: Lucida console, sans-serif, courier;
	color: #00d;
}

PRE.code {
	border: 1px dotted navy;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 10px;
	font-size: small;
	font-family: Lucida console, sans-serif, courier;
	color: #00d;
	background: #fff;
}

span.code {
        font-weight: 500;
        font-size:small;
        color: #090; 
        font-family: Lucida console, sans-serif, courier;
}

h1,h2 {
	margin: 20px;
	text-decoration: underline;
}

h1 {padding:1em;
    background:#800000;
    color:white;
    margin-left:0;
    margin-right:0;}


H2 {
	amargin-top: 40px;
}

p {
	amargin-left: 50px;
}

table {
	margin: 30px;
}

TD {
	padding: 10px;
}