body {
background:#CDCDCD; /* määrittää taustavärin */
}

td {
color:#000000;
font-family:Trebuchet MC;
font-size:12px;
}

.logo {
width:700px; /* Logon leveys */
height:100px; /* Logon korkeus */
border:1px solid black; /* Reunaviiva väri */
background:#FFFFFF;
background-image:url('Otsikko.jpg'); /* jos haluat kuvan tähän niin laita background-image:url('kuvanosoite'); */
}

.navi {
width:700px;
height:30px;
border:1px solid black;
border-top:0px; /* Ylintä reunaviivaa ei näy */
background:#FFFFFF; /* jos haluat kuvan tähän niin laita background-image:url('kuvanosoite'); */
}

.sisa {
width:750x;
border:1px solid black;
border-top:0px;
}

.valikko {
background-color:#FFFFFF;
padding:4px; /* Kuinka paljon reunoista teksti on */
width:150px;
border:0px;
}

.sisalto {
background-color:FFFFFF;
padding:4px;
width:600px;
border-left:1px solid black;
}

.alin {
padding:2px;
background-color:#FFFFFF;
width:750px;
height:30px;
border:1px solid black;
border-top:0px;
color:black;
}

a { 
color:#003366; /* Linkin väri */
text-decoration: underline; /* jos haluat että linkeissä ei näy alleviivausta niin laita 'underline' kohtaan "none" */
}

a:hover {  /* Linkin hover-tehosteen väri */
color:#6699CC;
text-decoration: none ;
}