html {
    background-image: url(../image/body_bg.gif);
    background-position: center;
    background-repeat: repeat-y;
    background-color: #B2B2B2;
}
body {
    background-image: url(../image/body_bg.gif);
    background-position: center;
    background-repeat: repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #B2B2B2;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
    text-align: center;
}
#page {
    position: relative;
    width: 998px;
    padding: 0px;
    margin: auto;
    text-align: left;
    background-color: pink2;
}
FORM {
    padding: 0px;
    margin: 0px;
}
.clear {
    clear: both;
}
A:link, A:visited {
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
A:hover {
    color: #006C32;
    text-decoration: underline;
}

#principale {
    background-image: url(../image/principale_bg.gif);
    width: 998px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px -199px;
    float: right;
    border-bottom: 20px solid #FFFFFF;
    background-color: #FFFFFF;
}
#content {
    padding: 0px 0px 0px 0px;
    margin: 166px 199px 0px 199px;
    position: relative;
    z-index: 2;
    background-color: orange2;
}
#logo {
    background-image: url(../image/logo.gif);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    position: absolute; /*needed to use z-index */
    z-index: 3;
    height: 103px;
    width: auto;
    overflow: visible;
    background-color: white;
}
    #logo H1 {
        padding: 0px;
        margin: 0px;
    }
    #logo A {
        width: 258px;
        height: 103px;
        display: block;
    }
        #logo A SPAN {
            display: none;
        }
#head {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    width: 998px;
    height: 103px;
    padding: 0px;
    margin: auto;
    overflow: visible;
    color: #FFFFFF;
    text-align: right;
    background-color: purple2;
}
#menu_principale {
    background-image: url(../image/menu_principale_bg.gif);
    position: absolute;
    left: 0px;
    top: 103px;
    z-index: 0;
    width: 998px;
    height: 37px;
    padding: 0px;
    margin: auto;
    overflow: visible;
    color: #FFFFFF;
    text-align: left;
}
    #menu_principale .federvita {
        padding: 0px;
        margin: 12px 45px 0px 16px;
        float: left;
        display: inline;
    }
    #menu_principale .menu {
        width: 480px;
        padding: 0px;
        margin: 0px;
        float: left;
        display: inline;
    }
    #menu_principale .menu UL {
        list-style: none;
        padding: 0px;
        margin: 0px;
        float: right;
    }
        #menu_principale .menu UL LI {
            background-image: url(../image/menu_principale_ul.gif);
            padding: 0px;
            margin: 0px;
            float: left;
            display: inline;
        }
        #menu_principale .menu UL LI A:link, #menu_principale .menu UL LI A:visited {
            background-image: url(../image/menu_principale_ul.gif);
            width: 96px;
            height: 37px;
            padding: 0px 0px 0px 0px;
            font-size: 14px;
            color: #FFFFFF;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
            display: block;
        }
        #menu_principale .menu UL LI A:hover {
            background-position: right;
           text-decoration: none;
        }
        #menu_principale .menu UL LI P {
           padding: 10px 0px 0px 2px;
           margin: 0px 0px 0px 0px;
        }
    #menu_principale .search {
        background-image: url(../image/search_sx.gif);
        background-repeat: no-repeat;
        width: 201px;
        height: 37px;
        padding: 0px;
        margin: 0px;
        float: right;
        display: inline;
    }
        #menu_principale .search INPUT {
            width: 144px;
            padding: 0px 0px 0px 2px;
            margin: 10px 10px 0px 10px;
            border-top: 2px solid #7F7F7F;
            border-right: 2px solid #E5E5E5;
            border-bottom: 2px solid #E5E5E5;
            border-left: 2px solid #7F7F7F;
            font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
            font-size: 11px;
            font-weight: bold;
            color: #7F7F7F;
            float: left;
            vertical-align: middle;
        }
        #menu_principale .search INPUT.go {
            width: 19px;
            height: 19px;
            margin: 10px 0px 0px 0px;
            border: 0px solid #7F7F7F;
        }
