body { color: #807f7f; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #d2e2fb; margin: 0; }
a:link, a:visited { color: #009ad9; font-size: 11px; text-decoration: none; }
a:hover, a:active { color: #808080; font-size: 11px; text-decoration: none; }
h1 { color: #009ad9; font-size: 18px; font-weight: bold; margin: 0.67em 0; }
h2 { color: #909090; font-size: 12px; font-weight: bold; margin: 0.67em 0; }
h3 { color: #009ad9; font-size: 12px; font-weight: bold; margin: 0.67em 0; }
p { font-size: 11px; }
ul { margin-top: 0; list-style-type: disc; }
li { color: #606060; font-size: 11px; list-style-type: none; }
#container { background-image: url(../images/bg_container.gif); background-repeat: repeat-y; width: 819px; margin: 20px auto; }
#yla { width: 819px; height: 20px; }
#logo { width: 80px; float: left; margin-top: 20px; margin-right: 0; margin-left: 60px; }
#kuva { width: 521px; height: 216px; float: left; margin-left: 85px; }
#palkki { background-image: url(../images/bg_palkki.gif); background-repeat: repeat-x; position: relative; top: 2px; left: 17px; width: 787px; height: 40px; clear: both; }
#navi_bg { background-image: url(../images/bg_navi.gif); background-repeat: repeat-x; left: 17px; width: 210px; height: 392px; float: left; margin-left: 17px; }
#navi { font-weight: bold; line-height: 35px; text-align: right; position: relative; top: 50px; left: 28px; width: 150px; margin-left: 17px; }
#content { position: relative; width: 500px; float: left; margin-top: 20px; margin-left: 40px; }
#ala { width: 819px; height: 15px; }

/* piiloon IE-mac \*/
* html #logo  { margin-left: 33px; }
* html #navi_bg { margin-left: 9px; }
* html #kuva { margin-left: 44px; }
/* esiin IE-mac */
li.lista { list-style-type: disc; }
#ug { width: 50px; height: 50px; margin: auto auto 20px; }