body
{
font-family: arial;
}

p.MsoNormal
{
padding: 0px;
margin: 0px;

}

#menu .level1
{
list-style: none;
display: block;
margin-left: -20px;
margin-top: 8px;
color: #FFFFFF;
font-size: 0.8em;
font-weight: 800;
}

#menu .level1 a
{
color: #FFFFFF;
text-decoration: none;
}

#menu .level1 a:hover
{
color: #FFFFFF;
text-decoration: underline;
}

#menu .level2
{
list-style: none;
margin-left: -40px;
color: #FFFFFF;
font-size: 0.9em;
}

#menu .level2 a
{
color: #FFFFFF;
text-decoration: none;
}

div#container
{
width: 1000px;
border: 1px solid #000000;
margin-left: auto;
margin-right: auto;
background-image: url("gfx/bg.jpg");
}

div#header
{
height: 150px;
background-image: url("gfx/header.jpg");
}

img#dynamicHeaderImg
{
position: relative;
top: 14px;
left: 481px;
}

div#navigation
{
width: 210px;
float: left;
}

div#navigation ul
{
padding-right: 0px;
margin-right: 20px;
}

div.topNav
{
padding: 3px;
margin-left: 210px;
margin-right: 30px;
background-color: #ffffff;
border: 1px solid #eaeaea;
}

div.topNav a
{
color: #404040;
font-size: 12px;
text-decoration: none;
font-weight: 800;
}

div.topNav a:hover
{
text-decoration: underline;
}

div.actionLinks
{
margin-left: 20px;
}

div.actionLinks a
{
color: #505050;
font-size: 10px;
}

div.actionLinks img
{
border: 0px;
margin: 0px 3px 0px 3px;
}

div.content
{
margin-left: 200px;
margin-right: 12px;
}

div.content h2
{
color: #034da2;
margin: 10px 10px 8px 16px;
}

div.content h3
{
color: #034da2;
font-size: 0.9em;
margin: 10px 10px 8px 16px;
}

div.content p
{
font-size: 0.8em;
line-height: 1.1em;
margin: 15px;
color: #202020;
}

div.content table
{
margin: 20px;
}

div.content table th
{
text-align: left;
color: #034da2;
}

div.content table td
{

}

div.content a
{
font-size: 0.9em;
font-weight: 800;
color: #034da2;
}

img.eventImage
{
float: right;
margin: 5px 30px 5px 10px;
}

div#footer
{
height: 30px;
width: 760px;
margin-left: 210px;
margin-bottom: 10px;
text-align: center;
padding: 0px;
}

div#footer span
{
font-size: 0.6em;
color: #505050;
}

div#blueLineFooter
{
background-color: #034da2;
height: 4px;
width: 760px;
}

div.lightBlueBox
{
background-color: #daebfd;
padding: 10px;
margin: 10px;
}

div.lightBlueBox p
{
font-size: 0.8em;
}

div.lightBlueBox h3
{
font-size: 1.0em;
color: #034da2;
margin-top: 4px;
margin-bottom: 4px;
}

div.lightBlueBox a
{
font-size: 0.9em;
font-weight: 800;
color: #034da2;
}

/* START blogBox */

div.rightContainer
{
width: 180px;
text-align: center;
padding-bottom: 5px;
margin-bottom: 10px;
margin-right: 20px;
float: right;
}

div.leftContainer
{
width: 510px;
padding-bottom: 5px;
margin-bottom: 10px;
border: 1px solid #ff00ad;
float: left;
}

div.rightContainer2
{
width: 230px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-left: 520px;
border: 1px solid #ff0000;
float: left;
}

div.rightBox
{
background-color: #efefef;
margin-bottom: 10px;
padding: 10px;
font-size: 12px;
}

div.rightBox h2
{
margin-left: 0px;
font-size: 1.3em;
color: #505050;
}

div.rightBox h4
{
margin-left: 0px;
font-size: 11px;
color: #505050;
}

span.writerName
{
font-size: 10px;
}

p#blogPreview
{
margin: 0px 0px 5px 0px;
padding: 0px;
}

div.blogBox
{
border: 1px solid #034da2;
width: 170px;
text-align: center;
padding-bottom: 5px;
margin-bottom: 10px;

}

div.blogBox h3
{
font-size: 1.2em;
color: #034da2;
margin: 4px;
}

div.blogBox span
{
display: block;
font-size: 0.7em;
color: #505050;
}

div.blogBox h4
{
color: #034da2;
font-size: 0.9em;
margin: 8px;
}

div.blogBox p
{
font-size: 0.7em;
margin: 4px;
}

div.blogBox a
{
color: #034da2;
font-size: 0.7em;
font-weight: 800;
}

/* END blogBox */

div.eventBox
{
border: 1px solid #034da2;
width: 170px;
text-align: center;
padding-bottom: 5px;
margin-bottom: 10px;
}

img.blogFaceImage
{
float: right;
margin: 3px 50px 10px 20px;
}

span#blogEntryHead
{
font-weight: 800;
}

div.centerCircle table
{
background-image: url("pikkukuvat/rengas.png");
background-position:center;
background-repeat: no-repeat;
}

div.centerCircle table h3
{
color: #034da2;
margin: 3px;
}

div.centerCircle table p
{
font-size: 0.8em;
color: #505050;
}

img.panoraama
{
border: 1px solid #505050;
margin: 0px;
}

div.blogList
{
font-size: 0.8em;
margin: 5px 10px 5px 30px;
}

div.blogList span.time
{
font-style: italic;
font-size: 0.8em;
}

span.panoraamaKuvaTeksti
{
font-size: 0.8em;
color: #505050;
display: block;
background-color: #eaeaea;
border: 1px solid #808080;
width: 140px;
margin-top: -2px;
}

#kirkot td
{
text-align: center;
font-size: 0.8em;
}

.feedback td
{
font-size: 0.8em;
padding: 8px;
}