/* Hamaca styles */

*
{
	padding: 0px;
	margin: 0px;
}
body
{
	background-color: #e0e8db;	
	overflow-y: scroll;
}

#wrapper
{
	/*width: 810px;
	width: 100%;
	position: center;
	margin: 0px auto;
	text-align: center;
	height: 100%;*/
	
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 804px;
	height: 715px;
	margin-top: -357px; /*set to a negative number 1/2 of your height*/
	margin-left: -401px; /*set to a negative number 1/2 of your width*/
	
}

#etusivu_bg
{
	background-image: url('pics/etusivun-kuva.jpg');
	background-repeat: no-repeat;
	height: 592px;
	text-align: center bottom;
}

#etusivun_napit
{
	position: bottom center;
	padding-bottom: 20px;
	padding-left: 40px;
}

#header_bg
{
	background-image: url('pics/ylapalkki_sisasivut.jpg');	
	background-repeat: no-repeat;
	width: 804px;
	height: 122px;
	min-height: 122 px;
}

#header_topic
{
	padding-top: 7px;	
	padding-left: 32px;
}

td.main_bg
{
	background-color: #E6ECE1;	
	height: 100%;
	min-height: 700px;
}

div.topic
{
	width: 790px;	
	background-image: url('pics/otsikko_tausta.jpg');
}

div.padding
{
	padding-left: 35px;
	padding-right: 35px;
	background-color: #E6ECE1;		
}

#etusivun_napit
{
	/*
	background-image: url('pics/avataan.jpg');
	background-repeat: no-repeat;
	width: 802px;
	height: 40px;
	*/
}

span.cyan
{
	background-color: #8BB3C2;
}

input
{
	font-size: 10px;
}

select
{
	font-size: 10px;
}

.submit input
{
	font-size: 12px;
	background: #608A79;
	border: 2px outset #d7b9c9
}

div.linktopic
{
	padding-top: 7px;	
	padding-left: 32px;	
}

.button
{
	font-size: 12px;
	background: #FFFFFF;
	color: #B6C6A9;
	border: 1px solid #B8C7AB;
	padding: 3px;
}

img.green_borders
{
	border: 4px solid #B8C7AB;
}

img.green_borders_little
{
	border: 1px solid #B8C7AB;
}

hr.green
{
	color: #B8C7AB;
	height: 0px;
	border-top: 2px solid #B8C7AB;
}

/* TEXT STYLES */

h1
{
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #608A79;	

}

p
{
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000000;	
}


/* LINK STYLES */
a:hover,
a:active,
a:visited,
a
{
	text-decoration: underline;
	color: #000000;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;	
}

a.green:hover,
a.green:active,
a.green:visited,
a.green
{
	text-decoration: underline;
	color: #608A79;	
	font-family: arial, verdana, sans-serif;
	font-size: 12px;	
}

a.navtopic:hover,
a.navtopic:active,
a.navtopic:visited,
a.navtopic
{
	text-decoration: none;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	color: #608A79;	
	font-weight: bold;
}