#shadow {
    background-image: url(../image/shadow_bg.gif);
    background-repeat: repeat-x;
    position: absolute;
    left: 0px;
    top: 140px;
    z-index: 0;
    width: 998px;
    height: 26px;
    padding: 0px;
    margin: 0px;
    overflow: visible;
    background-color: #FFFFFF;
}
    #shadow .dx {
        background-image: url(../image/shadow_dx.gif);
        background-repeat: repeat-x;
        width: 199px;
        height: 26px;
        float: right;
        background-color: #F2F2F2;
    }

/********** SPALLA SX **********/

#spalla_sx {
    width: 199px;
    padding: 0px 0px 0px 0px;
    margin: 166px 0px 80% -199px;
    float: right;
    background-color: #FFFFFF;
}
    #spalla_sx .box {
        background-image: url(../image/spalla_sx_box.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 199px;
        padding: 0px 0px 15px 0px;
        margin: 0px 0px 4px 0px;
        float: left;
        display: inline;
   }
        #spalla_sx .box .nodo {
            background-image: url(../image/spalla_sx_box_nodo.gif);
            width: 199px;
            height: auto;
            padding: 14px 0px 10px 0px;
            margin: 0px 0px 0px 0px;
            text-align: left;
            text-transform: uppercase;
        }
            #spalla_sx .box .nodo SPAN {
                margin: 0px 0px 0px 20px;
                font-size: 14px;
                line-height: 15px;
                color: #006C32;
                font-weight: bold;
                text-transform: uppercase;
            }
            #spalla_sx .box .nodo .nodo_link:link, #spalla_sx .box .nodo .nodo_link:visited {
                background-image: url(../image/spalla_sx_box_nodo_link.gif);
                background-repeat: no-repeat;
                background-position: right;
                margin: 0px 0px 0px 20px;
                width: 179px;
                font-size: 14px;
                color: #006C32;
                text-decoration: none;
                display: block;
            }
            #spalla_sx .box .nodo .nodo_link:hover {
                text-decoration: underline;
            }
        #spalla_sx .box UL.tree {
            background-image: url(../image/spalla_sx_box_ul.gif);
            background-position: bottom;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }
            #spalla_sx .box UL.tree LI {
                background-image: url(../image/spalla_sx_box_ul_li.gif);
                background-repeat: no-repeat;
                list-style: none;
                padding: 5px 6px 5px 30px;
                margin: 0px 0px 0px 0px;
            }
                #spalla_sx .box UL.tree LI A:link, #spalla_sx .box UL.tree LI A:visited {
                    font-size: 12px;
                    line-height: 14px;
                    color: #969696;
                    font-weight: bold;
                    text-decoration: none;
                }
                #spalla_sx .box UL.tree LI A:hover {
                    color: #006C32;
                    text-decoration: underline;
                }


        #spalla_sx .box UL.subtree {
            padding: 0px 0px 0px 0px;
            margin: 3px 0px 0px -10px;
        }
            #spalla_sx .box UL.subtree LI {
                background-image: url(../image/spalla_sx_box_ul_li2.gif);
                background-repeat: no-repeat;
                list-style: none;
                padding: 2px 5px 2px 8px;
                margin: 0px 0px 0px 0px;
            }
                #spalla_sx .box UL.subtree LI A:link, #spalla_sx .box UL.subtree LI A:visited {
                    font-size: 11px;
                    line-height: 13px;
                    color: #969696;
                    font-weight: normal;
                    text-decoration: none;
                }
                #spalla_sx .box UL.subtree LI A:hover {
                    color: #006C32;
                    text-decoration: underline;
                }


/********** SPALLA DX **********/

