html {
	height: 100%;
	min-height: 100%;
}

body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
	font-family: "Arial";
}

p { margin: 0;
	padding: 0;
	}

div#main {
	padding: 0;
	margin: 0;
	width: 988px;
	float: left;
	height: auto;
}

div#top-left-box {
	margin: 0;
	padding: 0;
	background: url('/media/ulkoasu/etusivu-vasen-top-1.jpg');
	height: 141px;
	width: 256px;
	position: relative;
	float: left;
	}

div#top-left-box.kohti {
	background: url('/media/ulkoasu/alasivu-vasen-top.jpg');
	border: none;
	}
	
div#header {
	margin: 0 0 0 13px;
	padding: 0;
	height: 141px;
	width: 719px;
	background: url('/media/ulkoasu/etusivu-header-1.jpg');
	position: relative;
	float: left;
	}

div#header.kohti {
	background: url('/media/ulkoasu/header-right-1.jpg');
	text-align: right;
	}

p#page-title {
	position: relative;
	float: right;
	color: #5f7276;
	font-weight: normal;
	font-size: 36pt;
	top: 65px;
	left: 0;
	font-family: "Arial";
	font-variant: small-caps;
	margin-right: 27px;
	padding: 0;
	display: inline;
	}

div#container {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
	}
	
div#wrapper {
	float: left;
	padding: 0;
	margin: 0;
	width: 256px;
	height: auto;
	}

div#wrapper-2 { /* Alalistaa varten */
	float: right;
	padding: 0;
	margin: 0;
	width: 719px;
	height: auto;
	}
	
div#left-box {
	padding: 0;
	margin-top: 13px;
	position: relative;
	float: left;
	width: 256px;
	min-height: 680px;
	height: auto;
	background: #7a969c url('/media/ulkoasu/vasen-palkki-top.gif') no-repeat top right;
	}

* html div#left-box { height: 680px; }
	
div#left-box ul {
	list-style-type: none;
	padding: 0;
	margin: 18px 0 0 28px;
	}

div#left-box ul ul {
	margin: 0 0 0 20px;
	padding: 0;
	/*list-style-type: square;
	color: #fff;*/
	list-style-image: url('/media/ulkoasu/ul-1.gif');
	}
	
* html div#left-box ul ul { margin: 10px 0 0 20px} 
	
div#left-box li {
	padding: 0 0 10px 0;
	}

div#left-box li a {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	}
	
div#left-box li a:visited {
	color: #ffffff;
	}
	
div#left-box li a:hover {
	color: #ccddbb;
	}
	
div#center-box {
	padding: 0;
	margin: 13px 0 0 0px;
	position: relative;
	float: left;
	width: 719px;
	min-height: 820px;
	height: auto;
	background: #ccddbb url('/media/ulkoasu/keski-palkki-top.gif') no-repeat top left;
	}
	
* html div#center-box { height: 820px; }

div#left-column {
	position: relative;
	float: left;
	height: auto;
	min-height: 250px;
	width: 400px;
	padding-bottom: 15px;
	}
	
* html div#left-column { height: 250px; }

div#left-column ul {
	list-style-type: none;
	margin-left: 60px;
	padding: 0;
	}

div#left-column ul li{
	font-size: 12px;
	}	

div#left-column ul li a{
	text-decoration: none;
	color: #5f7276; 
	}

div#left-column ul li a:visited {
	color: #5f7276;
	} 
	
div#left-column ul li a:hover{
	color: #7a969c; 
	}

div#left-column.ala {
	position: relative;
	float: left;
	height: auto;
	min-height: 250px;
	width: 487px;
	padding-bottom: 15px;
	}
	
* html div#left-column.ala { height: 250px; }

div#left-column h1 {
	margin: 31px 50px 0 50px;
	padding: 0;
	font-size: 16px;
	color: #7a969c;
	font-weight: normal;
	line-height: 1.65em;
	}

