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

body {margin: 0; padding: 0; background: #ffffff; font-family: verdana, sans-serif; font-size: 10px; color: #000000; text-align: center;}

p  {font-size: 11px;}

h1,h2,h3 {
	font-family: Tahoma,Verdana,Helvetica;
	font-weight: bold;
}

h1 {
	font-size: 24px; 
	font-weight: normal; 
	margin: 0px 0 15px 0; 
	color: #F9A200;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0 10px 0;
	color: #7a7b7d;
	border:0px;
}

h3 {
	font-size: 18px; 
	font-weight: normal; 
	margin: 0 0 5px 0; 
	color: #7a7b7d;
	border:0px;
}

.homepage {margin: 0px; 
		padding: 0px; 
		background: #fffcf2 url(/images/bgliuku.jpg) repeat-x bottom;
}


#container {
	position: relative; width: 805px; margin: 0 auto 0 auto; text-align: left;
	border: 1px solid black;
	margin-bottom: 40px; margin-top: 20px;
	background: white;
	min-height: 700px; 
	height:auto !important;
	height: 700px;
}

#pageheader {width: 100%; height: 120px; overflow: hidden; background: url('/images/sel_headerIII.jpg') no-repeat; background-color: white;}
#logo {float: left; border: 0px; margin-left: 10px; margin-top: 2px;}
#menustatus {width: 100%; height: 10px; overflow: hidden; background-color: #d22913; border-topx: 30px solid #9bb68e;}

#header	{
	margin: 10px 0px 10px 0px;
	color: orange;
	font-size: 12px;
	font-family: Tahoma,Verdana,Helvetica;
	font-weight: bold;
	width: 100%;
	height: 10px;
}
	
/* Site menu */
#sitemenu {position: absolute; left: 7px; top: 86px; width: 790px; list-style-type: none; margin: 0; padding: 0;}
#sitemenu li {float: left; display: inline; margin: 0; padding-top: 4px; margin-left: 2px; overflow: hidden; background: url('/images/button_dark.gif') no-repeat; color: #000000; height: 45px; width: 160px; text-align: center;}
#sitemenu li.active {background: url('/images/button_light.gif') no-repeat; color: #000000;}
#sitemenu .right {float: right;}
#sitemenu a {color: #111111; font-family: arial; font-weight: bold; font-size: 11px; text-decoration: none;}
#sitemenu a:hover, #sitemenu a.active {color: #444444; text-decoration: none;}
#sitemenu .first {border: none;}
#sitemenu .first a {padding-left: 0;}

/******************************/
/* Columns */

.col1-4 {
	float: left; 
	display: inline; 
	min-height: 500px; 
	height:auto !important;
	height: 500px;
	background: #ffffff url(/images/PageBG.jpg) no-repeat bottom; 
	margin-top: 0px;  
	padding-top: 30px;
}

.col1   {float: left; width: 175px; padding: 5px 0px 0px 5px;background-color: transparent;}
.col2-4 {float: right;width: 540px; margin-right: 20px;background-color: transparent;}

/******************************/

/* Sub menu */
.submenu {float: left; display: inline; list-style-type: none; 
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 50px 2px; 
	font-size: 1em; width: 175px; height: auto; 
	background-color: #ffffff;
}
	
.submenu ul {margin: 0;}
.submenu li {float: left; display: inline; margin: 0px 0px 10px 0px; clear: both; width: 100%;}
.submenu a {text-decoration: none; display: block; width: 100%; padding: 0; margin: 0; background: url(/images/submenubullet.gif) no-repeat 0 -18px; color: #000000; outline: none;}
.submenu a span {text-decoration: none; display: block; padding: 0px 0px 1px 14px;}
.submenu a.active, .submenu a:hover {text-decoration: none; color: #666666; text-decoration: none; background-color: #f4f4f4;}
.submenu a.active span, .submenu a:hover span text-decoration: none; {background: url(/images/submenu_roundedbottom.gif) no-repeat left bottom;}
.submenu a.open {text-decoration: none; color: #666666;}
.submenu a.open:hover {text-decoration: none; color: #666666; background-color: #f4f4f4;}

	/* 2nd level */
	.submenu li ul {padding: 0;}
	.submenu li ul li {margin: 3px 0px 0px 0px;}
	.submenu li ul a {text-decoration: none; background-image: none; color: #000000;}
	.submenu li ul a.active, .submenu li ul a:hover {text-decoration: none; background: #f4f4f4 url(/images/submenu_roundedtop.gif) no-repeat left top;}

	/* 3th level */
	.submenu li ul li ul {padding: 0;}
	.submenu li ul li ul li {margin-left: 10px;}
	.submenu li ul li ul a {text-decoration: none; background-image: none; color: #000000;}
	.submenu li ul li ul a.active, .submenu li ul a:hover {text-decoration: none; background: #f4f4f4 url(/images/submenu_roundedtop.gif) no-repeat left top;}

	/* 4th level */
	.submenu li ul li ul li ul {padding: 0;}
	.submenu li ul li ul li ul li {margin-left: 20px;}
	.submenu li ul li ul li ul a {background-image: none; color: #000000;}
	.submenu li ul li ul li ul a.active, .submenu li ul a:hover {background: #f4f4f4 url(/images/submenu_roundedtop.gif) no-repeat left top;}

	
form {
	margin: 20px 0px 0px 30px;
}

#pagecontent {
	margin: 20px 0px 0px 30px;
	padding-top: 10px;
	width: 95%;
	clear: both;
}

#sel_content {
	background: white;
}

.sel_modules {
	text-align: center;
	background-color: navy;
	height: 25px;
}

.sel_module {
	width: 170px;
	float: left;
	text-align: center;
	font-size: 12px; font-weight: bold;
	border: 3px ridge gray;
	background: gold;
	height: 25px;
	margin-left: 4px;
	padding: 2px;
	margin-bottom: 20px;
}


/* matriisi sivulle */
#matrix {
	background: white;
	margin: 10px 0px 0px 20px; 
}

#matrix_header span {
	float: left; 
	width: 110px; 
	background: #f1f1f1; 
	padding: 2px; 
	height: 52px; 
	margin: 1px; 
	text-align: center; 
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
}

#matrix_row span {
	float: left; 
	width: 110px; 
	background: #f1f1f1; 
	padding: 2px; 
	height: 42px; 
	margin: 1px;
	font-size: 10px;
	font-weight: bold;
	overflow: hidden;
}

.matrix_smile {display: block; margin-left: auto; margin-right: auto;}