body{
     margin: 5px 0px 0px 0px;
     padding: 0px;
     font-size: 12px/0.8em;
     font: Arial, Helvetica, sans-serif;
     color: #F8D196;
     background-image: url("../images/background.jpg");
     background-repeat: repeat-x;
     background-color: #F0F0F1;
     letter-spacing: 0px;
}

#wrapper{

     margin: 0px auto;
     padding: 0px 12px 0px 12px;
     text-align: center;
     background: url(../images/keskiosa2.jpg) repeat-y top;
}

#ylaosa{
     margin: 0px auto;
     padding: 0px;
     width: 890px;
     height: 100px;
     text-align: center;
     border: none;
     background: url(../images/ylaosa3.jpg) no-repeat bottom;
}

#banner {
height: 202px;
     width: 890px;
     margin: 0px auto;
     padding: 0px 0px 0px 0px;
}

#slogan{
     float:right;
     padding:0px 0px 0px 0px;
     margin:20px 40px 0px 0px;
     width: 600px;
     height: 70px;
     border: 0px solid #000000;
}

#linkit{
     margin: 30px 0px 0px 120px;
     padding: 0px;
     padding: 0px;
     width: 470px;
     float: left;
}

#keskiosa{
     margin: 0px auto;
     padding: 0px;
     text-align: center;
     background: #ffffff url(../images/shade.jpg) repeat-x top;
     display: table;
     width: 890px;
     border-top: 0px solid #565656;
}

#sisalto{
     float: left;
     padding: 25px 25px 10px 25px;
     width: 840px;
     border: 0px solid #e5e5e5;
     line-height: 17px;
     font-size:12px;
     text-align:left;
     font-weight:normal;
     font-family: arial;
     color: black;
}

#alaosa{
     text-align: center;
     margin: 0px auto;
     padding:0px 0px 0px 0px;

	 height:50px;
     background: url(../images/alaosa2.jpg) no-repeat top;
}














a {
     color:#DA920A;
     font: 12px/1.4em Arial, Helvetica, sans-serif;
     text-decoration:underline;
}

.clear {clear:both; overflow:hidden; margin:0; padding:0; height:1px;}

.clearBoth {
     clear: both;
}

a:hover {text-decoration:none;}

img {
     border: none;
     margin: 0px;
     padding: 0px;
}


#sisalto ul {
     padding: 0px 0px 10px 0px;
     margin: 15px 0px 0px 0px;
     list-style: list-style-type: disc;
     list-style-position: inside;

}

#sisalto li {
     margin:0;
     padding:0px 0px 4px 0px;
}

#sisalto p {
     margin: 10px 60px 5px 1px;
     padding: 0px;
     line-height: 17px;
     font-size:12px;
     text-align:left;
     font-weight:normal;
     font-family: arial;
     color: black;
	
}

#sisalto h1 {
     margin: 0px 0px 15px 0px;
     padding: 0px;
     text-align: left;
     color: #DA920A;
     font: 1.5em "verdana", "Times New Roman", Times, serif;
     font-style: normal;
}


#sisalto h2 {
     margin: 10px 0px 10px 0px;
     padding: 0px;
     text-align: left;
     color: #DA920A;
     font: 1.2em "verdana", "Times New Roman", Times, serif;
     font-style: normal;
}

#sisalto h3 {
     margin: 10px 0px 10px 0px;
     padding: 0px;
     text-align: left;
     color: #000000;
     font: bold 1.1em "arial", "Times New Roman", Times, serif;
     font-style: normal;
}


#sisalto table {
     width: 100%;
     margin: 0px 0px 20px 0px;
     padding: 0px;
}


#slogan h1 {
     color: #F3B04B;
     font: bold 20px georgia, "Times New Roman", Times, serif;
     font-style: normal;
     padding: 5px 0px 0px 19px;
     margin: 0px 0px -5px 0px;
     text-align: right;
}

#slogan p {
     font: bold 16px georgia, "Times New Roman", Times, serif;
     text-align:right;
     color: #F3B04B;
     margin: 5px 25px 30px 20px;
}

.banneri{
     width: 890px;
     height: 205px;
     margin: 0px 0px -4px 0px;
     padding: 0px;
     border: 0px #ffffff solid;
}

.lippu {
     float: right;
     margin: 0px 0px 0px 0px;
     padding: 2px 2px 0px 2px;
}




#sm { float: right; padding:35px 50px 0px 0px}


/* Yläosa */

#logo {
     width: 176px;
     height: 51px;
     margin: 20px 10px 0px 20px;
     padding: 0px;
     background: url(../images/logo_keskikoko.jpg);
     background-repeat: no-repeat;
     float: left;
}

