html {
        height: 100%;
    }

body {
        background-color: #CAD0DA;
        margin: 0px;
        height: 100%;
    }

#wrapper {
        background-color: #FFFFFF;
        width: 801px;
        margin-left: auto;
        margin-right: auto;
    }
    
    #header {
            height: 103px;
        }
        
        #logo {
                position: relative;
                left: 46px;
                top: 27px;
                border: 0px;
            }
        
        #slogan {
                position: relative;
                left: 92px;
                top: 13px;
            }
    
    #menu {
            background-color: #8696B1;
            height: 21px;
            text-align: center;
        }
        
        #menu img {
                border: 0px;
            }
    
    #picture {
        }
    
    #middle {
        }
        
        #submenu {
                width: 196px;
                padding-bottom: 100px;
            }
            
            #submenu div {
                    padding-top: 32px;
                    padding-left: 13px;
                }
            
            #submenu a {
                    display: block;
                    color: #8696B1;
                    text-decoration: none;
                    font-family: Verdana;
                    font-size: 11px;
                    line-height: 15px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    padding-left: 13px;
                    background-image: url('../img/submenu_bullet.gif');
                    background-repeat: no-repeat;
                    background-position: 3px 7px;
                    width: 123px;
                }
            
            #submenu a.on {
                    color: #0059A7;
                }
            
            #submenu a:hover {
                    color: #0059A7;
                }
            
            #submenu a.nohover:hover {
                    color: #8696B1;
                }
        
        #content {
                width: 555px;
                float: right;
                padding-bottom: 100px;
                margin-right: 50px;
            }
    
    #footer {
            text-align: center;
            font-family: Verdana;
            font-size: 9px;
            line-height: 21px;
            background-color: #8696B1;
            color: #FFFFFF;
            clear: both;
        }
    
    #creactis {
            text-align: right;
            background-color: #CAD0DA;
            padding-top: 12px;
            padding-bottom: 12px;
        }
        
        #creactis img {
                border: 0px;
            }

h1 {
        font-family: Verdana;
        font-size: 19px;
        color: #8696B1;
        font-weight: normal;
        margin: 0px;
        padding: 0px;
        margin-top: 28px;
        margin-bottom: 9px;
        line-height: 22px;
    }

p {
        font-family: Verdana;
        font-size: 11px;
        line-height: 16px;
        color: #353535;
        margin: 0px;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

td {
        font-family: Verdana;
        font-size: 11px;
        line-height: 16px;
        color: #353535;
        margin: 0px;
        padding: 0px;
    }

input, textarea {
        font-family: Verdana;
        font-size: 11px;
        color: #353535;
    }

hr {
        background-color: #FFFFFF;
        color: #FFFFFF;
        border: 0px;
        height: 1px;
        border-top: 1px dotted #80A4D0;
    }

ul {
        margin: 0px;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

li {
        font-family: Verdana;
        font-size: 11px;
        color: #353535;
        margin: 0px;
        padding: 0px;
        margin-left: 36px;
        line-height: 16px;
        margin-bottom: 16px;
        list-style-image: url(../img/li_bullet.gif);
    }

a {
        text-decoration: underline;
        color: #353535;
        font-family: Verdana;
        font-size: 11px;
    }

a:hover {
        text-decoration: none;
    }



/* NEWS */
div.news {
        padding-top: 5px;
        padding-bottom: 10px;
    }

p.newsDate {
        padding: 0px;
        padding-left: 16px;
        color: #8696B1;
    }

p.newsTitle {
        padding: 0px;
        padding-left: 16px;
        font-weight: bold;
        background-image: url('../img/news_bullet.gif');
        background-repeat: no-repeat;
        background-position: 0px 7px;
    }

p.newsMessage {
        padding: 0px;
        padding-left: 16px;
    }

p.newsFile {
        padding: 0px;
        padding-left: 16px;
    }

a.news {
        text-decoration: underline;
        color: #353535;
    }

a.news:hover {
        text-decoration: none;
    }

/* DOCUMENTATION */
div.documentation {
        text-align: center;
        padding-top: 50px;
        padding-right: 60px;
    }

a.documentation {
        font-weight: bold;
    }

a.documentation:hover {
        text-decoration: none;
    }

/* INTRODUCTION */
div.intro {
        position: relative;
        left: -246px;
        text-align: center;
        width: 801px;
    }