html
    {
        

    }

    body
    {
        margin: 0px;
        padding: 0px;
        font-family: Calibri;
        font-size: 20px;
        color: #ffffff;
        background: #434343 url('/images/repeat_back.jpg') repeat-x top ;
    }


    img { border: none;  }


    .iepngfix { behavior: url("/images/iepngfix/iepngfix.htc") }

    .clear
    {
        height: 0px;
        overflow: hidden;
        clear: both;
    }

    .top
    {
        background: url('/images/left.gif') no-repeat top left;
    }


    #outer
    {
        padding: 70px 0px 0px 0px;
        background: url('/images/back.jpg') no-repeat top center;
    }


    .inner
    {
        margin: 0px auto;
        width: 1000px;
    }


    .left_side
    {
        float: left;
        width: 350px;
        margin: 50px 0px 0px 0px;
        padding: 0px 0px 0px 25px;
    }

    .right_side
    {
        margin: 70px 0px 0px 0px;
        padding: 0px 30px 0px 0px;
        float: right;
        width: 500px;
    }



    a
    {
        color: #ffffff;
        font-size: 20px;
        text-decoration: none;
    }

    a:hover
    {

        text-decoration: underline;
    }


    h1
    {
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 10px 0px;
        font-weight: normal;
        font-size: 18px;
        text-align: left;
    }

    h2
    {
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        font-size: 16px;
    }

    h3
    {
        margin: 0px 0px 15px 0px;
        font-weight: normal;
        font-size: 16px;
    }


    p
    {
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;

    }

    .menu
    {
        background:  url('/images/menu_back.png') repeat-x top;
        margin: 0px 0px 0px 0px;
        text-align: center;

    }

    .menu a
    {
        margin: 0px 10px 0px 10px;
        color: #868585;
        background:  url('/images/star.gif') no-repeat left center;
        padding: 0px 0px 0px 10px;
        text-align: center;
    }

    .menu a:hover
    {
        text-decoration: none;
        color: #ffffff;
        background:  url('/images/star1.gif') no-repeat left center;
    }

    .links
    {
        margin: 420px 0px 100px 0px;
        border: none;
        text-align: center;
    }

    .links span
    {
        font-size: 54px;
        color: #000000;
        padding: 0px 0px 0px 20px;
        background:  url('/images/big_star.png') no-repeat left center;
    }

    .links a
    {
        text-decoration: underline;
        margin: 0px 0px 0px 20px;
    }

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

    .act
    {
        width: 320px;
        float: left;
        text-align: left;
    }

    .family
    {
        width: 320px;
        float: left;
        text-align: left;
    }

    .content
    {
        background: #000000;
        padding: 30px 0px 10px 0px;
        margin: 0px 0px 0px 0px;
        text-align: center;
    }

    .content img
    {
        margin: 0px 5px 0px 5px;
    }


    .title
    {
        text-align: left;
        font-size: 54px;
        color: #848484;
        margin: 0px 0px 0px 0px;
        position: absolute;
        top: -70px;
        left: 20px;

    }

    .arrow
    {
        position: absolute;
        right: 10px;
        top: 80px;
    }


 /*------------------------- footer----------------------------- */

    #footer
    {
        margin: 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
        background:  url('/images/right_footer.gif') repeat-x top;
    }

    .left_foot
    {
        background:  url('/images/left_footer.gif') no-repeat top left;
    }

    .right_foot
    {
        background:  url('/images/footer.jpg') no-repeat top center;
    }

    #footer a
    {
        margin: 0px 10px 0px 10px;
        color: #000000;
        font-size: 16px;
    }



  /*  end ------------------------- footer----------------------------- */