.body, body {
                font-family : Arial, Helvetica, sans-serif;
                font-size : small;
                background-image: url(media/mainbackbem.gif);
        background-repeat: no-repeat;
        background-position: 3cm 2cm;
        }

#mainbody {
        position:absolute; 
        width:450px; 
        height:400px; 
        z-index:1; 
        left: 100px;
        top: 100px;
}
#navi {
        position:absolute; 
        width:80px; 
        height:300px; 
        z-index:1; 
        left: 10px;
        top: 155px;
        background-color : #FFCC00;
        padding : 5px;

}
#navi  a, #navi  a:visited{
        font-weight: bold;
        text-decoration : none;
        color : #003366;
        font-size : x-small;
}
#navi a:hover{
        color : Blue;
}


H1, .H1 {
                font-family : Arial, Helvetica, sans-serif;
                font-size : x-large;
                font-weight : bold;
                color: black;
        }

H2, .H2 {
                font-family : Arial, Helvetica, sans-serif;
                font-size : large;
                font-weight : bold;
                color: black;
        }

H3, .H3 {
                font-family : Arial, Helvetica, sans-serif;
                font-size : larger;
                font-weight : bold;
                color: black;
        }

.imageright{
        float : right;
        vertical-align : top;
}

.copyright a, .copyright  a:visited{
        font-size: x-small;
        font-weight: lighter;
        text-decoration : none;
        color : Black;
}
.copyright a:hover{
        font-size: x-small;
        font-weight: lighter;
        text-decoration : none;
        color : Blue;
}