html  { overflow-y: scroll; }
body  {	margin: 0; background: #005a8c; background-image: url("Slices/bg.jpg"); background-repeat: repeat-x; background-position: top left}

.otsikko { font-family: Tahoma; font-size: 12px; color: #FFB82B; font-weight: bold;}
.iso { font-family: Tahoma; font-size: 20px; color: #FFB82B; font-weight: bold;}
.teksti  { font-family: Verdana; font-size: 11px; color: #FFFFFF; font-weight: normal;}
.teksti2 { font-family: Verdana; font-size: 11px; color: #C7C7C7; font-weight: normal;}
.pieni   { font-family: Verdana; font-size: 9px; color: #6DBAE8; font-weight: normal;}
.ajankohtaista { font-family: verdana; font-size: 10px; color: #000000; font-weight: normal;}
.pvm { font-family: Courier New; font-size: 12px; color: #FFFFFF; font-weight: normal;}
.laskuri { font-family: verdana; font-size: 10px; color: #FFFFFF; font-weight: normal;}

a:link 	  { color: #C7C7C7; text-decoration: none}
a:visited { color: #C7C7C7; text-decoration: none}
a:active  { color: #C7C7C7; text-decoration: none; outline: none}
a:hover   { color: #6DBAE8; text-decoration: none}
a:focus   { -moz-outline-style: none;}

.vertical  { background-repeat: repeat-y; }

.transp 
{
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}


/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 1000px; /* Set to gallery width, in px or percentage */
height: 186px; /* Set to gallery height */
}

#motioncontainer a img {
border: 0px; /* Set image border color */
}

#motioncontainer a:hover img {
border: 0px; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */