/* no extra space around forms */
form { margin:0pt; padding:0pt; }

div.photo {float:right; align:left; width:600px; line-height:1.5;}


div.body {
    /* page width set to 900px (optimised for 1024x768 resolution) */
    width:1000px;

		/* background setting */
    background-color:#ffffff;

    /* centering of page */
    /* margin-left:auto; margin-right:auto; */

    /* text aligned to left */
    text-align:left;

    /* page borders set */
    border:solid 1px #000000;

    /* border-hack */
    background-image:url("xxx");
}

/* top bar */
div.top {
    /* size set to background image size */
    width:1000; height:90px;


    /* text color white */
    color:#ffffff;
    
		border-bottom:solid 1px #000000;
		
		/* border between top bar and site top */
		border-top:solid 0px #000000;

    /* border between top bar and menu/content */

}

/* menu bar */
div.left {
    /* width set */
    width:200px;
		
    /* bar floated to left of body */
    float:left;
}

/* main content */
div.content {
    /* width set */
    width:796px;

    /* content floated to right of body */
    float:right;
}

/* bottom bar */
div.bottom {
    /* size set to background image size */
    width:1000px; height:20px;

    /* background image and color if images disabled */
    /*background-image:url("img/line.JPG"); */
	
	background-color:#FFbb00;

    /* text color white and align center */
    color:#000000; text-align:center;

    /* forced below content and menu bar */
    clear:both;

    /* border between bottom bar and menu/content */
    border-top:solid 1px #000000;

		/* border between bottom bar and site bottom */

}

/* content box header */
div.silver {
    /* background slightly darker than in content box with slightly darker thin borders #efefef */
    background-color:#FFbb00; border:solid 1px #ddccbb;

    /* separated from borders */
    margin:6pt; 

    /* bold font to indicate header */
    font-weight:bold;
}

/* content box */
div.silver-content {
    /* background color silver with a thin border separating the two #dddddd */
    background-color:#ffffff; border-top:solid 1px #bbbbbb;

    /* normal font-weight to content */
    font-weight:normal;

    /* padding to separate text from borders */
    padding:3pt;
}

/* menu box header */
div.menu {
    /* size set to background image size */
    width:200px; height:40px;   

   /* background slightly darker than in menu box with slightly darker thin borders (eeddcc)() */
    background-image:url("img/button.JPG");  

	
	border:solid 10px #ddccbb


    /* bold font to indicate header */
    font-weight:bold;
}

.menu-text {
	display:block;
	height: 40px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 17px;
	white-space: nowrap;
	text-align: left;
	padding: 0 21px !important;
	line-height: 35px;
	text-decoration: none !important;
	color: #E3E3E3 !important;
}


/* left float */
div.float-left {
    float:left;
}

h1 { font-weight:bold; font-size:14pt; margin:0pt; padding:3pt 3pt 11pt 3pt; }
h2 { font-weight:bold; font-size:12pt; margin:0pt; padding:3pt 3pt 9pt 3pt; }

/* paragraph */
p {
    /* no margin for possible background issues */
    margin:0pt;

    /* padding to separate paragraphs */
    padding:0pt 0pt 12pt 0pt;
}

/* padded paragraph */
p.padd {
    /* no margin for possible background issues */
    margin:0pt;

    /* padding of 3pt (bottom 9pt) used to separate paragraphs */
    padding:3pt 3pt 9pt 3pt;
}

span.margin {
    /* separated from borders */
    margin:6pt;
}

.padded {
    padding:3pt;
}

/* link */
a.menu {
    /* underlines stripped */
    text-decoration:none;

    /* color set identical to body */
    color:#000000;
}

/* link:hover */
a.menu_text:hover {
    /* underlines stripped */
    text-decoration:none;

    /* deep red */
    color:#993322;
}

/* link */
a {
    /* underlines stripped */
    text-decoration:underline;

    /* deep red */
    color:#993322;
}

/* link:hover */
a:hover {
    /* underlines */
    text-decoration:none;
}

/* empty image */
img.empty {
    float:right;
    z-index:-1;
}

