@media screen {
	body {
		background-image: url(pic/bg.jpg);
		background-repeat: repeat-x;
		background-color: #ffffff;
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		padding: 0;
		margin: 0;
		background-position: 6px 0px;
	}
	div.main_container {
		width: 985px;
		position: relative;
		overflow: auto;
		text-align: left;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	fieldset {
		border: 1px solid #9b050a;
		margin-top: 2px;
		margin-bottom: 4px;
		padding: 4px;
		width: 92%;
		background-color: white;
	}
	
	legend {
		color: #fff;
		background: #9b050a;
		border: 1px solid #9b050a;
		padding: 2px 6px;
		font-weight: bold;
		background-image: url("pic/legend.jpg");
		background-repeat: no-repeat;
		background-color: #9c3232;
	}
	form input, select, textarea {
	/*	color: #2a2a62;
		background-color: #e9e9f9;*/
	/*	color: black;
		background: #efefef;
		border: 1px inset #6a6a6a;
		margin: 1px;*/
	}
	
	form input.button {
		font-weight: normal;
		color: #000;
		background: #d4d0c8;
		border: 2px outset;
		margin: 2px;
		padding: 1px;
		padding-left: 6px;
		padding-right: 6px;
		font-size: 9pt;
	}
	a img {
		border: 0;
	}

/* Top menu */
	div.mainmenu {
		margin: 0;
		padding: 0;
		background-color: #0090FF;
		font-size: 9pt;
		position: relative;
		overflow: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		font-weight: normal;
	}

	div.mainmenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
	}

	div.mainmenu a {
		text-decoration: none;
		color: white;
	}
	div.mainmenu li.selected a {
		text-decoration: none;
		color: #f18a01;
	}
	div.mainmenu div.menu
	{
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	div.mainmenu ul li {
		padding: 0;
		margin: 0;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
		border-right: 1px solid white;
		float: left;
		font-weight: bold;
		color: white;
	}
	
	div.text_content
	{
		padding: 10px;
	}
	div.top_table div.selection 
	{
		position: absolute;
		right: 0;
	}
	div.subselection 
	{
		float: right;
		text-align: right;
		color: white;
		font-weight: bold;
		margin: 10px;
		position: absolute;
		right: 0;
		width: 100%;
		margin-top: 20px;
	}
	div.top_table div.login 
	{
		float: right;
		position: absolute;
		right: 10px;
		top: 0;
		color: #f18a01;
	}
	div.login a, div.login a:hover {
		color: #f18a01;
		text-decoration: none;
	}
	div.top_table div.language 
	{
		text-align: left;
		position: absolute;
		left: 0;
		top: 0;
		margin: 10px;
	}
	div.top_table 
	{
		width: 100%;
	}
	
	div.header {
		width: 100%;
		height: 90px;
		line-height: 90px;
	}

	div.top_table div.search
	{
		position: absolute;
		top: 50px;
		right: 0px;
	}
	
	
	div.header img {
		float: left;
		margin: 20px;
		margin-right: 20px;
	}

	div.header p.page_title {
		margin: 0;
		margin-left: 40px;
		font-weight: bold;
		vertical-align: middle;
		font-size: 28pt;
		color: white;
	}

	div.header p.page_title a{
		color: white;
		text-decoration: none;
	}		  
	
	p.updated {
		font-size: 9pt;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
	}

	div.main_content {
		margin: 0;
		margin-right: 262px;
		min-height: 200px;
		height: auto !important;
		height: 200px;
		position: relative;
	}
	div.content
	{	
		margin: 0;
		margin-top: 10px;
		margin-left: 0px;	
		background-color: white;
		overflow: auto;
	}
	
	b.btop, b.btop b, b.bbottom, b.bbottom b{
	    display: block;height: 10px;font-size: 1px;
	    background-image:url(pic/rc.png);
	    background-repeat: no-repeat;
    }
	b.btop b{background-position: 100% -10px}
	b.bbottom{background-position: 0 -20px}
	b.bbottom b{background-position: 100% -30px}
	
	b.btop2, b.btop2 b, b.bbottom2, b.bbottom2 b{
    display: block;height: 7px;font-size: 1px;
    background-image:url(pic/rc2.png);
    background-repeat: no-repeat}
b.btop2 b{background-position: 100% -7px}
b.bbottom2{background-position: 0 -14px}
b.bbottom2 b{background-position: 100% -21px} 

	div.main_table {
		margin: 0;
		background: #9C9C9C;
		padding: 10px;
	}


	div.text_content a {
		color: #333333;
	}
	div#bannershow
	{
		height: 259px;
		width: 702px;
		overflow: hidden;
		padding:0; margin:0; 
	}
	div#bannershow img { 
		height: 259px;
		width: 702px;
		padding: 0px; 
		border: 0; 
		top:0; 
		left:0 
	}	
	
	div.attachment {
		border: 1px dotted gray;
		padding: 20px;
		background-image: url("pic/attachment.gif");
		background-repeat: no-repeat;
		background-position: 3px 3px;
		margin: 10px;

	}

	img#leftlogo
	{
		margin-left: 10px;
	}
	
	div.title {
		position: relative;
		padding: 10px;
		font-weight: bold;
		font-size: 13pt;
	}
	div.main_container div.title div.navigation_path {
		visibility: hidden;
		display: none;
	}

	div.main_container div.title div.navigation_path a {
		text-decoration: none;
	}
	td {
		vertical-align: top;
		text-align: left;
		font-size: 9pt;
		font-family: Verdana;
	}

	div.left_table {
		width: 252px;
		height: 300px;
		float: right;
		background-color: white;
	}
	
	img#paikkakunnat1,
	img#paikkakunnat2,
	img#paikkakunnat3
	{
		margin: 0;
		margin-top: 42px;
	}
	
	.leftmargin
	{
		margin-left: 200px;
	}
	div.left_table_long div#sub_modules
	{	
		overflow: auto;
	}
	div.left_table div#sub_modules {
		height: 145px;
	}
	div.left_table_long
	{
		width: 252px;
		float: right;
		background-color: white;
		position: relative;
	}

	div.left_table img,
	div.left_table_long img
	{
		margin-left: 10px;
	}
	div.sub_module 
	{
		padding: 10px;
		margin: 0px;
	}
	div.sub_module h1,
	div.sub_module h2 {
		font-size: 12pt;
		font-weight: bold;
		background-image: url(pic/left_title.jpg);
		background-repeat: no-repeat;
		color: white;
		line-height: 27px;
		margin: 0;
		padding-left: 10px;
	}
	div.sub_module ul 
	{
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
	}
	
	div.sub_module ul ul
	{
		list-style-type: none;
		margin-left: 0;
		padding-left: 10px;
	}
	
	div.left_table a {
		text-decoration: none;
	}
	div.main_container div.main_table div.print {
		visibility: hidden;
		display: none;
	}
	div.navigation {
		padding: 0;
		margin-right: 10px;
		float: left;
		width: 190px;
	}

	div.navigation ul {
		list-style: none;
		padding: 0;
		margin: 10px;
		margin-left: 20px;
		text-align: left;
		width: 9em;
		font-weight: bold;
		font-size: 9pt;
		padding: 1em;
		margin: 0;
	}
	div.navigation ul li{
		margin-bottom: 2px;
	}

	div.navigation ul ul {
		padding:0;
		list-style: none;
		padding-left: 1em;
		margin: 0;
		font-weight: normal;
		font-size: 9pt;
		text-align: left;
	}

	div.navigation a {
		text-decoration: none;
		color: black;
	}
	div.navigation a:hover {
		color: #666666;
	}
	
	div.navigation li.selected a,
	div.navigation ul ul li.selected a,
	div.navigation ul ul ul li.selected a,
	div.navigation ul ul ul ul li.selected a  {
		text-decoration: none;
		color: #f18a01;
	}
	
	div.navigation li.selected ul a, 
	div.navigation li.selected ul ul a, 
	div.navigation li.selected ul ul ul a {
		text-decoration: none;
		color: black;
	}
	.clear {
		clear: both;
		height: 0;
		width: 0;
		margin: 0;
		padding: 0;
	}

	div.footer {
		color: black;
		font-weight: bold;
		font-size: 9pt;
		padding: 2px;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		clear: both;
		margin-top: 10px;
		text-align: right;
	}
	
	div.footer a {
		color: white;
		text-decoration: none;
	}

	div.footer p {
		margin: 0;
	}


	div.footer a {
		color: white;
		text-decoration: none;
	}

	.table p {
		width: 45%;
	}

	.table input {
		position: absolute;
		left: 50%;
	}


	div.help {
	}

	div.help a  {
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: black;
		text-decoration: none;
		background: #eeee00;
	}

	div.help a:hover {
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: #eeee00;
		text-decoration: none;
		background: black;
	}
	table.stat_table {
		margin: 10px auto;
		border-collapse: collapse;
	}
	table.stat_table tr {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid black;
	}

	table.stat_table td {
		text-align: right;
		padding: 4px;	
	}
