* {font-size: 100%; margin: 0; padding: 0; line-height: 1.4em;}

body {position: relative; background: url(images/bg_body.gif) top left repeat-x #2a61a0; font: 12px Arial, Verdana, Helvetica, sans-serif; color: #5b6a72; text-align: center;}

#page {display: block; width: 972px; background: url(images/bg_main.png) top repeat-y; text-align: left; margin: 0 auto;}

#page2 {display: block; width: 972px; text-align: left; margin: 0 auto;}

#header {float: left; display: block; width: 972px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}

#header img.otsikko {display: block; float: left; margin: 55px 0 0 50px; border: 0; padding: 0;}

.description {display: block; width: 180px; float: right; margin: 61px 35px 18px 0;}

* html #header {height: 355px;}

#content .page ul {
	clear:both;
}
#content .page ul li {
	list-style-type:square;
	line-height:1.5em;
}

#content {float: right; display: block; width: 606px; margin: 20px 50px 0 0;}

#sidebar {float: left; display: block; width: 236px; margin: 30px 20px 0 50px; border-right: 1px solid #dfe5e8;}

* html #content, * html #sidebar {margin-top: -25px;}

.post {float: left; display: block; width: 580px; margin: -50px 0 0 0;}
.post-home {float: left; display: block; width: 580px; margin: 0px 0 0 0;}

.post2 {float: left; display: block; width: 580px; margin: 10px 10px 10px 0;}

.page {float: left; display: block; width: 580px; margin: 0 0 0 14px;}

.archive {float: left; display: block; width: 603px; background: url(images/on2_off.gif) top left no-repeat; padding: 16px 0 0 0; border-bottom: 1px solid #dfe5e8; margin: 0;}

.archive:hover {background: url(images/on2.gif) top left no-repeat #eef7ff;}

#sidebar .post {display: block; width: 277px; margin: 0 0 24px 0;}

.title {float: left; display: block; width: 606px; background: none; margin: 10px 10px 0 0;}

.haku {float: left; display: block; width: 606px; background: none; margin: 30px 10px 0 0;}

#sidebar .title {float: left; display: block; width: 277px; background: url(images/bg_h3.gif) top left no-repeat;}

.title_uutiset {float: left; display: block; width: 603px; height: 18px; background: url(images/uutiset_tausta.gif) top left no-repeat; margin: 19px 0 10px 0;}

.entry {float: left; display: block; width: 523px; margin: 10px 0 0 14px;}

.postinfo {float: left; background: url(images/bar.gif) top left no-repeat; display: block; width: 351px; height: 28px; margin: 8px 0 18px 12px; padding: 5px 0 30px 16px;}

.archive .postinfo {margin-left: 0;}

.archive .entry {margin: 0;}

* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}

p img {float: left; margin: 0 18px 12px 0;}

img {border: 0;}

.navigation {float: left; display: block; margin: 10px 10px 10px 0; }

.navigation2 {float: right; display: block; margin: 10px 10px 10px 0; }

.ngg-widget {float: left; display: block; margin: 10px 0 0 0; }

.swimshop {
	padding:10px 0px;
}

#content table {
	margin:10px -1px 24px 0;
	text-align:left;
	width:100%;
}
#content tr th, #content thead th {
	color:#888888;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	padding:9px 24px;
}
#content tr td {
	padding:6px 24px;
}
#content tr.odd td {
	background:none repeat scroll 0 0 #F2F7FC;
}
/* typography */

