@import url(calendar.css);


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus { outline: 0; }
* {
  margin: 0;
  padding: 0;
}
body {
  line-height: 1;
  color: #000000;
  background: white;
  height: 100%;
  width: 100%;
}
ol, ul { list-style: none; }
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before { content: ""; }
blockquote:after { content: ""; }
q:before { content: ""; }
q:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
abbr {
  cursor: help;
  border: 0;
}
html { height: 100%; }
body {
  line-height: 110%;
  font-family: 'Trebuchet MS', sans-serif;
  background: #ffffff url('/files/perheliikunta/img/navbarbg_28x75.png') repeat-x;
  height: 100%;
  color: #565656;
  font-size: 13px;
}
#content {
  padding-bottom: 150px;
  width: 1000px;
  margin-left: 175px;
}

#page {
  width: 1366px;
  margin: 0 auto 0 auto;
  position: relative;
  min-height: 100%;
}
* html #page { height: 100%; }
body #page #nav {
  width: auto;
  height: 74px;
  margin-left: 440px;
}
body #page #nav ul li {
  font-size: 19px;
  font-weight: normal;
  display: block;
  float: left;
  padding-left: 12px;
  margin-left: 9px;
  margin-top: 30px;
  background-image: url('/files/perheliikunta/img/navseparator_3x15.png');
  background-repeat: no-repeat;
  background-position: 0 2px;
}

body #page #nav ul li:first-child { background: 0; }

body #page #nav ul li.current a { color: #777; border-bottom: 2px solid #ccc; }

#eyecatcher {
  margin-left: 15px;
  height: 400px;
  width: 1360px;
}
#eyecatcher .imageblock {
  float: left;
  height: 400px;
  margin: 0;
overflow:hidden;
}
#eyecatcher .textblock {
  height: 200px;
  width: 266px;
  background: #81d326;
  font-size: 12px; color: white; line-height: 130%;
}
#eyecatcher .textblock h1, #eyecatcher .textblock h2, #eyecatcher .textblock h3, #eyecatcher .textblock h4, #eyecatcher .textblock h5, #eyecatcher .textblock h6 {
  font-size: 20px;
  padding: 20px;
  color: white;
  line-height: 130%;
}

#eyecatcher .textblock p {
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  color: white;
  line-height: 130%;
}

#eyecatcher .textblock a, #eyecatcher .textblock a:link, #eyecatcher .textblock a:visited, #eyecatcher .textblock a:hover { color: white; text-decoration: underline; font-weight: normal; }

#eyecatcher img {
  border: 0;
  margin: 0;
  display: block;
}


h1 a {
  position: absolute;
  top: 0;
  margin-left: 175px;
  display: block;
  width: 243px;
  height: 106px;
  background: url('/files/perheliikunta/img/titleblock_243x106.png') no-repeat;
  text-indent: -10000px;
z-index:100;
}
a {
  color: #81d326;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
  color: #81d326;
  font-weight: bold;
  text-decoration: none;
}
a:link {
  color: #81d326;
  font-weight: bold;
  text-decoration: none;
}
a:hover { color: #5fb104; }
hr {
  clear: both;
  width: 100%;
  height: 3px;
  border: 0;
  background: url('/files/perheliikunta/img/hr_102x3.png') repeat-x;
}
h2.campaigntitle {
  color: #434343;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 18px;
  margin-left: 485px;
}
h2.campaigntitle a {
  color: #434343;
  font-weight: normal;
}
h2.campaigntitle a:visited {
  color: #434343;
  font-weight: normal;
}
h2.campaigntitle a:link {
  color: #434343;
  font-weight: normal;
}
h2.campaigntitle a:hover { color: #5fb104; }
.articlecontent h1 {
  color: black;
  font-size: 24px;
  margin-bottom: 25px;
}
.articlecontent h2 {
color:#81D326;
font-size:18px;
line-height:110%;
margin-bottom:15px;
}
h3 {
  color: black;
  font-size: 24px;
  margin-bottom: 25px;
}
h4 {
  color: #81d326;
  font-size: 18px;
  line-height: 110%;
}
h4 a { font-weight: normal; }
h4 a:link { font-weight: normal; }
h4 a:visited { font-weight: normal; }
.contentblock .suggestedarticles {
  width: 215px;
  float: left;
  margin-left: 45px;
  margin-right: 5px;
}
.suggestedarticles h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 12px;
}
.suggestedarticles p {
  margin-bottom: 25px;
  color: #777777;
}
.contentblock {
  padding-top: 30px;
  padding-bottom: 45px;
  padding-left: 35px;
}
.articlespotlight {
  float: left;
  width: 450px;
}
.articlespotlight p {
  margin-bottom: 12px;
  color: #777777;
}
.articlespotlight h4 {
  font-weight: bold;
  margin-bottom: 12px;
}
.articlespotlight .articleabstract {
  float: left;
  width: 350px;
}

.suggestedarticles a, .suggestedarticles a:link, .suggestedarticles a:visited,.suggestedarticles a:hover, .articlespotlight .articleabstract a, .articlespotlight .articleabstract a:link, .articlespotlight .articleabstract a:hover, .articlespotlight .articleabstract a:visited { font-weight: bold; }

.articlespotlight img {
  float: left;
  margin-right: 20px;
}
.inlinebanner { display: block;text-align:right; }
.newsitem {
  float: left;
  width: 210px;
  padding-right: 10px;
}
.newsitem p.date {
  color: #9b9b9b;
  line-height: 30px;
}
span.date {
  color: #777777;
  font-weight: normal;
font-size:12px;
}
.news {
  margin-left: 275px;
  position: relative;
  top: -42px;
}
.events { line-height: 150%; }

#footer {
  position: relative;
  margin: -120px auto 0 auto;
  height: 120px;
  width: 100%;
  min-width: 1366px;
  background: #e2e2e2 url('/files/perheliikunta/img/footerbg_64x164.png') repeat-x;
}
#footer h4 a, #footer h4 a:link, #footer h4 a:visited, #footer h4 a:hover { color: #7a7a7a; font-size: 24px; }
#footer h4 { margin-bottom: 10px; }
.footercopy { float: left; height: 100%; width: 245px; }
#footer .footerinner { padding-top: 30px; width: 1000px; margin-left: auto; margin-right: auto; }

