html
    {

    }

    body
    {
        margin: 0px;
        padding: 0px;
        font-family: Calibri, Arial;
        font-size: 14px;
        color: #002c47;
    }


    img { border: none;  }

    
    p
    {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        line-height: 25px;
    }


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

    #logo
    {
        padding: 33px 0px 0px 30px;
        margin: 0px 0px 0px 0px;
        text-align:left;
    }


    #logo a
    {
        text-decoration: none;
        color: #ffffff;
    }

    .inner
    {
        margin: 0px auto 0px auto;
        width: 805px;
        padding: 0px 0px 0px 0px;
        background: url('../images/back.jpg') no-repeat 0px 112px;
    }

    .contacts
    {
        background: url('../images/contacts.jpg') no-repeat left top;
        padding: 40px 0px 40px 10px;
        margin: 40px 0px 0px 0px;
        font-size: 12px;
        color: #113a53;
        line-height: 17px;
        text-align:left;
    }


    a
    {
        color: #0096df;
        font-size: 13px;
        text-decoration: underline;
    }

    a:hover
    {
       
    }


    .left_side
    {
        float: left;
        width: 190px;
        padding: 0px 51px 0px 9px;
        margin: 50px 0px 0px 0px;
        text-align:left;
    }


    .right_side
    {
        float: left;
        width: 535px;
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 0px 0px;
        text-align:left;
    }


    h1
    {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 24px;
        color: #7ebd23;
        text-align:center;
    }

    h2
    {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 24px;
        color: #0096df;
    }

    h3
    {
        margin: 0px 0px 10px 0px;
        padding: 0px;
        font-weight: bold;
        font-size: 14px;
        color: #0068a7;
    }



 /*------------------------- footer----------------------------- */
    
    #footer
    {
        padding: 30px 0px 0px 350px;
        margin: 40px 0px 0px 0px;
        color: #0072b8;
        font-size: 12px;
        background: url('../images/footer.jpg') no-repeat left top;
    }


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

/*------------------------------------menu-----------------------------------*/
.menu
    {
        padding: 0px 0px 0px 5px;
        margin: 23px 0px 0px 0px;
        list-style-type: none;
    }

    .menu li
    {
        position:relative;
        float: left;
        padding: 10px;
        margin: 0px 27px 0px 27px;
    }

    .menu li:hover
    {
        background: url('../images/gradient.gif') repeat-x top left;
    }

    .menu li:hover a
    {
        color: #ffffff;
        font-weight: normal;
    }

    .menu .active
    {
        background: url('../images/gradient.gif') repeat-x top left;
    }

    .menu .active a
    {
        color: #ffffff;
        font-weight: normal;
    }


    .menu a
    {
        color: #002c47;
        font-size: 14px;
        float: left;
        text-decoration: none;
        text-transform: uppercase;
    }

    .menu a:hover
    {


    }

    .menu li ul
    {
        display:none;
        left: -10px;
        list-style-type:none;
        padding: 0px 0px 10px 0px;
        position: absolute;
        top: 37px;
        width: 175px;
        margin: 0px;
        background:#0b71ac url('../images/gradient2.gif') repeat-x left top;
    }

    .menu li:hover .one, .menu li.jshover .one
    {
        display: block;
    }

    .menu li li
    {
       font-size: 14px;
       margin: 0px;
       padding: 0px;
       padding: 4px 0px 5px 0px;
       float: none;
    }

    .menu li li:hover
    {
        background: url('../images/gradient1.png') repeat-x left top;
    }


    .menu li li a
    {

        margin: 0px 0px 0px 20px;
        color: #ffffff;
        text-transform: none;
        padding: 0px;
        float: none;
    }

    .menu li li a:hover
    {
        background: none;
    }

    .menu .one li:hover ul, .menu .one li.jshover ul
    {
        display: block;
    }

    .menu li li ul
    {
        display:none;
        left: 175px;
        list-style-type:none;
        padding: 00px 0px 00px 0px;
        position: absolute;
        top: 0px;
        width: 285px;
        margin: 0px;
        background:#69a618 url('../images/gradient3.gif') repeat-x left top;
    }

    .menu li li ul li:hover
    {
         background: url('../images/gradient2.png') repeat-x left top;
    }


/*end----------------------------------menu-----------------------------------*/