#language {
     margin: 56px 0px 0px 0px;
     padding: 0px;
     width: 56px;
     background: none;
     float: right;
}



#firstNav {
     margin: 0px;
     padding: 0px;
}


#firstNav ul {
     margin: 0px;
     padding: 0px;
}

#firstNav li {
     margin: 0px;
     padding: 0px 0px 0px 0px;
     display: block;
     float: left;
     list-style-type: none;
}

#firstNav li a {
     padding: 0px 7px 12px 11px;
     background: url(../images/linkkivaliviiva4.jpg) no-repeat;
     color: #DA920A;
     display: block;
     font: bold 12px verdana, "Times New Roman", Times, serif;
     text-decoration: none;
     letter-spacing: 0px;
}

#firstNav li a:hover {
     color: #000000;
}

#secondNav {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     height: 20px;
     /**
     background-image: url(../images/secondNavBackground.jpg);
     background-repeat: repeat-x;
     **/
}

#secondNav ul {
     margin: 0px;
     padding: 0px;
}

#secondNav li {
     margin: 0px;
     padding: 0px;
     display: block;
     float: left;
     list-style-type: none;
}

#secondNav li a {
     background: url(../images/linkkivaliviiva_alilinkki.jpg) no-repeat;
     margin: 0px;
     padding: 1px 7px 2px 7px;
     color: #000000;
     display: block;
     font: bold 11px verdana, "Times New Roman", Times, serif;
     text-decoration: none;
     letter-spacing: 0px;
}

#secondNav li a:hover {
     color: #DA920A;
}


/** Messuosasto **/

#messuNav {
     margin: 0px 0px 20px 0px;
     padding: 0px;
}

#messuNav ul {
     margin: 0px;
     padding: 0px;
}

#messuNav li {
     margin: 0px;
     padding: 0px;
     display: block;
     float: left;
     list-style-type: none;
}

#messuNav li a {
     padding: 12px 7px 12px 11px;
     background: url(../images/linkkivaliviiva3.jpg) no-repeat;
     color: #DA920A;
     display: block;
     font: bold 12px verdana, "Times New Roman", Times, serif;
     text-decoration: none;
     letter-spacing: 0px;
}

#messuNav li a:hover {
     color: #000000;
}





/** Etusivun uutisointi **/

.frontpagetext {
       float: left;
       margin: 0px;
       padding: 0px;
       width: 580px;
}

#com_frontpageNews {
     float: right;
     margin: 10px 10px 10px 0px;
     padding: 10px 10px 50px 10px;
     width: 220px;
     border-left: 1px dotted #da920a;

}


.newsevent {
     float: right;
     width: 200px;
     margin: 0px 0px 15px 0px;
     padding: 0px;
}

.newsevent .date {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     color: #da920a;
     font: 11px "Arial", Helvetica, sans-serif;
     font-style: normal;
     line-height: 16px;
     text-align: left;

}

.newsevent .caption{
       margin: 0px;
       padding: 0px 0px 0px 0px;
       color: #DA920A;
       font: 1.1em "verdana", "Times New Roman", Times, serif;
}

.newsevent a {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     color: #434343;
     text-decoration: underline;
}

.newsevent a:hover {
     text-decoration: underline;
     color: #6c6c6c;
}

#com_frontpageNews p {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     color: #000000;
     font: 11px "Arial", Helvetica, sans-serif;
     font-style: normal;
     text-align: left;
}




#noste {
     width: 160px;
     margin: 10px;
     padding: 15px 10px 15px 10px;
     border: 1px solid #da920a;
     background-color: #ffeecf;
     font-size: 11px;
     float:right;
}

#noste .otsikko {
     font-weight: bold;
}

#noste h2 {
     margin: 0px 0px 5px 0px;
     padding: 0px;
     font-size: 1em;
     font-weight: bold;
}

#noste img {
     margin: 0px 2px 0px 2px;
     padding: 0px;
}

#noste ul {
     margin: 0px;
     padding: 0px;
}

#noste li {
     margin: 0px;
     padding: 0px 0px 0px 3px;
}

#noste li a {
     margin: 0px 0px 0px 3px;
     padding: 0px 0px 0px 0px;
}

#noste .linklist {
     margin: 0px;
     padding: 0px;
     list-style-position: inside;
     list-style-image: url('../images/listitem.gif');
}



#sidebar{
     width: 95%;
     border-left:0px #ffffff solid;
     margin: 10px 0px 10px 0px;
}



#sidebar p a{
     font-size:0.9em;
     text-decoration:none;
} 

#sidebar h1 {
     color: #000000;
     font: bold 10px Arial, "Times New Roman", Times, serif;
     text-transform:uppercase;
     letter-spacing: 0px;
     font-style: normal;
     margin: 0px 0px 0px 0px;
     padding: 10px 3px 3px 10px;
     text-align: left;
}

