/* CSS Document */

html {
  overflow-y: scroll;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
}

h1 {
font-size: 100%;
margin-bottom: 25px;
text-align: center;
}
#container {
padding-top: 25px;
width: 904px;
margin: auto;
}

#banner {
height: 180px;
width: 100%;
background-image:url(../images/banner.png);
background-repeat: no-repeat;
background-position: center;
}



/* linkit ja alasvetovalikot */
#nav {
height: 40px;
width: 100%;
padding: 0;
background-image:url(../images/top.png);
background-repeat: no-repeat;
background-position: bottom;
cursor:pointer;
margin-bottom: 0;
text-align:center;
}

ul.menu li > a {
text-decoration: none;
color:#002168;;
width: 100%;
}

ul.menu {
padding: 1px 0 0 0;
margin-top: 0;
margin-left: 0;
list-style-type: none;
height: 20px;
}

ul.menu > li {
display:inline;
border-left: 1px solid #002168;
font-size: 85%;
font-weight:bold;
position:relative;
padding-left:6px;
}

ul.menu li > ul {
display: none;
float: left;
left: -35px;
top: 17px;
position: absolute;
list-style-type: none;
}

ul.menu li:hover > ul {
display: block;
}

ul.menu li:hover > a {
text-decoration: none;
color:#e43331;
}

ul.menu li ul > li {
border: 1px solid #002168;
padding: 1px 2px 1px 2px;
width: 10em;
background-image:url(../images/linkbg.png);
}

ul.menu li ul li > a {
text-decoration: none;
color: #002168;
display: block;
width: 100%;
}

#content {
color:#002168;
background-image:url(../images/bg.png);
background-repeat: repeat-y;
margin: 0 0 0 0;
padding: 20px 60px 20px 60px;
}

#footer {
width: 100%;
height: 165px;
background-image:url(../images/bottom.png);
background-repeat:no-repeat;
background-position: center;
text-align:center;
word-spacing: 50px;
}
#footer > p {
margin: 0;
padding: 40px 0 0 0;
}

#footer2 {
margin: 0;
padding: 0;
height: 126px;
width: 100%;
background-image:url(../images/alaosa.gif);
background-repeat:no-repeat;
background-position: center;
text-align:center;
}

#footer2 p {
color:#CCCCCC;
font-size: 70%;
padding: 0 0 0 0;
}

#kuvatxt {
font-size: 70%;
float: right;
margin: 0 25px 0 0;
}

#kuva {
border: 1px solid #002168;
}

#etusivu li {
margin-left:  250px;
text-align: left;
}

#contact {
font-size:70%;
padding: 0 0 0 0;
margin: 0 0 0 0;
color:#999999;
text-align:center;
}

#gallery {
color:#002168;
background-image:url(../images/bg.png);
background-repeat: repeat-y;
margin: 0 0 0 0;
padding: 20px 60px 20px 60px;
word-spacing: 15px;
text-align:center;
}

#gallery img {
border: 1px solid #002168;
margin: 10px 10px 10px 10px;
}

#osiot {
float:right;
width: 10%;
border-left: 1px dotted #002168;
padding: 10px 0px 10px 20px;
}

h2 {
font-size: 90%;
font-weight:bold;
cursor: pointer;
word-spacing: normal;
padding-top: 30px;
border-top: 1px dashed #002168;
}

#osiot h2:hover {
color:#e43331;
}