/* input */
input { border:solid 1px #bbbbbb; }
button { border:solid 1px #bbbbbb; }
textarea { border:solid 1px #bbbbbb; }
.red { color:#ff0000; }
.green { color:#009900; }

/* table sub-header */
.darksilver { background-color:#cccccc; }

/* table */
tr { text-align:left; }

/* help docs */
body.help { margin:0; padding:0; }
div.hlpb { margin-left:6pt; margin-top:6pt;}
div.help { text-align:left; background-color:#eeddcc; border:solid 1px #ddccbb; font-weight:bold; }
div.help-content { background-color:#ffeedd; border-top:solid 1px #ddccbb; padding:3pt; font-weight:normal; font-size:10pt; }
table.help { border-collapse:collapse; background-color:#ffeedd; margin:6pt; }
tr.hlpl { text-align:left; margin:0; padding:0; font-size:10pt;}
tr.hlpc { text-align:center; margin:0; padding:0; font-size:10pt;}
th.help { background-color:#eeddcc; font-weight:bold; margin:0; border:solid 1px #bbaa99; padding:1pt 3pt 1pt 3pt; }
td.help { margin:0; border:solid 1px #bbaa99; padding:1pt 3pt 1pt 3pt; }

/* query tables */
table.query { border:solid 1px #bbaa99; border-collapse:collapse; margin:6pt 0 6pt 0; }
td.query { border:solid 1px #bbaa99; border-top-width:2px; }
th.query { border:solid 1px #bbaa99; text-align:center; }

IFRAME.kartta {
	WIDTH: 350px; POSITION: relative; TOP: -10px; HEIGHT: 350px
}

/* begin Page */

/* Generated with Artisteer version 2.3.0.21098, file checksum is 74F417C0. */

body
{
	margin: 0 auto;
	padding: 0;
	background-color: #F0ECCF;
}

#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}


#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('img/top4.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 121px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 1000px;
	min-width:23px;
	min-height:23px;
}

.art-Sheet-body
{
	position: relative;
	z-index: 1;
	padding: 1px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
	position:absolute;
	z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
	width: 22px;
	height: 22px;
	background-image: url('../images/Sheet-s.png');
}

.art-Sheet-tl
{
	top:0;
	left:0;
	clip: rect(auto, 11px, 11px, auto);
}

.art-Sheet-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 11px, 11px);
}

.art-Sheet-bl
{
	bottom: 0;
	left: 0;
	clip: rect(11px, 11px, auto, auto);
}

.art-Sheet-br
{
	bottom: 0;
	right: 0;
	clip: rect(11px, auto, auto, 11px);
}

.art-Sheet-tc, .art-Sheet-bc
{
	left: 11px;
	right: 11px;
	height: 22px;
	background-image: url('../images/Sheet-h.png');
}

.art-Sheet-tc
{
	top: 0;
	clip: rect(auto, auto, 11px, auto);
}

.art-Sheet-bc
{
	bottom: 0;
	clip: rect(11px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
	top: 11px;
	bottom: 11px;
	width: 22px;
	background-image: url('../images/Sheet-v.png');
}

.art-Sheet-cr
{
	right:0;
	clip: rect(auto, auto, auto, 11px);
}

.art-Sheet-cl
{
	left:0;
	clip: rect(auto, 11px, auto, auto);
}

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 11px;
	left: 11px;
	right: 11px;
	bottom: 11px;
	background-color: #FFFFFF;
}


.art-Sheet
{
	margin-top: 10px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:1000px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 998px;
	height: 110px;
}

div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 1000px;
	height: 110px;
	background-image: url('img/top3.jpg');
	background-repeat: no-repeat;
	background-position: center center;
   /* page borders set */
    border:solid 1px #000000;
	
    /* text color white */
    background-color:#ffffff;
	}
/* end Header */

/* Start images */
a img
{
	border: 0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #497EA2;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #497EA2;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #595959;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #111E27;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
  color: #1F5F93;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
  color: #297DC2;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
  color: #949494;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 15px;
font-style: normal;
font-weight: bold;
  color: #1D5A8B;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
  color: #1D5A8B;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
  color: #1D5A8B;
}
s
ol, ul
{
	color: #141414;
	margin:1em 0 1em 2em;
	padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
}

div
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
  color: #black;
}