h1 {font: 2.0em Tahoma, Verdana, Arial, sans-serif; color: #1075ad; padding: 10px 0px 10px 0px; margin: 0 0 -5px 0;}

h1 a, h1 a:visited {color: #1075ad; text-decoration: none;}

.title h2 {font: 1.6em Tahoma, Verdana, Arial, sans-serif; color: #1075ad; text-transform: none; padding: 8px 24px 12px 0px; display:block;}

#content .postwrapper .title h2 {font: 1.6em Tahoma, Verdana, Arial, sans-serif; color: #1075ad; text-transform: none; padding: 11px 10px 12px 12px; margin: 0 0 0 0;}

#sidebar .title h2 {font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 3px 0 6px 10px; background: none; color: #fff;}

.title_uutiset h2 {font: 10px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 3px 0 6px 10px; background: none; color: #1075ad;}

.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}

h2 a, h2 a:visited {}

h3 {font: bold 1.1em verdana, Arial, Tahoma, Helvetica, sans-serif; letter-spacing: 0.5px;}

h3 a:hover {color: #00a5ff; text-decoration: underline;}

p {font-size: 11px; font: Arial, Verdana, Tahoma, Helvetica, sans-serif; margin: 0 0 18px 0; padding: 0; line-height: 16px;}

.page p {font: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; margin: 0 0 18px 0; color: #555555; padding: 0; line-height: 18px; font-weight: normal;}

.entry p {font: Arial, Verdana, Tahoma, Helvetica, sans-serif; padding-right: 24px; font-size: 12px; color: #555555; margin: 0 0 18px 0; line-height: 18px; font-weight: normal;}

.postinfo p {padding: 0 6px;}

.req {padding-left: 3px; color: #CC0000;}

blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}




/* lists */
ul {list-style: none; margin: 0 0 24px 6px;}
ol {margin: 0 0 24px 6px;}
ul li { list-style: none; margin: 0 24px 0 14px;}
ol li {margin: 0 24px 0 14px;}
.buttons {float: left; list-style: none; margin-left: 0;}
.buttons li {float: left; margin: 0 18px 0 0; padding: 0;}
.buttons ul li .page_item {background: #eef7ff; text-decoration: none; color: #000;}
.current-cat {background: url(images/on.gif) top left no-repeat; text-decoration: none; color: #000;}
.buttons a, .buttons a:visited {display: block; width: 190px; padding: 6px; text-align: left; border-bottom: 1px solid #dfe5e8; font: 11px Verdana, Arial, sans-serif;}
.buttons a:hover {background: url(images/on.gif) top left no-repeat; text-decoration: none; color: #000;}
.buttons_news {float: left; list-style: none; margin-left: 0;}
.buttons_news li {float: left; margin: 0 18px 0 0; padding: 0;}
.buttons_news ul li .page_item {background: #eef7ff; text-decoration: none; color: #000;}
.buttons_news a, .buttons_news a:visited {display: block; width: 190px; padding: 6px; text-align: left; border-bottom: 1px solid #dfe5e8; font: 11px Verdana, Arial, sans-serif;}
.buttons_news a:hover { text-decoration: none; color: #000;}
.current_page_item {background: url(images/on.gif) top left no-repeat; text-decoration: none; color: #000;}
.current_page_ancestor {background: url(images/on.gif) top left no-repeat; text-decoration: none; color: #000;}
.page_folder .page_item {font: 10px Arial, Helvetica, sans-serif;background: #f0f0df; text-decoration: none; margin: 0 0 0 -6px;}
.page_folder .page_item a {font: 10px Arial, Helvetica, sans-serif;background: #f0f0df; text-decoration: none; color: #737f87;}
.page_folder .page_item a:hover {color: #000000;}
.page_folder .current_page_item {font: 10px Arial, Helvetica, sans-serif;background: #f1e1cd; text-decoration: none; margin: 0 0 0 -6px;}
.page_folder .current_page_item a {font: 10px Arial, Helvetica, sans-serif;background: #f1e1cd; text-decoration: none; color: #737f87;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist {float: left; list-style: none; margin: 0 0 18px 0;}
.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
.catlist a:hover {background: #F2F2F2;}
#themeswitcher {list-style: none; margin: 0 0 18px 0;}
#themeswitcher li {margin: 0;}
#sidelist {list-style: none;}
#sidelist li {margin: 0;}
#sidelist li li {margin: 0 24px 0 8px;}
#sidelist ul {list-style-type: disc; }
#kantapankki {
	margin-bottom:5px;
}


/* links */
a, a:visited {color: #116aa4; text-decoration: none;}
p a:hover, ul a:hover {color: #50a6d8;text-decoration: underline;}
#content p a:hover, #content ul a:hover {color: #50a6d8;text-decoration: underline;}


/* main image */
#mainpic {float: left; background: url(images/mainpic.png) no-repeat; display: block; width: 972px; height: 330px; margin: 0; border: 0;}


/* forms */
form {margin: 0 0 18px 0;}
#searchsubmit {position: absolute;}
#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}
select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}
.field {padding: 2px; width: 153px;}
textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}
select option {padding: 1px;}
#submit {padding: 3px;}


/* footer */
#footer {clear: both; display: block; width: 972px; height: 115px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 1px solid #2a61a0; text-align: center;}
#footer-top {display: block; width: 972px; height: 1px;}
#footer p {font-size: 10px; color: #afc6de; padding: 85px 0px 7px 0px; line-height: 20px;}
#footer a, #footer a:visited {font-size: 10px; color: #afc6de; text-decoration: underline;}
#footer a:hover {font-size: 10px; color: #fff; text-decoration: none;}
#footer img {float: none; margin: 0;}


#footer2 { bacground: #2a61a0; clear: both; display: block; width: 972px; text-align: center;}
#footer2 p {font-size: 11px; color: #afc6de; padding: 0px 0px 7px 0px; line-height: 20px;}
#footer2 a, #footer a:visited {font-size: 11px; color: #afc6de; text-decoration: underline;}
#footer2 a:hover {font-size: 11px; color: #fff; text-decoration: none;}
#footer2 img {float: none; margin: 0;}



/* news paivamaarat */
div.newsinfo {
display: block;
float: right;
text-align:center;
width: 68px;
height: 97px;
background:  url(images/date.gif) no-repeat top left;
margin-left:0; 
margin-right:5px; 
margin-top:0; 
margin-bottom:0px
}

div.newsinfo span {
display: block;
text-align: center;
}

div.newsinfo span.day {
font-size: 35px;
line-height: 30px;
color: #1d82b7;
margin-top:5px;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
}

div.newsinfo span.month {
margin-top: 2px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
margin-bottom:0px;
line-height: 16px;
color: #006ea7;
}

div.newsinfo span.year {   
font-size: 12px;
text-transform: uppercase;
line-height: 10px;
font-weight: bold;
padding-top:3px;
color: #1d82b7;
}