body {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}
#banner {
	background-repeat: repeat-y;
	height: 119px;
	background-image: url(livonia.png);
	clear: both;
	width: 740px;
}

#nav {
	width: 740px;
	height: 34px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-bottom: 12px;
	margin-top: 0px;
	border-top-width: 0px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
}

#nav a:link{
	margin-right: 0px;
	color: #003399;
	text-decoration: none; font-weight: normal;	
}

#nav a:visited{
	margin-right: 0px;
	color: #003399; text-decoration: none;
	font-weight: normal;	
}

#nav a:hover{
	font-size: 11pt;
	font-weight: normal;
	color: #FF0000;
	text-decoration:none;
	
}

#contentarea {
	width: 700px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#uutiset {
	width: 250px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#uutiset p{
	font-size: 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#uutiset tr{
	font-size: 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#uutiset td{
	font-size: 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#uutiset body{
	font-size: 10px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#uutiset a:link{
	color: #003399;
	text-decoration: none; font-weight: normal;	
}

#uutiset a:visited{
	color: #003399;
	text-decoration: none; font-weight: normal;
}

#uutiset a:hover{
	font-weight: normal;
	color: #FF0000;
	text-decoration:none;
	
}
	
#uutiset h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	line-height: 14pt;
}

#uutiset h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
}
	

#content h1 {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #008CDC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	font-weight: bold;
	top: 0px;
	clip: rect(0px,auto,auto,auto);
}

#content h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;

	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	font-weight: normal;
	line-height: 14px;
}

#content {
	font-size: 13px;
	width: 430px;
	background-color: #FFFFFF;
	top: 0px;
}

#content p {
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	margin-top: 0px;
	line-height: 14pt;
}

#content p.info {
	background: #F1F1EF;
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	margin-top: 0px;
	line-height: 14pt;
}

#content table.info {
	background: #F1F1EF;
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
	line-height: 12pt;
}

#content tr.tarjous {
	background: #F1F1EF;
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
	line-height: 12pt;
}

#content li {
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
	line-height: 12pt;
}

#content input {
 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	
}

#content textarea {
 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	
}

#content select {
 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	
}

#content td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 14pt;
}

#content td.taulukko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#content table.taulukko {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#messut {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
	line-height: 14pt;
}
#content a:link{
	margin-right: 0px;
	color: #003399;
	text-decoration: none; font-weight: normal;	
}
#content a:visited{
	margin-right: 0px;
	color: #003399;
	text-decoration: none; font-weight: normal;
	}

#content a:hover{
	margin-right: 0px;
	color: #FF0000;
	text-decoration: none;
	font-weight: normal;
	}

#palaute p {
	margin-right: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #000000;
	margin-top: 0px;
	line-height: 12pt;
}

#confirmbutton { font-weight: bold;
}

.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:23.8%;
            margin:0 0 10px 1%; padding:10px 0;
            height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(45degree.png);
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */
            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:3px;
              background:#FFFFFF;
              width:75px; height:75px;
              border:1px solid #FFFFFF; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#FFFFFF;
            }
            /* These are all optional, for decoration purpouses only */
            .gallery{
              border-bottom:0px solid #000;
              padding-bottom:0px;
              margin-top:0px;
            }

.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}