html {
    background-color: #336699;
    background-image: url(../../image/page_bg.gif);
    background-repeat: repeat-x;
}
body {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #336699;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #3A586E;
    text-align: center;
    background-image: url(../image/page_bg.gif);
    background-repeat: repeat-x;
}
.clear {
    clear: both;
}
#page {
    width: 776px;
    padding: 0px;
    margin: auto;
}
#head {
    width: 776px;
    height: 148px;
    padding: 0px;
    margin: 0px;
}
    #head #logo {
        width: 127px;
        height: 148px;
        padding: 0px;
        margin: 0px;
        float: left;
    }
    #head #credits {
        width: 649px;
        height: 53px;
        padding: 36px 12px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: right;
        text-align: right;
        color: #99B3CC;
    }
    HTML>BODY #head #credits {
        width: 637px;
        height: 17px;
    }
        #head #credits A:link, #head #credits A:visited {
            font-size: 11px;
            font-weight: normal;
            color: #99B3CC;
            text-decoration: none;
        }
        #head #credits A:hover {
            color: #FFFFFF;
            text-decoration: none;
        }
    #head #logo_dx {
        background-image: url(../image/logo_dx.gif);
        width: 293px;
        height: 95px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        float: left;
    }
    #head #tool {
        background-image: url(../image/tool.jpg);
        width: 356px;
        height: 95px;
        padding: 65px 8px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: left;
        text-align: right;
        color: #336699;
    }
    HTML>BODY #head #tool {
        width: 348px;
        height: 30px;
    }
        #head #tool A:link, #head #tool A:visited {
            font-size: 11px;
            font-weight: normal;
            color: #336699;
            text-decoration: none;
        }
        #head #tool A:hover {
            text-decoration: underline;
        }
#intro {
    background-image: url(../image/intro_bg.gif);
    width: 776px;
    height: 190px;
    padding: 6px 0px 0px 0px;
    margin: 0px;
}
HTML>BODY #intro {
    height: 184px;
}
#top {
    background-image: url(../image/top_bg.gif);
    width: 776px;
    height: 17px;
    padding: 0px;
    margin: 0px;
    font-size: 1px;
}
#center {
    width: 776px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    float: left;
    background-color: white;
}
#spalla_sx {
    width: 165px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    border-left: 1px solid white;
}
HTML>BODY #spalla_sx {
    width: 164px;
}
#spalla_sx H3 {
    width: 164px;
    height: 30px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding: 8px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
    background-color: #173B55;
    border-top: 1px solid #3A586E;
    border-bottom: 1px solid #0E2333;
}
HTML>BODY #spalla_sx H3 {
    width: 154px;
    height: auto;
    padding: 7px 0px 7px 10px;
}
    #spalla_sx H3 A:link, #spalla_sx H3 A:visited {
        background-image: url(../image/spalla_sx_tit.gif);
        background-repeat: no-repeat;
        width: 164px;
        height: 31px;
        font-size: 11px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: left;
        padding: 8px 0px 0px 17px;
        margin: -10px 0px 0px -10px;
        text-transform: uppercase;
        text-decoration: none;
        background-color: #173B55;
        display: block;
    }
    HTML>BODY #spalla_sx H3 A:link, #spalla_sx H3 A:visited {
        width: 147px;
        height: auto;
        padding: 7px 0px 7px 17px;
        margin: -7px 0px -7px -10px;
    }
    #spalla_sx H3 A:hover {
        color: #FFFFFF;
        background-color: #28557E;
        text-decoration: none;
    }
    #spalla_sx UL LI {
        background-image: url(../image/spalla_sx_li.gif);
        background-repeat: no-repeat;
        width: 164px;
        padding: 2px 0px 2px 20px;
        margin: 0px 0px 0px 0px;
        background-color: #173B55;
    }
    HTML>BODY #spalla_sx UL LI {
        width: 144px;
    }
    #spalla_sx UL {
        list-style: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-top: 1px solid #3A586E;
        border-bottom: 1px solid #0E2333;
    }
    #spalla_sx A:link, #spalla_sx A:visited {
        font-size: 11px;
        color: #8B9DAA;
        font-weight: bold;
        text-decoration: none;
    }
    #spalla_sx A:hover {
        color: #FFFFFF;
        text-decoration: underline;
    }
    HTML>BODY #spalla_sx A:link, #spalla_sx A:visited {
        width: 122px;
        height: auto;
    }
    #spalla_sx #bottom {
        background-image: url(../image/spalla_sx_bottom.gif);
        width: 164px;
        height: 12px;
        font-size: 1px;
    }
#center_bottom {
    background-image: url(../image/center_bottom.gif);
    background-repeat: no-repeat;
    width: 776px;
    height: 21px;
    padding: 0px;
    margin: 0px;
}
#footer {
    background-image: url(../image/footer_bg.gif);
    background-repeat: no-repeat;
    width: 776px;
    height: 48px;
    padding: 0px;
    margin: 0px;
}
    #footer #copy {
        width: 260px;
        height: auto;
        padding: 12px 0px 0px 14px;
        margin: 0px 0px 0px 0px;
        float: left;
        text-align: left;
        color: #8B9DAA;
    }
    HTML>BODY #footer #copy {
        width: 246px;
        height: auto;
    }
    #footer #menu {
        width: 516px;
        height: auto;
        padding: 12px 14px 0px 0px;
        margin: 0px 0px 0px 0px;
        float: right;
        text-align: right;
        color: #8B9DAA;
    }
    HTML>BODY #footer #menu {
        width: 502px;
        height: auto;
    }
        #footer #menu A:link, #footer #menu A:visited {
            font-size: 11px;
            font-weight: normal;
            color: #8B9DAA;
            text-decoration: none;
        }
        #footer #menu A:hover {
            color: #FFFFFF;
            text-decoration: underline;
        }
#principale {
    width: 611px;
    padding: 15px 6px 0px 20px;
    margin: 0px 0px 0px 0px;
    color: #3A586E;
    text-align: left;
    float: left;
    background-color: none;
}
HTML>BODY #principale {
    width: 585px;
}
    #principale .titolo {
        padding: 0px 0px 4px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        font-weight: normal;
        color: #336699;
        border-bottom: 1px solid #C1D1E0;
    }
    #principale .titolo A:link, #principale .titolo A:visited {
        color: #336699;
        font-weight: bold;
        text-decoration: underline;
    }
    #principale .titolo A:hover {
        color: #FF9000;
        text-decoration: underline;
    }
#top_page {
    background-image: url(../image/top_page.jpg);
    background-repeat: no-repeat;
    width: 776px;
    height: 83px;
    padding: 40px 12px 0px 0px;
    margin: 0px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
}
HTML>BODY #top_page {
    width: 764px;
    height: 43px;
}
#pagine {
    width: 585px;
    padding: 0x 0px 0px 0px;
    margin: 10x 0px 0px 0px;
    text-align: center;
    color: #336699;
    font-weight: bold;
    font-size: 11px;
}
    #pagine IMG {
        padding: 0px 0px 0px 0px;
        margin: 0px 3px 0px 3px;
    }
    #pagine A:link, #pagine A:visited {
        color: #336699;
        font-weight: bold;
        text-decoration: none;
    }
    #pagine A:hover {
        text-decoration: underline;
        color: #FF9900;
    }