html,body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #F9F9F9;
}

div#header {
	height: 122px;
	margin: 0;
	color: #8B1229;
	background: #8B1229;
	border-top: 1px solid #000;
}

div#menu {
	padding-left: 35px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	background: #E8E8EB;
	color: #8B1229;
	border-top: 1px solid black;
	text-align: left;
	word-spacing: 15px;
}

div#menu a:link {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: bold;
}

div#menu a:visited {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: bold;
}

div#menu a:active {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: bold;
}

div#menu a:hover {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}

div#menu a.selected {
	color: #8B1229;
	text-decoration: underline;
}

div#submenu {
	padding-left: 35px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	color: #8B1229;
	border-top: 1px solid black;
	text-align: left;
	word-spacing: 15px;
}

div#submenu a:link {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

div#submenu a:visited {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

div#submenu a:active {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}

div#submenu a:hover {
	color: #8B1229;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.2px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	text-decoration: underline;
}

div#submenu a.selected {
	color: #8B1229;
	text-decoration: underline;
}
	
div#container {
	text-align: left;
	background: #FFFFFF;
	width: 700px;
	margin: 0 auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div#content h1 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #8B1229;
}

div#content h2 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #8B1229;
}

div#content h3 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #8B1229;
}

div#content h4 {
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
}

div#content p, div {
	line-height: 1.4;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

div#content li {
	line-height: 1.2;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 2.5em;
}

ul {
	margin-left: 0; 
	padding-left: 1em;
}

div#content td {
	line-height: 1.2;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

div#content .ilmotaulu {
	line-height: 1.2;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

input, textarea, select {
	border: 1px #999999 solid;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
}

input:hover, textarea:hover, select:hover {
	border: 1px #8B1229 solid;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	background: #F8F8F9;
}


button {
	border: 1px #8B1229 solid;
	font-family: Arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background: #E3E3E6;
}

div#content a:link, a:active, a:visited {
	color: #8B1229;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 1;
}

div#content a:hover {
	color: black;
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-weight: normal;
	line-height: 1,0;
}

div#sidebar {
	float: left;
	width: 205px;
	padding-left: 10px;
	padding-top: 40px;
	padding-bottom: 20px;
}

div#content {
	float: right;
	width: 405px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 50px;
}

div#footer {
	height: 37px;
	clear: both;
	width: 700;
	background: #8B1229;
	color: #FFF;
	text-align: right;
}

div#kumppanit {
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
	word-spacing: 40px;
	line-height: 40px;
}

/* kaksipalstainen taulukko diveillä */
.taulukko {width:100%;}
.tr {width:100%;}
.tr div {padding:2px;}
.td { float:left; width:100%;}
.tdleft { float:left; width:49%;}
.tdright { margin-left:50%;}
.tdleft3 {float: left; width: 33%; padding: 5px;}
.tdmiddle3 {margin: 0; padding: 5px 34% 5px 34%;}
.tdright3 {float: right; width: 33%; padding: 5px;}
.th {font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc; margin-top:5px;}
.thleft { float:left; width:49%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thright { margin-left:50%; font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc;}
.thleft3 {float: left; width: 33%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc; }
.thmiddle3 {margin: 0; padding: 0px 34% 0px 34%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc; }
.thright3 {float: right; width: 33%;font-weight:bold; color:#015777; background:#f0f0f0; border:solid 1px #cccccc; }
.throw { background:#f0f0f0;}
/* sama, mutta vasen palsta 120px leveä */
.taulukko2 .tdleft, .taulukko2 .thleft {width:120px;}
.taulukko2 .tdright, .taulukko2 .thright {margin-left:125px;}
/* sama, mutta vasen palsta 90px leveä */
.taulukko3 .tdleft, .taulukko3 .thleft {width:90px;}
.taulukko3 .tdright, .taulukko3 .thright {margin-left:95px;}

/* sisällysvalikko (katso myös .naviitem) */
.sisluettelo {margin-top:5px; padding:0 5px 5px 5px;  border:solid 1px #8B1229; background:#ffffff;}
.sisluettelo span {color:#8B1229; position:relative; top:-9px; left:5px; width:50px; background:#ffffff;}
.sisluettelo ul {margin:0px; padding-top:0px;}
.sisluettelo ul ul {margin-left:8px; list-style:disc;}
.sisluettelo ul ul ul {margin-left:8px; list-style:circle;}
#aktiivisivulinkki {background:#ffffff; color:#000000; text-decoration:none;}