/* GENERAL LAYOUT */

html,body, ul, table {
margin:0;
}

body {
font-size:13px;
color:#9e3f3c;
font-family:Georgia,"Times New Roman",Times,serif;
background-image:url(pattern.gif);
background-attachment:fixed;
}

ul, table {
padding:0;
}


/* HEADERS */
h1 {
font-size: 2em;
margin-bottom:1.2em;
 font-family: Arial, Helvetica, sans-serif;
 color: #9E3F3C;
 text-align: justify;
 word-spacing: 5px;
 white-space: nowrap;
}

h2 {
font-size:1.5em;
}
h3 {
font-weight:normal;
font-size:2.2em;
letter-spacing:0px;
}
h5 {
font-weight:bold;
font-size:1.1em;
}
h4 {
font-size:1.4em;
letter-spacing:4px;
}
h6 {
font-size:1em;
}

/* BLOCKLEVE ELEMENTS*/
p{
margin:10px 0 17px 0;
font-size:1em;
line-height:1.5em;
text-align:justify;
text-indent:0px;
font-family:Verdana,Arial,Helvetica,sans-serif
}

li {
font-size:1em;
line-height:1.5em;
text-align:justify;
text-indent:0px;
font-family:Verdana,Arial,Helvetica,sans-serif
}
.uutiset li {
margin:10px 0 17px 0;
font-size:1em;
line-height:1.5em;
}

.opet {
border:grey solid 1px;
margin:9px 0 9px 0;
padding:10px;
text-indent:5px;
font-size:0.9em;
lineheight:1.1em;
}

blockquote {
border:grey solid 1px;
margin:9px 0 9px 0;
padding:10px;
text-indent:5px;
font-size:0.9em;
lineheight:1.1em;
}

pre {
font-family:arial;
margin:9px 0 9px 0;
padding:10px;
}

code {
font-family: monospace;
margin:9px 0 9px 0;
padding:10px;
text-indent:5px;
font-size:0.9em;
lineheight:1.1em;
}

img {
margin:3px;
}

/* LISTS*/

ul {
margin:5px 0 5px 25px;
}
ol {
margin:5px 0 5px 25px;
}

/*OTHER*/

dfn {
font-style:italic;
}

sub {
border-top:solid 1px black;
}

/*TABLES*/




/* LINKS */

a {color: #091C6B}
a:visited {color:#091C6B}
a:hover {color: #564b47;}
a:active { color:#000000;}


/*------------- Mainmenu -------------*/

.valikko a {color: #734118; text-decoration:none; font-weight:bold; padding-right:8px; padding-left:8px;}
.valikko a:visited {color:#564b47;text-decoration:none;}
.valikko a:hover {color: #EC1D25; text-decoration:none;}
.valikko a:active { color:#DB7093;text-decoration:none;}

.valikko {
width:60%;
margin:35px 0 0 70px; 
background:transparent;

}

.valikko tr {
font-size: 15px;
letter-spacing:2px;
 white-space: nowrap;
font-weight:bold;
background-color: transparent;
}

.valikko td {
border:0;
width:25%;
height:2.5em;
margin:0px;
background-color:transparent;
background-image:url(linkkitausta.jpg);
background-repeat:no-repeat;
background-position:center center;

} 

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r0{margin: 0 8px; height: 1px; background-color:#F8CDDC; color: #666;}
.r1{margin: 0 7px; height: 1px; background-color:#F8CDDC; color: #666;}
.r2{margin: 0 6px; height: 1px; background-color:#F8CDDC; color: #666;}
.r3{margin: 0 5px; height: 1px; background-color:#F8CDDC; color: #666;}
.r4{margin: 0 4px; height: 1px; background-color:#F8CDDC; color: #666;}
.r5{margin: 0 3px; height: 1px; background-color:#F8CDDC; color: #666;}

/* ----------container to center the layout-------------- */




#baletti {
padding:0px;
margin:1% 15% 5% 15%;
background:transparent;
background-color:#F8CDDC;
border:solid white 10px;
}



/* ----------banner for logo-------------- */

#banner {

background-position:right top;
background-repeat:no-repeat;
background-image:url(banneritausta.jpg);
border-bottom:solid 10px #F8CDDC;
background-color: white;
padding: 10px 0 20px 0;
margin: 0px;
height:125px;
}

#logo{
padding:0px;
float:left;
margin-left:35px;
}



/* -----------------content--------------------- */

#content {
background-color:#F8CDDC;
padding:20px 15px 0 15px;
margin-left:271px;
border:solid 2px #F8CDDC;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}


#content2 {
margin-right: 50px;
}

.pala {
padding:0;
margin:0 1% 0 0;
width:30%;
_width:27%;
float:left;
overflow:hidden;

}

#left {
float:left;
width:280px;
}

#left img {
margin-top:10%;
}

.oikea { background-image: url(otsikko.jpg);
background-repeat: no-repeat;
background-position: 0 0;
padding-left:50px;
height:130px; }

.hintataulu {
margin:0;
margin-top:3em;
border:solid 1px;
}
.hintataulu td {
padding:1.2em;
width:33%;
}


.kurssitaulu {
margin:0;
width:360px;

}
.kurssitaulu td {
padding:0.3em; 0.2em 0.2em 0;
width:33%;
}
.kurssitaulu tr {
border-bottom:solid 1px;
margin:0;

}

thead {
height:2em;
font-size:1.2em;
font-weight:bold;
padding:5px;
border-bottom:solid 1px black;
}

.jarna {
background-color:#F0EBD2;
}

.outi {
background-color:#D8DFCD;
}

.opekuva {
float:left;
padding:5px;
}

.tuntikuva {
float:right; border: solid #9E3F3C 1px; background:white; padding:4px; margin:5px 0 0 10px;
}

/* -----------footer--------------------------- */

#footer {
margin:0px;
border-top:solid 10px white;
clear: both;
padding:10px;
background-color: transparent;
height:105px;
}

.yhteystiedot {
margin-top:2em;
list-style:none;
}

#esittelyteksti {
width:100%;
}

#esittelyteksti p {
margin:3px 5px 3px 20px;
}


.os {
width:69%; 
text-indent:0;
float:left;
}

.copyright {
font-size:0.7em; font-weight:bold; float:right; text-align:right; width:29%; margin:5px;
}