#sidebar p {
     color: #000000;
     font: 11px "Arial", "Times New Roman", Times, serif;
     letter-spacing: 0px;
     font-style: normal;
     margin: 0px 0px 20px 0px;
     padding: 10px 3px 3px 10px;
     text-align: left;
}

.menu { margin:20px 0 0 0;padding:0; list-style:none;}
.menu li {height: 25px; padding: 11px 0 0 45px;background: url(../images/menu.gif) repeat-x left top;}
.menu a { color:#475509; text-decoration: none;font-weight:bold;}
.menu a:hover { color:#000000; }



/* Footer */


#yhteystiedot {
     float: left;
     margin: 0px 0px 0px 0px;
     width: 570px;
     padding: 0px 0px 0px 0px;
}

#yhteystiedot p {
     padding: 0px 0px 0px 26px;
     line-height: 12px;
     font-size:11px;
     text-align:left;
     font-weight:normal;
     font-family: arial;
     color: #9c9c9c;
}


#footer {
     line-height: 1.6em;
     margin: 0px 0px 0px 32px;
     width: 880px;
     padding: 0px 20px 0px 18px;
}

#footer p {
     line-height: 1.6em;
     padding: 25px 0px 0px 0px;
}



#ado {
float: right;

     margin: 0px 0px 0px 0px;
     padding: 0px;
}

#ado p {
     font: 10px "Arial", "Times New Roman", Times, serif;
     color: #B7B6B6;
     margin: 0px;
     padding: 30px 0px 0px 0px;
     text-align: right;
}

#ado a{
     font: 10px "Arial", "Times New Roman", Times, serif;
     color: #B7B6B6;
     text-decoration: none;
}

#ado a:hover{
     color: #000000;
     text-decoration: underline;
}

.kuvaoikea{
     float: right;
     padding: 0px 0px 5px 5px;
}
.kuvavasen{
     float: left;
}





/** Contact form **/


#yhteydenottolomake select {
        width: 175px;
}

#yhteydenottolomake input {
        width: 175px;
}

#yhteydenottolomake textarea {
        width: 250px;
}

#yhteydenottolomake .tablelabel {
       width: 150px;
       color: #595959;
}


/** News **/

#com_calendar .event {
       margin: 15px 20px 20px 0px;
       padding: 0px;
       width: 400px;
}

#com_calendar .date {
       margin: 0px;
       padding: 1px 0px 1px 0px;
       font-size: 10px;
       color: #595959;
}

#com_calendar .caption {
       margin: 0px;
       padding: 1px 0px 1px 0px;
       font-size: 15px;
       font-weight: bold;
       color: #595959;
}

#com_calendar .description {
       margin: 0px;
       padding: 0px;
       line-height: 1em;
}

#com_calendar .goback {
       margin: 10px 0px 20px 0px;
       padding: 0px;
}

#com_calendar p {
       margin: 5px 0px 5px 0px;
       padding: 0px;
}



/**
 Login
**/

#accountLogin {
       width: 230px;
       margin: 0px 0px 10px 20px;
       padding: 0px;
       border: 1px solid #ececec;
       background-color: #ffffff;
}

#accountLoginHeader {
       margin: 0px;
       padding: 0px;
       border-bottom: 1px solid #ececec;
       text-align: center;
       font-weight: bold;
       color: #838383;
}

#accountLoginbox {
       margin: 10px;
       padding: 0px;
       color: #838383;
}

.loginmessage {
       margin: 10px;
       padding: 0px;
}

#accountLogin input {
       font-size: 11px;
       color: #838383;
       border: 1px solid #9d9d9d;
}


/**
 Painikkeet
 Huom:
 **/

.nappi {
        margin: 0px;
        padding: 4px 10px 4px 20px;
        display: block;
        text-decoration: none;
        color: #525252;
        font-size: 11px;
        font-weight: bold;
}

.nappi:hover { color: #4e72cf; }


#loginButton {
        border: none;
        padding: 0px;
        width: 100px;
        height: 25px;
        background-image: url("../images/button_class_rounded.jpg");
        background-repeat: no-repeat;
}

#roundedButton {
        border: none;
        padding: 0px;
        width: 90px;
        height: 23px;
        text-align: center;
        background-image: url("../images/button_class_rounded.jpg");
        background-repeat: no-repeat;
}


/** Galleria **/

#gallery {
     margin: 0px;
     padding: 0px;
}

#gallery .galleryitem {
     float: left;
     width: 150px;
     height: 150px;
     margin: 0px 30px 0px 0px;
     padding: 0px;
}

#gallery img {
     margin: 0px;
     padding: 5px;
     border: 1px solid #cecece;
     background-color: #ffffff;
}