div#left-column h2 {
	margin: 15px 50px 0 50px;
	padding: 0;
	font-size: 14px;
	color: #7a969c;
	font-weight: normal;
	line-height: 1.65em;
	}

div#left-column h3 {
	margin: 15px 50px 0 50px;
	padding: 0;
	font-size: 14px;
	color: #7a969c;
	font-weight: normal;
	line-height: 1.65em;
	}

div#left-column p {
	margin: 15px 10px 0px 50px;
	padding: 0;
	font-size: 12px;
	color: #5f7276;
	}

div#left-column p a {
	color: #5f7276;
	font-weight: bolder;
	}

div#left-column p a:visited {
	color: #5f7276;
	} 

div#left-column p a:hover {
	color: #7a969c;
	} 

div#right-column {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	height: auto;
	width: 319px;
	min-height: 250px;
	padding-bottom: 15px;
	}

* html div#right-column { height: 250px; }

div#right-column.ala {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	height: auto;
	width: 232px;
	min-height: 250px;
	padding-bottom: 15px;
	}

* html div#right-column.ala { height: 250px; }

div#image-holder {
	float: right;
	position: relative;
	display: inline;
	padding: 0;
	margin: 31px 57px 0 0;
	min-height: 214px;
	width: 220px;
	height: auto;
	text-align: center;
	}

* html div#image-holder { height: 214px; } 

div#news-box {
	position: relative;
	float: right;
	display: inline;
	padding: 0;
	margin-right: 57px;
	margin-bottom: 30px;
	height: 214px;
	width: 220px;
	top: 31px;
	background: url('/media/ulkoasu/kehys2.gif') no-repeat center;
	}

div#news-box p.news-box-title {
	position: relative;
	top: 10px;
	margin-bottom: 25px;
	padding: 0;
	font-size: 15px;
	color: #7a969c;
	font-weight: normal;
	text-align: center;
	}

div#news-box h3 a {
	margin: 15px 0 0 17px;
	padding: 0;
	font-size: 12px;
	color: #5f7276;
	font-weight: normal;
	text-decoration: none;
	}

div#news-box h3 a:visited {
	color: #5f7276;
	}

div#news-box h3 a:hover {
	color: #7a969c;
	}

div#ads {
	float: right;
	display: inline;
	padding: 0;
	margin: 35px 57px 0 0;
	width: 220px;
	text-align: center;
	height: auto;	
	background: #d4e6c3;
	}

div#ads p.title {
	background: url('/media/ulkoasu/ad-top2.gif') no-repeat center top;
	font-size: 12px;
	color: #5f7276;
	height: 22px;
	width: 220px;
	margin: 0;
	padding: 5px 0 0 0;
	}

div#ads-bottom {
	float: right;
	position: relative;
	display: inline;
	height: 27px;
	width: 220px;
	background: url('/media/ulkoasu/ad-bottom2.gif') no-repeat center top;
	margin: 0 57px 0 0;
	}	

div#ads img {
	border: none;
	margin-bottom: 4px;
	}

div#logo-group {
	position: relative;
	float: left;
	margin-top: 19px;
	width: 256px;
	height: 40px;
	background: url('/media/ulkoasu/mainos1.gif') no-repeat center;
	}

div#logo-viidakko {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 256px;
	height: 40px;
	text-align: center;
	}

div#logo-viidakko img{
	border: none;
	}

div#logo-vmp {
	position: relative;
	float: left;
	width: 256px;
	height: 33px;
	}

div#footer-list {
	position: relative;
	float: left;
	height: 25px;
	width: 100%;
	margin: 0;
	background-color: #ccddbb;
	padding: 0;
	text-align: center;
	}

div#footer-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

div#footer-list li {
	display: inline;
	color: #7a969c;
	letter-spacing: .10em;
	font-weight: normal;
	font-size: 12px;
	border-right: 1px solid #7a969c;
	padding-right: 18px;
	padding-left: 18px;
	}

	

