body, html {
	margin		:0px;
	text-align	:center;
	background	:#0b203b;
}

#header{
	z-index		:100;
	position	:relative;
	background	:#0b203b;
}

#main-body {
	background	:#0b203b;
	text-align	:center;
	z-index		:0;
	position	:relative;		
	top			:0px;
}

#content {
	z-index		:0;
	text-align	:center;
	width		:100%;
	height		:410px;
	position	:relative;		
	color		:#333333;
	/*font		:Times 13px;*/
	background	:#ffffff;
}


#bottom-banner {
	z-index		:100;
	text-align	:center;
	position	:absolute;
	background	:#0b203b;
	top			:498px;
	left		:0px;
	width		:100%;
	height		:auto;
	color		:#3a4f6a;
	font-family	:times new roman;
	font-weight	:100;
}

#footer{
	position	:relative;
	z-index		:100;
	clear		:both;
	text-align	:center;
	width		:100%;
	background	:#0b203b;
	padding-bottom:10px;
	padding-top:5px;
}

#main-menu {
	z-index		:100;
	text-align	:center;
	width		:100%;
	left		:0px;
	background	:#0b203b;
}


h1 {
	font		:bold 16px times;
	text-transform:uppercase;
	letter-spacing:2px;
	
}

h2 {
	font		:bold 16px times;
}



.contentpaneopen {
	background		:#ffffff;
	top				:0px;
	text-align		:center;
	width			:100%;
	border-collapse	:collapse;
}


.contenttable {
	font			:12px Arial;
	z-index			:1;
	position		:relative;
	top				:-2px;
	/*left			:0px;*/
	border-collapse	:collapse;
	letter-spacing	:1px;
}

.contentheading, .componentheading {
	text-align		:center;
	font			:bold 16px times small-caps;
	text-transform	:uppercase;
	padding			:30px 0px 30px 0px;
	letter-spacing	:2px;
}

.contenttd {
	z-index		:1;
	vertical-align:top;
	padding		:0px;
	margin		:-5px;
}

.content_text_div a{
	font-family:Arial;
	font-size:10px;
}

a {
	text-decoration:none;
	font-size:8pt;
	color:#2870c5;
}


.listtd {
	text-align		:center;
	vertical-align	:top;
	
	padding			:3px;
	margin			:0px;
	text-transform	:uppercase;

}

.listtd_left {
	text-align		:right;
	vertical-align	:top;
	width			:400px;
	padding			:3px;
	padding-right	:15px;
	margin			:0px;
	text-transform	:uppercase;

}

.listtd_right {
	text-align		:left;
	vertical-align	:top;
	width			:400px;
	padding			:3px;
	padding-left	:15px;
	margin			:0px;
	text-transform	: uppercase;

}

.listtd a, .listtd_right a, .listtd_left a{
	font-family		:Arial;
	font-size		:12px;
	font-weight		:100;
	text-decoration	:none;
	color			:#333333;
}

.listtd a:hover, .listtd_left a:hover, .listtd_right a:hover{
	color:blue;
}


/* -- henkilökortti -- */


.spec-name {
	font-size		:14pt; 
	font-family		:times new roman,times;
}

.spec-title {
	font-size		:10pt; 
	font-family		:times new roman,times;
	color			:#909090;
	text-transform	:uppercase;
}

.spec-info-title {
	font-size		:12px; 
	font-family		:times new roman,times;
	font-weight		:bold;
	vertical-align	:top;
	text-align		:right ! important;
	width			:50%;
	padding-bottom	:10px;
}

.spec-info {
	font-size		:12px; 
	font-family		:arial,helvetica,sans-serif;
	vertical-align	:top;
	text-align		:left ! important;
	width			:50%;
	padding-bottom	:10px;
}

.spec-info a{
	font-size		:12px; 
}

/* -- yhteyslomake -- */

div.contact_email {
	text-align:center;
}


#upper_row_left{
	text-align:left;
}

#bottom_row, #upper_row_right{
	text-align:right;
}

input, textarea {
	font-size		:10pt; 
	font-family		:Arial;
	/*text-transform	:uppercase;*/
}

input.inputbox {
	width			:180px;
}

textarea {
	width			:370px;
	height			:200px;
	overflow		:auto;
}

input.button {
	border			:0px;
	font-size		:8pt; 
	font-family		:arial,helvetica,sans-serif;
	background		:#ffffff;
	color			:blue;
	cursor			:pointer;

}

/* -- alamenu -- */



.non_active_submenu{
	position		:relative;	
	
	
	
	display			:none;
	background		:#0b203b;
	z-index			:150;
}

#sublevelmenu
{
	top				:15px;
	height:20px;
}


.active_submenu{
	position		:relative;	

	
	display			:block;
	background		:#0b203b;
	z-index			:150;
}

#mainlevelmenu{
	position		:relative;
	top				:21px;
	margin:0 auto;
	
	
	background		:#0b203b;
	padding-bottom	:30px;
	z-index			:150;
}


li:hover ul {
	left: auto;
	top: 10px;
}

a.mainlevel, a.sublevel{
	color: #f3f3f3;
	text-decoration:none;
	/*padding:20px 0px 20px 0px;*/
}

span.mainlevel {
	padding:10px 10px 10px 10px;

}

span.sublevel{
	padding:8px 8px 8px 8px;

}

a.mainlevel:hover, a#active_menu, a.sublevel:hover{
	color: #3a4f6a;
	text-decoration:none;
}

.mainlevel{
font-size: 12px;
font-weight:900; 
font-family:Times New Roman;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
padding:20 20 0 20;
}

.sublevel {

font-size: 12px;
/*font-weight:900;*/ 
font-family:Arial;
/*text-transform: uppercase;*/
text-align: center;
letter-spacing: 1px;
padding:25 25 0 25;

}

#active_menu a:link {
	color: #3a4f6a;
	text-decoration:none;
}

.footer_text {
	text-align:center;
	color: #3a4f6a;
	font:normal 12px arial;
	
	width:100%;
	background:#0b203b;
}

.content_text_div {
	width:500px;
	text-align:center;
}