@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	background-color: #E0DED8;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: "Myriad Web Pro", Verdana, Arial, sans-serif ;
	color: #000000;
	font-size: 11px;
	height: 100%;
}
#page {
	left: 0px;
	right: 0px;
	width: 900px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	text-align: left;
	mergin-top: 0;
}
#logo {
	height: 70px;
	width: 860px;
	padding: 20px 0 0 20px;
}
/* YLÄMENU */
#menu {
	height: 20px;
	width: 840px;
	margin: 0 0 0 30px;
	text-align: right;
	color: #363534;
	font-weight: bold;
}
#menu a:link, #menu a:visited {
	color: #363534;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
}
#menu a:hover, #menu a:active {
	color: #A2AD00;
	font-weight: bold;
	text-decoration: none;
	padding-left: 20px;
}

/* HEADER JOSSA VAIHTUVA KUVA JA 3D */

#header {
	width: 900px;
	height: 290px;
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	color: #FFFFFF;
	padding: 10px 0 0 0;
}
.header_table {
	width: 840px;
	margin: 0 30px 0 30px;
	background-color: #363534;
}
.3d_table {
	margin: 20px 20px 20px 0px;
}
.header_box_header {
	font-size: 16px;
	font-weight: bold;
}

/* header linkit */

#header a:link, #header a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#header a:hover, #header a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
#clr {
	clear: both;
}

/* TEKSTIALUE */

#page2 {
	width: 860px;
	margin: 20px 20px 20px 20px;
}
#text {
	width: 420px;
	float: left;
}
#text2 {
	width: 790px;
	float: left;
}

/* OIKEAN REUNAN BOXIT */

#boxes {
	width: 420px;
	float: right;
}
#boxes2 {
	width: 40px;
	float: right;
}
#box_green {
	width: 420px;
	margin-bottom: 10px;
	background-color: #A2AD00;
	color: #FFFFFF;
}
#box_green table {
	margin: 10px 10px 10px 10px;
}
#box_green a:link, #box_green a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#box_green a:hover, #box_green a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
#box_light {
	width: 420px;
	margin-bottom: 10px;
	background-color: #8B8178;
	color: #FFFFFF;
}
#box_light table {
	margin: 10px 10px 10px 10px;
}
#box_light a:link, #box_light a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#box_light a:hover, #box_light a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
#box_dark {
	width: 420px;
	margin-bottom: 10px;
	background-color: #363534;
	color: #FFFFFF;
}
#box_dark table {
	margin: 10px 10px 10px 10px;
	padding: 0;
}
#box_dark a:link, #box_dark a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
#box_dark a:hover, #box_dark a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #FFFFFF;
}
#box_small {
	margin: 0 0 10px 0;
}

/* Copyright */

#footer {
	color: #8B8178;
	text-align: right;
	padding: 10px 0 10px 0;
	font-size: 10px;
}

/* PERUSTYYLIT */

h1 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #A2AD00;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #363534;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #363534;
}
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #A2AD00;
}
a:hover, a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #A2AD00;
}
li {
	list-style-type: square;
}