#spalla_dx {
    position: absolute;
    width: 199px;
    padding: 0px;
    margin: 166px 0px 0px 0px;
    right: 0px;
    background-color: #F2F2F2;
}
    #spalla_dx .box {
        background-image: url(../image/spalla_dx_box.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        width: 199px;
        padding: 0px 0px 15px 0px;
        margin: 0px 0px 4px 0px;
        float: left;
        display: inline;
   }
        #spalla_dx .box .titolo {
            background-image: url(../image/spalla_dx_box_titolo.gif);
            width: 199px;
            height: auto;
            padding: 12px 0px 5px 0px;
            margin: 0px 0px 0px 0px;
            text-align: left;
            text-transform: uppercase;
        }
        #spalla_dx .box .titolo_none {
            background-image: url(../image/spalla_dx_box_titolo.gif);
            width: 199px;
            height: 10px;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            font-size: 0px;
        }
            #spalla_dx .box .titolo SPAN {
                margin: 0px 0px 0px 14px;
                font-size: 14px;
                line-height: 15px;
                color: #006C32;
                font-weight: bold;
                text-transform: uppercase;
            }
        #spalla_dx .box .contenuto {
            background-image: url(../image/spalla_dx_box_contenuto.gif);
            background-position: bottom;
            padding: 0px 8px 0px 7px;
            margin: 0px 0px 0px 0px;
            font-size: 11px;
            line-height: 13px;
        }
            #spalla_dx .box .contenuto .text {
                padding: 5px 0px 0px 0px;
                margin: 0px 6px 0px 7px;
            }
            #spalla_dx .box .contenuto UL.last {
                width: 159px;
                padding: 0px 5px 0px 20px;
                margin: 0px 0px 0px 0px;
           }
                #spalla_dx .box .contenuto UL.last LI {
                    list-style-type: circle;
                    padding: 0px 0px 5px 0px;
                }
                    #spalla_dx .box .contenuto UL.last LI A:link, #spalla_dx .box .contenuto UL.last LI A:visited {
                        font-size: 11px;
                        line-height: 13px;
                        color: #333333;
                        font-weight: normal;
                        text-decoration: none;
                    }
                    #spalla_dx .box .contenuto UL.last LI A:hover {
                        color: #006C32;
                        text-decoration: underline;
                    }
                #spalla_dx .box .contenuto .text INPUT, #spalla_dx .box .contenuto .text SELECT {
                    width: 140px;
                    padding: 0px 0px 0px 2px;
                    margin: 2px 0px 0px 0px;
                    border-top: 2px solid #7F7F7F;
                    border-right: 2px solid #E5E5E5;
                    border-bottom: 2px solid #E5E5E5;
                    border-left: 2px solid #7F7F7F;
                    font-family: Trebuchet MS, Verdana, Arial, Helvetica, Geneva, Swiss, Sans-serif;
                    font-size: 11px;
                    font-weight: normal;
                    color: #006C32;
                    vertical-align: middle;
                }
                #spalla_dx .box .contenuto .text INPUT.go {
                    width: 17px;
                    height: 17px;
                    margin: 0px 0px 0px 2px;
                    border: 0px solid #7F7F7F;
                    vertical-align: middle;
                }
            #spalla_dx .box .contenuto .text P.green {
                padding: 0px 0px 0px 0px;
                margin: 0px;
                font-size: 11px;
                font-weight: bold;
                color: #006C32;
            }
            #spalla_dx .box .contenuto .text P.black {
                padding: 5px 0px 3px 0px;
                margin: 0px;
                font-size: 11px;
                font-weight: bold;
                color: #000000;
            }


/********** FOOTER **********/

#footer {
    background-image: url(../image/footer_bg.gif);
    background-repeat: repeat-x;
    padding: 10px 0px 50px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    color: #FFFFFF;
    background-color: #006C32;
}
    #footer .copy {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 10px;
        float: left;
        display: inline;
    }
    #footer .menu {
        padding: 0px 0px 0px 0px;
        margin: 0px 10px 0px 0px;
        float: right;
        display: inline;
    }
    #footer .menu UL {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }
        #footer .menu UL LI {
            padding: 0px 10px 0px 10px;
            margin: 0px;
            float: left;
            display: inline;
            border-right: 1px solid #FFFFFF;
        }
        #footer .menu UL LI A:link, #footer .menu UL LI A:visited {
            font-size: 11px;
            color: #FFFFFF;
            font-weight: normal;
            text-decoration: none;
            text-align: center;
        }
        #footer .menu UL LI A:hover {
            text-decoration: underline;
        }