/* Start of CMSMS style sheet 'Arkki' */
body{
background-color:#dde4f4;
}

#wrapper{

width: 980px;
margin: 0 auto;
background-color:#a0b330;
margin-top: -10px;
}


a{
text-decoration: none;
color:#b97d09;
font-weight: bold;
}

a:hover{
color:#000;
}

h1{

font-family: 'trebuchet MS', sans-serif;
font-size: 18px;
margin: 20px 20px 0px 20px;


}

h2{

font-family: 'trebuchet MS', sans-serif;
font-size: 16px;
margin: 20px 20px 0px 20px;


}

h3, h4, h5, h6{

font-family: 'trebuchet MS', sans-serif;
font-size: 12px;
margin: 20px 20px 0px 20px;


}

p{

font-family: 'trebuchet MS', sans-serif;
font-size: 11px;
margin: 20px 20px 0px 20px;

}

ul{

list-style-type: square;
font-family: 'trebuchet MS', sans-serif;
font-size: 11px;

}

ol{


font-family: 'trebuchet MS', sans-serif;
font-size: 11px;

}


#title{

background:#a0b330;

}

#navigation{

background:#a0b330;

}



#container3 {

float:left;
width:100%;
background:#a0b330;
overflow:hidden;
position:relative;
right: 0px;

}

#container2 {

float:left;
width:100%;
background:#f6e8b7;
position:relative;
right: 260px;

}

#container1 {

float:left;
width:100%;
background:#a0b330;
position:relative;
right: 530px;

}

#navigation2 {

float: left;
width:190px;
position:relative;
left: 790px;
overflow:hidden;
background-color:#a0b330;

}

#content {

float:left;
width:530px;
position:relative;
left: 790px;
overflow:hidden;
background: #f5e9b7 url("uploads/images/content.jpg") top no-repeat;

}

#content p, h1, h2, h3, h4, h5, h6{


margin-top: 30px;
}

#content img{

margin: 20px 0px 0px 0px;;

}

.kappalekuva{


padding: 0px 20px 20px 20px;
}


#content a img{

margin: 0px;

}

#oikea {

float:left;
width:260px;
position:relative;
left: 790px;
overflow:hidden;
background-color:#a0b330;

}


#oikea1 {
width:270px;
height:66px;
padding:0px;
margin: 0px;
text-decoration: none;
background: url("uploads/images/oikea2bg.jpg") no-repeat;
}

#oikea2 {
width:270px;
height:92px;
padding:0px;
margin: 0px;
text-decoration: none;
background: url("uploads/images/oikea1bg.jpg") no-repeat; 
}

#oikea1 a, #oikea2 a{


color: #000;
margin: 0px 0px 20px 40px;
font-family: 'trebuchet MS', sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 70px;
text-align: center;
}

#oikea1 a:hover, #oikea2 a:hover{

color: #b97d09;

}

#oikea3 {
width:270px;
height:111px;
padding:0px;
margin: 0px;
background: url(uploads/images/oikea_otsikko.jpg);
background-repeat: no-repeat;
text-decoration: none;
}

#oikea3 h1{
margin: 0px 50px 60px 60px;
font-family: 'trebuchet MS', sans-serif;
font-size: 18px;
font-weight: bold;
color: #59641b;

}

#oikea4 {
width:270px;
height:181px;
padding:0px;
margin: 0px;
background: url(uploads/images/oikea_nosto.jpg);
background-repeat: no-repeat;
text-decoration: none;
}

#oikea4 p{
margin: 0px 50px 60px 60px;
font-family: 'trebuchet MS', sans-serif;
font-size: 12px;
color: #59641b;


}







#uutiset, #nosto {
width:200px;
padding:0px;
margin: 0 auto;
text-decoration: none;
background-color: #f3c91b;
-moz-border-radius: 8px;
border-radius: 8px;
border-color: #5b671b;
border-style: solid;
border-width: 2px;
margin-bottom: 20px;
}

#uutiset p{
margin: 0px 12px 20px 12px;
font-family: 'trebuchet MS', sans-serif;
font-size: 12px;
color: #59641b;
}

#nosto h1{
margin: 0px 12px 20px 12px;
font-family: 'trebuchet MS', sans-serif;
font-size: 18px;
font-weight: bold;
color: #59641b;

}

#kuvanosto{
width: 200px;
margin: 0 auto;
}

.formbuilderform{

font-family: 'trebuchet MS', sans-serif;
font-size: 11px;
margin: 20px 20px 0px 20px;

}


#footer{


background-image: url(uploads/images/footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
text-align: center;

}

#footer p{

font-family: verdana, sans-serif;
font-size: 11px;
font-weight: bold;
margin-top: 24px;
color: #f6e8b7;
padding-bottom: 4px;

}

#footer a{

color: #d6c58a;
text-decoration: none;

}

#footer a:hover{

color: #f6e8b7;

}




/* KALENTERI */



/* make all links red */
.calendar tr td a
{
color: #5b671b;
}

/* highlight "today" for the small calendar */
.calendar-today
{
font-weight: bold;
}

/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */
#cal-upcominglist .calendar-date-title
,#cal-upcominglist .calendar-summary-title
{
display: none;
}

#cal-upcominglist h2
,#cal-upcominglist .calendar-date
,#cal-upcominglist .calendar-summary
{
display: inline;
margin-right: 5px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{
color: red;
font-size: 120%;
}
#cal-list h2, cal-upcominglist h2
{
font-size: 110%;
}

/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
#big{
margin: 10px;
border-collapse:    collapse;
border: 1px solid #626128;
font-family: 'trebuchet MS', sans-serif;
font-size: 12px !important;
}

/* nice squares for the #big table */
#big th
{
border: 1px solid #626128;
padding: 3px;
width: 75px;
}

#big td {
border: 1px solid #626128;
vertical-align: top;
padding: 3px;
height: 92px;
width: 92px;
}

/* format summaries nicely in #big */
#big ul
{
margin: 0px;
padding: 0px;
padding-left: 5px;
}

#big li
{
list-style-type: none;
padding: 0px;
margin: 0px;
font-family: 'trebuchet MS', sans-serif;
font-size: 9px;
font-weight: normal !important;

}

#big li a{

font-family: 'trebuchet MS', sans-serif;
font-size: 9px;
font-weight: normal !important;

}

#big li a:hover{

color: #000;
text-decoration: underline;

}

/* background colours for #big */
#big td
{
background-color: #c6d652;
}

#big .calendar-day
{
background-color: #80ff80;
}

#big .calendar-today
{
font-weight: normal;
background-color: #f3c91b;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title
{
display: none;
}

.calendar-event {

font-family: 'trebuchet MS', sans-serif;
font-size: 11px;
margin: 20px 20px 0px 20px;

}



/* LEVEE */


#container3L {

float:left;
width:100%;
background:#a0b330;
overflow:hidden;
position:relative;
right: 0px;

}

#container2L {

float:left;
width:100%;
background:#f6e8b7;
position:relative;
right: 70px;


}

#container1L {

float:left;
width:100%;
background: transparent;
position:relative;
right: 700px;


}

#contentL {

float:left;
width:721px;
position:relative;
left: 770px;
overflow:hidden;
background: #f5e9b7 url("uploads/images/contentLEVEE.jpg") top no-repeat;


}

#oikeaL {

float:left;
width:260px;
position:relative;
left: 791px;
overflow:hidden;
background-color:#a0b330;
margin-left: -22px;
padding: 0;

}

.levee{

background-image: url(uploads/images/footerL.jpg) !important;

}


/* End of 'Arkki' */