/* Global styles */
/* START:notice */
   html, body {
      height: 100%;
      margin: 0 0 1px;
      padding-top: 7px;
    }

/* END:notice */
/* Styles for main page */
#banner {
background-image:url('images/sofie_banner_new.png');
background-color:#b0c4de;
padding-top: 10px;
padding-bottom: 20px;
border-bottom: 4px solid;
/* font: small-caps 50px/50px "Times New Roman", serif; */
font: small-caps 70px/70px serif;
color: #000080;
text-align: center;
height: 149px;
background-repeat:no-repeat;
}
html {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80%;
  margin: auto;
  background-color: #F8F1F1;
  max-width: 1000px;

}

#banner img {
float: left;
}
#columns {
background: #005499;
}

#side {
float: left;
padding-top: 1em;
padding-left: 1em;
padding-bottom: 1em;
width: 10em;
background: #005499;
}
#side a {
color: #000000;
font-size: 20px;
}
#side ul {
list-style-type:none;
margin:0;
padding:0;
}
#side a:link {
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#005499;
width:150px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;}
#side a:visited {
display:block;
font-weight:bold;
color:#FFFFFF;
background-color:#005499;
width:150px;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
#side a:hover {background-color:#00001A;}
#side a:active {background-color:#7A991A;}

h1 {
font: 150% sans-serif;
color: #226;
border-bottom: 3px dotted #77d;
}

th {
background-color:#ADD8E6;
border:1px solid #98bf21;
}
table {
border:1px solid #98bf21;
}
#sindy {
margin-left: 12em;
padding-top: 4ex;
padding-left: 2em;
background: white;
min-height: 200px;
max-width: 600px;
}
#sindy img {
border:1px dotted black;
margin:0px 15px 15px 20px;
}
#kuvat {
margin-left: 12em;
padding-top: 4ex;
padding-left: 2em;
background: white;
min-height: 200px;
}
#kuvat img {
float:  right;
border:1px dotted black;
margin:0px 15px 15px 20px;
}


#main {
margin-left: 12em;
padding-top: 4ex;
padding-left: 2em;
background: white;
min-height: 300px;
max-width: 600px;
}
#main img {
float:	inherit;
border:1px dotted black;
margin:0px 0px 15px 20px;
}