/* Start of CMSMS style sheet 'Lampaille' */
body {
background-color: #567727;
margin: 0px 0px 0px 16px;
padding: 0px;
min-width: 750px;
font: Arial, Helvetica, sans-serif;
}

#banner, #content {
background-color: #e8e7a6;
}

#container {
background-color: #91be59;
max-width: 1010px;
}

#menubar {
padding: 220px 0px 50px 0px;
background-image: url(uploads/domain_logo.png);
background-repeat: no-repeat;
width: 210px;
background-color: #91be59;
height: 100%;
float: left;
}

#menubar ul {
padding: 0px;
margin: 0px;
color: #1a551a;
list-style-type: none;
}

#menubar ul li {
text-align: right;
padding: 10px 54px 10px 25px;
}

#menubar ul li a, 
#menubar ul li.sectionheader span, 
#menubar ul li h3 {
color: #1a551a;
font-family: "Georgia";
font-size: 15px;
font-weight: bold;
font-style: italic;
text-decoration: none;
margin: 0px;
}

#menubar ul li h3 {
text-decoration: underline;
}

#menubar ul li a:hover {
text-decoration: underline;
}

#menubar>ul:after {
content: url(uploads/spacer.png);
}

#banner { 
position: relative;
background-color: #e8e7a6;
height: 164px;
background-image: url(uploads/banneri_main.png);
background-repeat: no-repeat;
}

#banner .teksti {
text-align: right;
vertical-align: top;
font-family: "Georgia";
font-size: 15px;
font-style: italic;
font-weight: bold;
padding: 15px 10px 0px 0px;
margin: 0px 15px 0px 315px;
color: #1a551a;
}

#banner .otsikko {
position: absolute;
top: 85px;
left: 300px;
text-align: left;
vertical-align: bottom;
color: #1a551a;
font-size: 30pt;
font-family: Georgia;
font-style: italic;
font-weight: lighter;
}

#content {
margin-left: 210px;
max-width: 800px;
}

#text {
padding: 60px 15px 30px 50px;
border-right-color: #567727;
border-right-style: solid;
border-right-width: 15px;
}

.esite {
background-color: white;
border: solid #567727;
border-bottom-width: 3px;
border-left-width: 4px;
border-right-style: none;
border-top-width: 5px;
position: relative;
left: 15px;
padding: 21px 10px 13px 36px;
margin: 10px 0px 32px 0px;
}

.esite .teksti {
vertical-align: top;
padding-left: 7px;
}

.esite .toimenpiteet {
padding-top: 20px;
}

.kortti {
background-color: #f9f891;
border: 5px solid #4c641e;
margin: 10px 15px 10px 15px;
display: inline-block;
float: left;
}

.kortti th {
padding: 10px 26px 33px 26px;
}

.kortti th img {
border: 4px solid #4c641e;
}

#footer {
clear: both;
}

#menubar ul li:hover ul, #menubar ul li.over ul {
display: inline;
z-index: 100;
}

#menubar ul ul {
display: none;
position: absolute;
left: auto;
top: auto;
margin-left: 15px;
/* Droppis loppuu */
border: 4px solid #567727;
padding: 0px;
}

#menubar ul ul li {
background-color: #91be59;
width: 170px;
text-align: left;
padding: 1px 3px 1px 3px;
}

#menubar ul ul li a {
text-decoration: none;
font-weight: normal;
font-style: normal;
}

.tiedote {
background-color: white;
margin: 0px 45px 20px 0px;
border: 4px solid #567727;
}

.tiedote h1 {
text-align: center;
}

.tiedote .tiedote_teksti {
padding: 0px 10px 5px 10px;
border-bottom: 1px dashed black;
}

.tiedote .tiedote_kirjoittaja, .tiedote .tiedote_aika {
text-align: right;
}

#text a {
color: darkgreen;
font-weight: bolder;
}

.palsta {
float:	left;
width:	45%;
padding: 0px 10px 0px 20px;
}

/*** Opetukset ***/
#opetukset dt {
font-size: 1.5em;
}

#opetukset dd {
margin-bottom: 10px;
}

html .gallery a img, html .gallery .img a {
border: none;
}
html .gallery a img:hover {
opacity: 0.8;
}

.category_item {
font-size: smaller;
}

/** Custom luokat Petrille **/

.raamatun-teksti {
border: 1px dashed #aaa;
background-color: #F7F3D4;
color: #323131;
padding: 7mm;
margin: 0px 15mm;
font-weight: normal;
display: block;
}
.raamatun-teksti br {

}
/* End of 'Lampaille' */