@import url(editor.css);

html, body {
	background: #6E6E6E url(../ulkoasu/bg.gif) top center;
	}

/* Layout */

#wrapper {
	width: 980px;
	margin: 0 auto;
	}
	
#body {
	float: left;
	width: 940px;
	padding: 0 20px;
	background: url(../ulkoasu/body_main.png) top center repeat-y;
	}
	
#header {
	width: 940px;
	height: 139px;
	background: url(../ulkoasu/header_bg.jpg) top left no-repeat;
	}
	
#main {
	float: left;
	width: 770px;
	padding: 0 85px 40px 85px;
	min-height: 300px;
	background: url(../ulkoasu/main_bg.jpg) bottom center no-repeat;
	}
	
* hmtl #main {
	height: 300px;
	}
	
#navigation {
	margin-bottom: 8px;
	border-bottom: 6px solid #48576A;
	}

#headerWrapper {
	position: relative;
	float: left;
	width: 770px;
	margin-bottom: 46px;
	}

#ylakuva {
	height: 271px;
	}

#ylakuva,
#flash  {
	position: relative;
	float: left;
	width: 770px;
	}

#ylakuva p,
#flash p {
	margin: 0;
	}

#ylakuva span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 750px;
	padding: 5px 10px;
	background: #F7F5F0;
	opacity: 0.9;
	filter: Alpha(opacity=90);
	display: block;
	}

* html #ylakuva span {
	bottom: 50;
	}

#ylakuva span.link {
	position: relative;
	width: 770px;
	padding: 0;
	cursor: pointer;
		/* for IE 5.x */
		cursor: hand;
	background: none;
	}
	
#leftCol {
	float: left;
	width: 425px;
	padding-bottom: 10px;
        padding-top: 10px;
	border-bottom: 3px solid #BDB5A2;
	}

/*body#etusivu #leftCol,
body#etusivu #rightCol {
	position: absolute;
	top: 316px;
	}*/

#etusivu {
	border: 0;
	}
	
#rightCol {
	float: right;
	width: 295px;
	padding: 0 0 0 50px;
	}
	
#footer {
	float: left;
	width: 980px;
	height: 57px;
	background: url(../ulkoasu/body_footer.png) top center no-repeat;
	}
	
/* Language Menu */

ul#langSelection {
	float: right;
	list-style: none;
	margin: 0;
	padding: 15px 40px 0 0;
	}
	
ul#langSelection li {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
ul#langSelection a,
ul#langSelection a:active,
ul#langSelection a:visited {
	font-size: 95%;
	text-transform: uppercase;
	color: #FFFFFF;
	}

/* Main Navigation */

#navigation {
	float: left;
	width: 770px;
	padding: 13px 0
	}
	
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0 10px;
	}
	
#navigation li {
	float: left;
	margin: 0;
	padding: 3px 13px;
	border-left: 1px solid #BDB5A2;
	}
	
#navigation li.first {
	padding-left: 0;
	border: 0;
	}
	
#navigation li.last {
	padding-right: 0;
	}
	
#navigation a,
#navigation a:active,
#navigation a:visited {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 100%;
	color: #571D0C;
	}
	
#navigation li.current a,
#navigation li.current a:active,
#navigation li.current a:visited,
#navigation li a:hover {
	color: #48576A;
	}
	
/* Side menus */

.menu {
	float: left;
	width: 295px;
	margin-bottom: 20px;
	padding: 38px 0 0 0;
	background-color: #B3A996;
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.menu ul {
	list-style: none;
	margin: 0 0 0 35px;
	padding: 5px 0;
	}
	
.menu li {
	margin: 0;
	padding: 0;
	display: inline;
	}
	
.menu a,
.menu a:active,
.menu a:visited {
	font-weight: bold;
	color: #000000;
	line-height: 200%;
	padding: 0 0 0 30px;
	background: url(../ulkoasu/menu_box.gif) no-repeat 0 6px;
	display: block;
	}
	
.menu a:hover {
	color: #48576A;
	background: url(../ulkoasu/menu_box_hover.gif) no-repeat 0 6px;
	}
	
/* Content */

#leftCol p {
	font-size: 110%;
	}

/* Form */

.formEmailinput, .formTextinput, .formTextarea {
	font-family: "Verdana", sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	width: 350px;
	padding: 3px 3px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #4D4D4D;
	border-bottom: 1px solid #4D4D4D;
	background: #3E3E3E;
	}

input[type=submit] {
	border: 1px solid #666;
	padding: 1px 5px;
	}

form table td {
	padding: 3px 0px 0px 7px;
	}