/* CSS document */

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #362e7e;
	background-color: #FFFFFF;
}

img {
	border: 0px;
}
/*
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul li {
	margin: 0px;
	padding: 0px;
}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: none;}
*/
.pagecontainer {
	float: left;
	position: absolute;
	width: 739px;
	left: 50%;
	margin-left: -370px;
}

.headeri {
	float: left;
	position: relative;
	width: 739px;
	height: 56px;
	background-image: url(../img/header3.jpg);
	background-repeat: no-repeat;
}
.headerarea {
	float: left;
	position: relative;
	display: inline;
	width:650px;
	height: 20px;
	vertical-align:middle;
	margin-left: 30px;
	margin-top: 25px;
}
.headernavi {
	float: left;
	position: relative;
	display: inline;
	width: 79px;
	height: 23px;
	margin-left: 595px;
	margin-top: -16px;
}
	
.banner {
	float: left;
	position: relative;
	width: 739px;
	height: 156px;
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
}
.container {
	float: left;
	position: relative;
	width: 739px;
	height: 449px;
}
.bgleft {
	float: left;
	position: relative;
	width: 21px;
	height: 449px;
	background-image: url(../img/bg_left.jpg);
	background-repeat: no-repeat;
}
.leftarea {
	float: left;
	position: relative;
	/*margin-left: 1px;*/
	width: 160px;
	height: 449px;
	background-image: url(../img/clock_bg.jpg);
	background-position: 0% 99%;
	background-repeat: no-repeat;
	overflow: hidden;
}
.content {
	background-image: url(../img/bg_gray.jpg);
	float: left;
	position: relative;
	width: 539px;
	height: 449px;
}
a:hover {color:#362E7E; text-decoration: none;}
a:link {color:#362E7E; text-decoration: none;}
a:active{color:#362E7E; text-decoration: none;}
a:visited{color:#362E7E; text-decoration: none;}

.content_top {
	float: left;
	position: relative;
	display: inline;
	margin-top: 6px;
	width: 509px;
	height: 26px;
	font-weight: bold;
	text-align: right;

}
.content_content {
	float:left;
	position:relative;
	display:inline;
	margin-left: 20px;
	margin-top: -16px;
	*padding-top: 16px;
	/*height:5px;*/
	/*margin-top: 0px;*/
}
.content_allow {
	float: left;
	position: relative;
	display: inline;
	width: 539px;
	height: 417px;
	/*margin-top: 32px;*/
}
.content_left {
	float:left;
	position: relative;
	display: inline;
	margin-top: -15px;
	width: 250px;
	height: 400px;
}

.content_right {
	float: left;
	position: relative;
	display: inline;
	margin-left: 15px;
	width: 230px;
	height: 400px;
	overflow: auto;
	padding-right: 5px;
}
.content_right_bottom {
	float: left;
	position: relative;
	display: inline;
	margin-top: 320px;
}
.bgright {
	float: left;
	position: relative;
	width: 19px;
	height: 449px;
	background-image: url(../img/bg_right.jpg);
	background-repeat: no-repeat;
}
.footer {
	float: left;
	position: relative;
	width: 739px;
	height: 66px;
	background-image: url(../img/footer.jpg);
	background-repeat: no-repeat;
}
*html .content_content {
	*padding-top: 16px;
}
*html .content_allow {
	margin-top:-16px;
}
/*
.navi_area {
	float: left;
	position: relative;
	width: 526px;
	background-color: red;
	margin-top: 135px;
	height: 24px;
	display: inline;
	margin-left: 326px;
	margin-bottom: -2px;
}

.ilmoittautumiset_inactive {
	float: left;
	position: relative;
	width: 110px;
}

.esitteet_inactive {
	float: left;
	position: relative;
	width: 100px;
	height: 24px;
}

.palaute_inactive {
	float: left;
	position: relative;
	width: 101px;
}

.palvelulomake_inactive {
	float: left;
	position: relative;
	width: 100px;
}

.yhteystiedot_inactive {
	float: left;
	position: relative;
	width: 101px;
}	

.navi_padder {
	float: left;
	position: relative;
	width: 14px;
	height: 24px;
	background-image: url(img/navi_padder.jpg);
}	

.container {
	float: left;
	position: relative;
	width: 852px;
	background-image: url(img/con_bg.jpg);
	background-repeat: repeat-y;
}

.left_area {
	float: left;
	position: relative;
	width: 166px;
	height: 500px;
	display: inline;
	margin-left: 1px;
	font-size: 11px;
	z-index: 25;
}	

.left_navi {
	float: left;
	position: relative;
	width: 166px;
	font-weight: bold;
	z-index: 21;
}

.left_navi ul {
	width: 166px;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	list-style-type: none;
}

.left_navi ul li {
	width: 156px;
	height: 24px;
	line-height: 24px;
	margin-bottom: 10px;
	padding-left: 10px;
}

.left_navi ul li:hover {
	background-image: url(img/navi_left_active.jpg);
	background-repeat: no-repeat;
}


.left_navi ul li:hover ul {
	display: block;
}

.left_navi ul li a:link {color: #939393; text-decoration: none;}
.left_navi ul li a:visited {color: #939393;	text-decoration: none;}
.left_navi ul li a:active {color: #939393; text-decoration: none;}
.left_navi ul li a:hover {color: #939393; text-decoration: none;}



.left_navi ul li ul {
	float: left;
	position: absolute;
	width: 125px;
	left: 167px;
	top: auto;
	display: none;
	padding: 0px;
	margin: 0px;
	background-color: #EAEAEA;
	margin-top: -24px;
	*margin-top: -6px;
}



.left_navi ul ul li {
	padding: 0px;
	margin: 0px;
	width: 125px;
	height: 22px;
	font-weight: normal;
	text-align: center;
	background-image: url(img/sub_inactive.jpg);
}

.left_navi ul ul li:hover {
	height: 22px;
	width: 125px;
	padding: 0px;
	margin: 0px;
	background-image: url(img/sub_active.jpg);
}

.news {
	float: left;
	position: relative;
	width: 145px;
	margin-left: 10px;
	display: inline;
}

.news_header {
	float: left;
	position: relative;
	margin-top: 60px;
	width: 145px;
	height: 15px;
	background-image: url(img/news_header.jpg);
}

.news_con {
	float: left;
	position: relative;
	width: 145px;
	height: 180px;
	background-image: url(img/news_con.jpg);
	background-repeat: repeat-y;
}

.news_textarea {
	float: left;
	position: relative;
	width: 130px;
	margin-left: 15px;
	display: inline;
	color: #BCBCBC;
}

.news_textarea a {
	font-weight: bold;
}

.news_textarea a:link {color: #FFDC96; text-decoration: none;}
.news_textarea a:visited {color: #FFDC96;	text-decoration: none;}
.news_textarea a:active {color: #FFDC96; text-decoration: none;}
.news_textarea a:hover {color: #FFDC96; text-decoration: underline;}


.right_area {
	float: left;
	position: relative;
	width: 652px;
	background-color: blue;
	display: inline;
	margin-left: 15px;
}

.right_header {
	float: left;
	position: relative;
	width: 652px;
	height: 20px;
	background-image: url(img/right_header.jpg)
}

.right_container {
	float: left;
	position: relative;
	width: 652px;
	height: 300px;
}

.right_footer {
	float: left;
	position: relative;
	width: 652px;
	height: 15px;
	background-image: url(img/right_footer.jpg);
}

.footer {
	float: left;
	position: relative;
	width: 852px;
	height: 84px;
	background-image: url(img/footer.jpg);
}	
*/