@font-face {
 font-family: miama;
 src: url('Miama.eot') /* EOT file for IE */
}
@font-face {
 font-family: miama;
 src: url('Miama.otf') /* TTF file for CSS3 browsers */
}
 
*{

color: white;
font-family: verdana, times, arial;
font-size: 10px;

}


h1, h1 a{

font-family: miama, times, verdana;
font-size:32px;
font-weight: bold;
text-shadow: 0.1em 0.1em 0.2em white;

}

h2{

font-style: italic;

}

a{

text-decoration: none;

}

a:hover{

text-decoration: underline;

}

a.active{

color: #c72222; 

}

a.sub-active{


color: #c72222; 

}

a.selected{

text-decoration:underline;

}

body{

background: url( 'images/tausta.png' );
text-align: center;
margin: 0 auto;
overflow-y:scroll;

}

div.vabetalot{

width: 800px;
background: black;
text-align: center;
margin: 0 auto;

}

image.sized{
position: relative;
z-index: 0;

}
/*
image.sized:hover{

width: 200%;
height: 200%;
position: relative;
z-index: 0;
}
*/

.vabetalotLogo{

/*padding: 16px;*/
padding: 0px;
padding-left: 16px;

}

div.vabeBody table tr td.vabeLeft{

padding: 20px;

}

div.vabeBody table tr td.vabeRight{

vertical-align:bottom;
padding: 20px;

}

div.vabeBody table tr td p{

text-align: justify;

}

table.vabeHeader tr td{

vertical-align: bottom;

}

div.vabeHeader{

width: 100%;
background: url('images/vabe-menu.jpg');
background-repeat: repeat-x;
background-position: left bottom;

}

table.vabeMenu tr td{

padding-bottom: 10px;
font-weight: bold;
width: 140px;

}

img{

border: 0px;
margin: 0px;
padding: 0px;

}

table.vabeFooter{

height: 100%;
text-align: center;
margin: 0 auto;

}

table.vabeFooter tr td{

border-right: solid white 1px;
padding: 6px;
padding-left: 20px;
padding-right: 20px;


}

div.vabeFooter{

height: 58px;
background: url('images/vabe-footer-tausta.jpg');
background-position: left bottom;
background-repeat: repeat-x;


}

table.vabetalot, td.vabetalot{

text-align: center;
margin: 0 auto;

}

input, textarea, select, option{
	
color: black;

}

ul, li{

text-align: left;

}