body
{
background-color: #333366;
color: #333366;
font-family: Verdana, Arial, sans-serif;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: #333366;
}

#content
{
font-size: 100%;
background-color: #333366;
color: #FFFFFF;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
padding: 15px 15px 15px 15px;
border-color: #333366;
text-align: left;
}

#menu
{
background-color: #333366;
color: #333366;
font-family: Verdana, Arial, sans-serif;
font-style: normal;
border-color: #333366;
}

a.menuitem
{
font-size: 115%;
background-color:#CCFFFF;
color: #0033CC;
font-variant: normal;
text-transform: none;
font-weight: bold;
margin-left: 15px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px;
border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;
border-left-style: none; border-right-style: none; border-top-style: none; border-bottom-style: none;
border-color: #CCFFFF;
text-align: center;
}

#logo, #logo a
{
font-size: 160%;
background-color:  #333366;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
padding: 5px 5px 5px 5px;
border-color: #333366;
text-align: left;
}

.slogan
{
font-size: 140%;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
width: 40%;
margin-left: 30%
margin-right: 30%
}

.kuvakokoelma
{
float: left;
width: 202px;
height: 160 px;
margin: 0 5px 5px 0;
}


/* tekstissä olevat linkit*/
#content a
{
color: #CCFFFF;
text-decoration: underline;
}

#content a:hover, #content a:active
{
background-color: #0033CC;
color: #CCFFFF;
}

h1, h2, h3, h4, h5, h6
{
font-family: Verdana, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
text-transform: none;
font-weight: bold;
color: #FFFFFF;
}

h1
{
font-size: 165%;
}

h2
{
font-size: 145%;
margin: 1em 0 0.625em 0;
}

h3
{
font-size: 135%;
margin: 1.1em 0 0.679em 0;
}

h4
{
font-size: 125%;
margin: 1em 0 0.625em 0;
}

h5
{
font-size: 115%;
margin: 0.81em 0 0.5em 0; 
}

h6
{
font-size: 105%;
margin: 0.81em 0 0.5em 0;
}

p 
{
font-size: 110%;
font-family: Arial, Helvetica, sans-serif;
max-width: 35em;
line-height: 1.3;
margin: 0.3em 0 0.9em 0;
}

li
{
font-size: 110%;
font-family: Arial, Helvetica, sans-serif;
max-width: 35em;
line-height: 1.3;
margin: 0.3em 0 0.9em 0;
}

table 
{
margin: 0.3em 0 0.9em 0;
}

th
{
text-align: left;
}

td
{
text-align: right;
}

img 
{
margin: 0.3em 0 0.9em 0;
}

h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
p { widows: 2; orphans: 2; }

#menu a
{
text-decoration: none;
}

.menuitem:hover
{
background-color: #0033CC;
color: #CCFFFF;
}

#trail a
{
text-decoration: none;
}

#logo a
{
text-decoration: none;
}

#trail a:hover
{
}

/* layout */
#menu		{width: 20%; position: relative; top: 0; left: 0; float: left; text-align: center;}
.menuitem		{width: auto;}
#content		{margin-left: 20%; width: auto}
.menuitem		{display: block;}


@media print
{
#menu
{
display: none;
}

#content
{
padding: 0px;
font-family: "Times New Roman", serif;
}

#content a 
{
text-decoration: underline;
font-family: "Times New Roman", serif;
}
}