html {
	overflow: scroll
}
/* Valikko */
#valikko {
    background-color: #7F6185;
    padding: .1em;
    clear: both;
    font-weight: bold;
}

#valikko ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    border-bottom: 1px solid #7F6185;
}

#valikko ul li {
    display: inline;
}

#valikko ul li a
{
    text-decoration: none;
    font-weight: bold; 
    padding: .1em .5em;
    color: #FFFFFF;
    background-color: #7F6185;
}

#valikko ul li a:hover
{
    color: #FFFFFF;
    background-color:#B9BDED;
}


/* Sivut */
body, div, td, th, h2, h3, h4 {
    font-family: verdana,sans-serif;
    font-size: x-small;
    font-size: small;
    color: #333333;
}  
body,html 
{
    margin:0;
    padding:0;
    width:100%;
    background-color: #FFFFFF;
}

#header {
    position:absolute;
    height:62px;
    width:703px !important;
    width:702px; /* IE hack */
    margin-left:-350px;
    left:50%;
    background-image: url('./images/icons/otsikko.jpg');
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 1px solid #333333;

}

#sivuasetukset {
    position:absolute;
    top: 61px;
    width:703px !important;
    width:702px; /* IE hack */
    left:50%;
    margin-left:-350px;
    border: 1px solid #333333;
}

#oikea_palkki, #vasen_palkki {
    position:absolute;
    top: 132px;
    height:500px;
    border-top: 1px solid #333333;
}
#koko_sivu {
	min-height:380px;
	height: auto !important;
	height: 380px;
    background-image: url('./images/icons/tausta.jpg');
    background-repeat: repeat;
}
#vasen_palkki {
    left:0;width:50%;
}
#oikea_palkki {
    right:0;width:50%;
}
#sisallys {
    padding-left: 38px;
    padding-right: 40px;
    padding-top: 10px !important;
    padding-top: 6px; /* IE hack */
    padding-bottom: 30px;
    clear: both;
}

#sisallys li  { 
    list-style-type: none;
    background-image: url(./images/icons/sinipiste.jpg);
    background-repeat: no-repeat;
	background-position:0px 2px;
    padding-left: 2em; 
    }

#sisallys ul  { 
	padding: 0;
    margin: 0;	
    }

#footer {
    height:29px;
    width:703px !important;
    width:702px; /* IE hack */
    background-color:#B9BDED;
    background-image: url('./images/icons/copyright.php');
    background-repeat: no-repeat;
    background-position: bottom right;
    border-top: 1px solid #333333;
    text-align: center;
    font-size: 70%;
}


/* Yleiset tyylit */
p {
    font-family: verdana;
    font-weight: normal;
    font-size: 100%;
    color: #333333;
}

h1 {
    font-family: verdana;
    font-weight: normal;
    font-size: 160%;
    color: #333333;
    border-bottom: 1px solid #333333;
    margin-bottom: .4em;
}
h2 {
    font-family: verdana;
    font-weight: bold;
    color: #333333;
    font-size: 120%;
    margin-bottom: .4em;
    padding: 0;
}

h3 {
    font-family: verdana;
    font-weight: bold;
    color: #333333;
    font-size: 110%;
    margin-bottom: .4em;
    padding: 0;
}

h4 {
    font-family: verdana;
    font-weight: bold;
    color: #333333;
    font-size: 100%;
    margin-top: 0.4em;
    margin-bottom: .2em;
    padding: 0;
}

a:link { 
    font-weight: normal; 
    text-decoration: none;
    color: #0269c8;
}
a:visited { 
    font-weight: normal; 
    text-decoration: none;
    color: #0269c8;
}
a:hover, a:active {  
    font-weight: normal; 
    text-decoration: underline;
    color: #333333;
}

a.black:link { 
    font-weight: normal; 
    text-decoration: none;
    color: #333333;
}
a.black:visited { 
    font-weight: normal; 
    text-decoration: none;
    color: #333333;
}
a.black:hover, a.black:active {  
    font-weight: normal; 
    text-decoration: underline;
    color: #0269c8;
}