#footer .footernav { padding-top: 30px; float: left; }
#footer .footernav li { display: block; float: left; margin-right: 20px; }

#footer .backtotop { display: block; font-size: 24px; color: #7a7a7a; float: right; width: 100px; background-image: url('/files/perheliikunta/img/footer_uparrow_15x10.png'); background-repeat: no-repeat; background-position: 60px 3px; }

#banners { position: absolute; width: 140px; top: 495px; right: 20px; }
#banners-sub { position: absolute; width: 140px; top: 125px; right: 20px; }

.searchwrap {
	position: absolute; top: 490px; right: 180px;
    margin:0;padding:0;
    width: 222px; height:32px;
    background: #fff url('/files/perheliikunta/img/searchfield_222x32.png') no-repeat; }
.subsw { 
top: 92px; 

}
.searchwrap .searchquery { 
	font-size: 16px; color: #777; font-family: 'Trebuchet MS', sans-serif;
    margin-left: 5px;
    margin-top: 4px;
    background: transparent;
    border: 0;
    width: 180px;
    outline: none; 
    height: 23px; }
.find { width: 24px; display: block; float:right; position: relative; left: -4px; top: 4px; }
.article { width: 640px; padding-left: 275px; }
.articlecontent { margin-bottom: 45px; }
.share li, .breadcrumb li { display: block; float: left; margin-right: 14px; }
.share li img { border:0; margin-right: 5px; }
.share { margin-top: 10px; }
.breadcrumb li { background-image: url('/files/perheliikunta/img/searchbtn_7x7.png'); background-repeat: no-repeat; background-position: 0 5px; padding-left: 10px; margin-right: 4px; }
.breadcrumb li:first-child { padding-left: 0; background-image: none; }
.breadcrumb { margin-left: 450px; height: 10px; padding-top: 25px; }
.breadcrumb a { color: #888; font-weight: normal; font-size: 11px; }
.breadcrumb a:hover { color: #81d326; }
.articlecontent h4 { line-height: 300%; }
.articlecontent p.articlepreface { font-size: 16px; color: #888; margin-bottom: 16px; }
.articlecontent p { 
margin-bottom: 12px; 
line-height: 140%; 
font:14px/1.3em Arial,sans-serif;
/* font-size: 12px;  */
}
.articlecontent .articleimagewrap { text-align: center; }
.articlecontent img { margin-top: 20px; margin-bottom: 20px; }
.articlecontent p a { border-bottom: 1px dotted #81d326; }
p.articlepreface a:link { color: #888; border-bottom: 1px dotted #888; font-weight: normal; }
p.articlepreface a:hover { color: #81d326; border-bottom: 1px dotted #81d326; }
.article hr { margin-bottom: 20px; }

#sidebar { width: 240px; position: absolute; top: 170px; background-image: url('/files/perheliikunta/img/sidebartop_243x74.png'); background-repeat: no-repeat; }
#sidebar ul { padding-left: 18px; padding-right: 12px; padding-top: 12px; padding-bottom: 8px; margin-top: 74px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#sidebar div { background-image: url('/files/perheliikunta/img/sidebarshadow_243x21.png'); background-repeat: no-repeat; height: 21px; }
#sidebar li { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #eee; }
#sidebar li:first-child { border: none; padding-top: 0; }

#sidebar ul ul { padding: 12px 0 0 12px; margin: 12px 0 0 0; border-right: 0; border-left: 0; border-top: 1px solid #eee; border-bottom: 0; }

#sidebar ul li.current > a, #sidebar ul ul li.current > a { color: #666; }

#homepage-spacer {
height:120px;
clear:both;
display:none;
}

#page.homepage {
margin-bottom:120px;
clear:both;
}