/* CSS Document */
body {
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-image: url(Images/bg1.jpg);
}

h1 {
	font-size:10pt;
	text-transform:uppercase;
	font: Corbel;
	color: #081D88;
	font-style: normal;
	font-weight: bolder;
}
h2 {
	font-size:8pt;
	text-transform:uppercase;
	font: corbel;
	vertical-align: 2px;
	color: #081D88;
	padding-left: 15px;
	padding-top: 15px;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-transform:uppercase;
	font: verdana;
	vertical-align: 2px;
}

p {
	font-size:8pt;
	line-height:12pt;
}
img.icon {
	float: left;
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 2px;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #FFFFFF;
	text-transform: none;
	line-height: 15pt;
	list-style-type: none;
}

/* sisallon paalohkot alkaa tasta */

#thearea {
	width: 810px;
	position: absolute;
	height: 310px;
	left: 125px;
	top: 0px;
}

#mainarea {
	left: 125px;
	width:730px;
	height: 504px;
	position: absolute;
	top: 310px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FEFEFE;
}

/* the area sisalt alkaa tasta */

#header {
	left: 15px;
	width:700px;
	height: 200px;
	position: absolute;
	top: 110px; 
	background-repeat: no-repeat;
	background-color: #000066;	
}

#top {
	left: 15px;
	width:810px;
	height: 110px;
	position: absolute;
	top: 0px; 
	background-repeat: no-repeat;
	background-color: #FFFFFF;	
}


/* sislt */

#logo {
	position: absolute;
	top: 14px;
	width: 250px;
	height: 55px;
	right: 110px;
	background-image: url(Images/logo.jpg);

}

#h_left {
	left: 0px;
	width:450px;
	height: 200px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #000066;
	background-image: url(Images/bann_bg.jpg);
	
}

#h_right {
	left: 450px;
	width:250px;
	height: 200px;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-color: #003366;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(Images/bg_header_right_annou.jpg);
	
}

#h_extra {
	left: 700px;
	width:110px;
	height: 200px;
	position: absolute;
	top: 0px;
	background-image: ;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 12pt;
	padding-top: 11px;
	padding-left: 10px;
	
}

#main_left {
	left: 15px;
	width:448px;
	height: 450px;
	position: absolute;
	top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(Images/bg_left.jpg);
	background-repeat: no-repeat;
	overflow: hidden;


	
}
.span {
	color: #FFFFFF;
}

#img {
	left: 0px;
	width:250px;
	height: 25px;
	position: absolute;
	top: 20px;
}

#li {
	width:235px;
	position: relative;
	font-size: 7pt;
	line-height: 11pt;
	margin-left: 9px;
	margin-bottom: 10px;
	top: 20px;

}
#pics {
	position: relative;
	z-index: auto;
	width: 96px;
	height: 125px;
	display: inline;
}
#footer {
	left: 15px;
	width:700px;
	height: 52px;
	position: absolute;
	bottom: 0px;
	background-repeat: repeat-x;
	font-size: 7pt;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	background-image: url(Images/bg_footer.jpg);
	background-attachment: scroll;
	background-position: top right;
}


#intro {
	left: 16px;
	position: absolute;
	top: 20px;
	padding-left: 5px;
	padding-right: 15px;
}

#main_right {
	left: 465px;
	width:249px;
	height: 450px;
	position: absolute;
	top: 1px;
	background-image: url(Images/r_bg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#kataloque {
	left: 40px;
	width:110px;
	height: 90px;
	position: absolute;
	top: 315px;
}

#announcements {
	left: 0px;
	height: 200px;
	position: absolute;
	top: 0px;
	width: 248px;
	padding-top: 25px;
	padding-left: 0px;
}


/* linkkiasetukset alkaa */

#naviarea {
	position: absolute;
	left: 2px;
	width: 451px;
	height: 30px;
	background-color: #FEFEFE;
	bottom: 0px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;

}

a:link {
	text-decoration: none;
	color: #CC0000;
	font-size: 7pt;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover {
	color: #067DFF;
	text-decoration: underline;
	cursor: hand;
}

a:active {
	
	color: #990000;
}

a#headnavigation:link {
	text-decoration: none;
	color: #FFFFFF;
	text-transform: none;
	font-size: 7pt;
	font-family: Arial, Helvetica, sans-serif;
}

a#headnavigation:hover {
	color: #CC9933;
	text-transform: none;
	font-size: 7pt;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
}

a#headnavigation:visited {
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 7pt;
	font-family: Arial, Helvetica, sans-serif;

}
a#headnavigation:visited:hover {
	text-transform: none;
	text-decoration: none;
	color: #CC9933;
	font-size: 7pt;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;

}

a#headnavigation:active {
	text-transform: none;
	text-decoration: none;
	color: #CC9933;
	font-size: 7pt;
	cursor: hand;
	font-family: Arial, Helvetica, sans-serif;
}

#navigation {
	left: 0px;
	position: absolute;
	width: 100px;
	height: 30px;
	bottom: 0px;
	border-right-style: dotted;
	border-right-color: #000000;
	border-right-width: 1px;
	cursor: hand;
}

#navigation2 {
	left: 102px;
	position: absolute;
	width: 100px;
	height: 30px;
	bottom: 0px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
	cursor: hand;
	
}

#navigation3 {
	left: 204px;
	position: absolute;
	width: 100px;
	height: 30px;
	bottom: 0px;
	border-right-color: #000000;
	border-right-style: dotted;
	border-right-width: 1px;
	cursor: hand;
	
}

#navigation4 {
	left: 306px;
	position: absolute;
	width: 140px;
	height: 30px;
	bottom: 0px;
	cursor: hand;
	
}

#navigation5 {
	left: 590px;
	position: absolute;
	width: 100px;
	height: 30px;
	bottom: 0px;
	background-image: url(Images/navi_plus.jpg);

}

#subnavigation {
	left: 448px;
	position: absolute;
	width: 140px;
	height: 30px;
	bottom: 0px;
	text-transform: uppercase;
	background-color: #660000;
	cursor: hand;
}