/* Link to RSS Feed	*/
	p.rss_feed {
		display: none;
		visibility: hidden;
	}
	
	a {
		color: #9b050a;
	}
	
	a:hover {
		color: #df070e;
	}

	h1 {
		font-weight: bold;
		font-size: 15pt;
	}
	h2 {
		font-weight: bold;
		font-size: 14pt;
	}
	h3 {
		font-weight: bold;
		font-size: 13pt;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
	}
	h5 {
		font-weight: normal;
		font-size: 12pt;
	}
	h6 {
		font-weight: bold;
		font-size: 11pt;
	}

	@import url(xinha.css);
}

@media print {
	body {
		font-family: Verdana, sans-serif;
		font-size: 9pt;
		padding: 0;
		margin: 0;
	}
	div.main_container {
		width: 100%;
		background: #ffffff;
		position: relative;
		overflow: visible;
		text-align: left;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	fieldset {
		border: 1px solid #9b050a;
		margin-top: 4px;
		margin-bottom: 4px;
		padding: 6px;
		width: 98%;
		background-color: white;
	}
	
	legend {
		color: #fff;
		background: #9b050a;
		border: 1px solid #9b050a;
		padding: 2px 6px;
		font-weight: bold;
		background-image: url("pic/legend.jpg");
		background-repeat: no-repeat;
		background-color: #9c3232;
	}
	form input, select, textarea {
	}
	
	form input.button {
		font-weight: normal;
		color: #000;
		background: #d4d0c8;
		border: 2px outset;
		margin: 2px;
		padding: 1px;
		padding-left: 6px;
		padding-right: 6px;
		font-size: 9pt;
	}
	a img {
		border: 0;
	}

	div.login,
	div.top_table div.language,
	div.top_table div.subselection,
	div.selection,
	div.mainmenu  {
		display: none;
		visibility: hidden;	
	}
	
	div.top_table 
	{
	}
	
	div.header {
		height: 120px;
		line-height: 120px;
	}

	div.header img {
		float: left;
		margin-right: 20px;
		margin-left: 10px;
	}
	
	p.updated {
		font-size: 9pt;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
	}

	div.header p.page_title {
		margin: 0;
		margin-left: 40px;
		font-weight: bold;
		vertical-align: middle;
		font-size: 28pt;
		color: white;
	}

	div.header p.page_title a{
		color: white;
		text-decoration: none;
	}

	p.updated {
		font-size: 9pt;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
	}

	div.main_table {
		margin: 0;
		padding: 10px;
	}

	div.attachment {
		border: 1px dotted gray;
		padding: 20px;
		background-image: url("pic/attachment.gif");
		background-repeat: no-repeat;
		background-position: 3px 3px;
		margin: 10px;

	}

	div.title {
		position: relative;
		padding: 5px;
		font-weight: bold;
		font-size: 16pt;
		border-bottom: 1px solid black;
		margin-bottom: 5px;
	}
	div.main_container div.title div.navigation_path {
		float: right;
		margin-top: -20px;
		font-weight: bold;
		font-size: 9pt;
	}

	div.main_container div.title div.navigation_path a {
		text-decoration: none;
	}
	td {
		vertical-align: top;
		text-align: left;
		font-size: 9pt;
	}

	div.left_table {
		visibility: hidden;
		display: none;
	}
	div.main_container div.main_table div.print {
		visibility: hidden;
		display: none;
	}

	ul.topmenu a, ul.submenu a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

	div.footer {
		color: black;
		font-weight: bold;
		font-size: 9pt;
		padding: 2px;
		margin-left: 0;
		margin-right: 0;
		position: relative;
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
	div.footer a {
		color: white;
		text-decoration: none;
	}

	div.footer p {
		margin: 0;
	}

	
/* Link to RSS Feed	*/
	p.rss_feed {
		display: none;
		visibility: hidden;
	}
	
	
	
	a {
		color: #9b050a;
	}

	h1 {
		font-weight: bold;
		font-size: 15pt;
	}
	h2 {
		font-weight: bold;
		font-size: 14pt;
	}
	h3 {
		font-weight: bold;
		font-size: 13pt;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
	}
	h5 {
		font-weight: normal;
		font-size: 12pt;
	}
	h6 {
		font-weight: bold;
		font-size: 11pt;
	}
	
	.notprinted {
		visibility: hidden;
		display: none;
	}
}