body {
	background-color: #ebdecc;
	margin: 0;
	font: 12px Verdana, Arial;
	color: #000000;
}

#header {
	width: 100%;
	background-image: url(/web/sytyke.nsf/bg_topframe.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	height: 68px;
	margin: 0;
	padding: 0;
}

#header div {
	width: 928px;
	height: 68px;
	margin: 0 auto;
}

#header div.pic_header {
	width: 928px;
	height: 68px;
	margin: 0;
	padding: 0;
	background-image: url(/web/sytyke.nsf/topframe.jpg);
}

h6 {
	margin: 0;
	padding: 0;
}

h6.piramk a {
	display:block;
	width:250px;
	height:68px;
	float: left;
}

h6.piramk span {
	display:none; 
	margin: 0; 
	padding: 0;
}

h6.sytyke a {
	display:block;
	width:300px;
	height:68px;
	float: right;
}

h6.sytyke span {
	display:none; 
	margin: 0; 
	padding: 0;
}

#menu {
	width: 100%;
	background-image: url(/web/sytyke.nsf/bg_menu.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height: 29px;
	margin: 0;
	padding: 0;
}

#menu div.links {
	width: 860px;
	padding: 5px;
	margin: 0 auto;
}

#menu div ul.level1 {
  	background: transparent;
  	font-size: 11px;
  	font-weight: bold;
  	margin: 0;
  	padding: 4px 0px 0px 0px;
}

#menu div ul.level1 li {
  	display: inline;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: bold;
}

#menu div ul.level1 li.active {
  	display: inline;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	text-transform: uppercase;
  	font-weight: bold;
  	background-color: #ffffff;
}

#menu div ul.level1 li a {
  	margin: 0;
  	padding: 0px 7px 0px 7px;
  	text-decoration: none;
  	text-transform: uppercase;
  	color: #ffffff;
  	font-weight: bold;
  	font-size: 11px;
}

#menu div ul.level1 li a:link {
  	color: #0050b9;
  	text-transform: uppercase;
  	color: #ffffff;
  	font-weight: bold;
}

#menu div ul.level1 li a:visited {
  	color: #0050b9;
  	text-transform: uppercase;
  	color: #ffffff;
  	font-weight: bold;
}

#menu div ul.level1 li a:hover {
  	color: #0050b9;
  	text-transform: uppercase;
  	color: #ffffff;
  	font-weight: bold;
}

#menu div ul.level1 li.active a {
  	margin: 0;
  	padding: 0px 27px;
  	text-decoration: none;
  	text-transform: uppercase;
  	color: #4e6ba1;
  	font-weight: bold;
}

#menu div ul.level1 li.active a:link {
  	text-transform: uppercase;
  	color: #4e6ba1;
  	font-weight: bold;
}

#menu div ul.level1 li.active a:visited {
  	text-transform: uppercase;
  	color: #4e6ba1;
  	font-weight: bold;
}

#menu div ul.level1 li.active a:hover {
  	text-transform: uppercase;
  	color: #4e6ba1;
  	font-weight: bold;
}

#subject {
	width: 860px;
	height: 74px;
	background-image: url(/web/sytyke.nsf/bg_subject.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0 auto;
}

#subject div.kaari {
	width: 400px;
	height: 39px;
	margin: 0;
	padding: 0;
	background-image: url(/web/sytyke.nsf/kaari_subject.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#subject div.mainsubject {
	width: 450px;
	height: 32px;
	margin: 0px 5px;
	padding: 0;
	background-image: url(/web/sytyke.nsf/pic_subject.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}

#subject div.subject {
	width: 430px;
	height: 32px;
	margin: 0px 15px;
	padding: 0;
}

#content {
	width: 860px;
	min-height: 333px;
	background-image: url(/web/sytyke.nsf/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	overflow: auto;
	margin: 0 auto;
}

#content div.contents {
	width: 420px;
	float: left;
	margin: 5px 0px 5px 15px;
}

#content div div.subsubject {
	width: 420px;
	margin: 5px 0px 5px 0px;
	background-image: url(/web/sytyke.nsf/subject_hyvinvointia.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 18px;
	float: left;
}

#content div div.maincontent {
	width: 400px;
	float: left;
	margin: 20px 0px 5px 15px;
	clear: both;
}

#content div.pic_etusivu {
	width: 376px;
	float: right;
	margin: 10px 15px 0px 0px;
	text-align: right;
}

#content div.pic {
	width: 320px;
	float: right;
	margin: 10px 30px 0px 0px;
	text-align: right;
}

#footer {
	width: 860px;
	height: 73px;
	background-image: url(/web/sytyke.nsf/bg_bottomframe.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

ul { 
	margin-top: 0;
}

li {
	margin: 0px 0px 3px 0px;
}

a:link {
	font-size: 12px;
	color: #498249;
	text-decoration: none;
}

a:visited {
	font-size: 12px;
	color: #498249;
	text-decoration: none;
}

a:active {
	font-size: 12px;
	color: #498249;
	text-decoration: none;
}

a:hover {
	font-size: 12px;
	color: #498249;
	text-decoration: underline;
}