body
{
margin:0px 0px 0px 0px;
padding:0px;
text-align:center;
font-family:verdana;
background-color:#a3cbf3;
font-size:11px;
color:#222288;
}

h1
{
margin-top:10px;
font-size:15px;
font-weight:bold;
}

p
{
margin-top:10px;
}

/* Sivun rakenne */

.wrapper
{
	margin:0px auto;
	padding:0px;
	text-align:left;
	width:870px;
	position:relative;
	top: 3px;

}

.area_top
{
float:left;
width:870px;
height:150px;
background:url(top.jpg) no-repeat 0px 0px;
}

.area_menu_top
{
float:left;
width:870px;
height:20px;
background:url(top_menu.jpg) repeat-y 0px 0px;
}

.menu_top_link
{
float:left;
width:870px;
text-align:center;
height:20px;
line-height:20px;
color:#bbbbbb;
}

.menu_top_link a
{
color:#bbbbbb;
text-decoration:none;
}

.menu_top_link a:hover
{
color:#ffffff;
text-decoration:none;
}

.area_middle
{
float:left;
width:870px;
background:url(content.jpg) repeat-y 0px 0px;
}

.content
{
float:left;
padding-left:50px;
padding-top:20px;
width:700px;
}

.frontpage_content_left
{
padding-left:50px;
padding-top:20px;
float:left;
width:530px;
}

.frontpage_content_right
{
float:left;
padding-left:20px;
width:200px;
padding-top:20px;
padding-bottom:20px;
}

.frontpage_content_right_title
{
font-size:10px;
margin-top:10px;
font-size:15px;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
}

.frontpage_content_right h1
{
font-size:10px;
margin-top:10px;
font-size:9px;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
}

.frontpage_content_right p 
{
font-size:9px;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

.frontpage_content_bottom
{
padding-left:50px;
padding-top:5px;
float:left;
width:700px;
}

.content_bottom_margin
{
float:left;
height:10px;
margin:0px;
padding:0px;
width:800px;
}

.area_bottom
{
float:left;
width:870px;
height:138px;
background:url(bottom.jpg) no-repeat 0px 0px;
}

.bottom_text 
{
float:left;
line-height:50px;
height:20px;
color:#bbbbbb;
font-size:9px;
text-align:center;
width:870px;
}

a
{
color: #bbbbbb;
text-decoration: none;
}

.bottom_margin
{
float:left;
height:20px;
width:870px;
}

#dd_1
{
position:absolute;
top:170px;
left:94px;
background-color:#5259b1;
display:none;
color:#bbbbbb;
line-height:20px;
}

#dd_1 a
{
color:#bbbbbb;
text-decoration:none;
}

#dd_1 a:hover
{
color:#ffffff;
text-decoration:none;
}

#dd_2
{
position:absolute;
top:170px;
left:400px;
background-color:#5259b1;
display:none;
color:#bbbbbb;
line-height:20px;
}

#dd_2 a
{
color:#bbbbbb;
text-decoration:none;
}

#dd_2 a:hover
{
color:#ffffff;
text-decoration:none;
}

#dd_3
{
position:absolute;
top:170px;
left:186px;
background-color:#5259b1;
display:none;
color:#bbbbbb;
line-height:20px;
}

#dd_3 a
{
color:#bbbbbb;
text-decoration:none;
}

#dd_3 a:hover
{
color:#ffffff;
text-decoration:none;
}

.divider
{
float:left;
width:700px;
height:30px;
background:url(divider.jpg) no-repeat 0px 0px;
}


.login
{
font-family:verdana;
font-size:11px;
}


/* pushybuttons :) */

input, textarea {

font-family: verdana;
font-size: 12px;
border:1px solid;
border-top-color:#5d56e0;
border-left-color:#5d56e0;
border-right-color:#251ce3;
border-bottom-color:#251ce3;
overflow: auto;

}




input.public_submit

{

background-color: #d9d9fd;

}


input.public_cancel {

background-color: #ffbfbf;

}


/* links */

a.topics, .frontpage_content_left a

{
	color: #222288;
	text-decoration: none;
}

a.topics:hover, .frontpage_content_left a:hover
{
	text-decoration: underline;
}

.error-message
{
	color:#dd0000;
}