body
{
    font-family: tahoma;
    font-size: 12px;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
table
{
    direction: rtl;
}
.td_ManagementMenu
{
    float: right;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
    text-align: center;
    position: relative;
    background-color: #006087;
    direction: rtl;
}
.td_ManagementMenu div
{
    max-width: 1100px;
    margin: 0 auto;
}
.MenuTopSeparator
{
    height: 40px;
}
#slides
{
    margin-top: 40px;
}
.menuContentTable
{
    width:98%;
    background-color:#fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    padding:20px 10px;
}
.ContentContainer
{
    width: 100%;
    float: right;
    margin-top: 40px;
    position: relative;
}
.HeaderContainer
{
    height: 50px;
    background-color: #24b4ff;
    direction: rtl;
}
.ContentHeader
{
    background-color: #24b4ff;
    max-width: 1100px;
    margin: 0 auto;
    height: 50px;
    font-weight: bold;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    padding-right: 20px;
    direction: rtl;
}
.ul_ChildContent
{
    max-width: 1100px;
    margin: 0 auto;
    padding: 10px 20px;
    direction: rtl;
}
.ul_ChildContent li
{
    list-style: none;
    float: right;
    background-color: #ffdb38;
    border-radius: 5px;
    padding: 6px 10px 6px 20px;
    margin: 10px 0 0 10px;
}
.ul_ChildContent li a
{
    color: #000;
    font-size: 11px;
}
.ContentBody
{
    max-width: 1100px;
    margin: 0 auto;
    min-height: 200px;
    padding: 10px 20px;
    direction: rtl;
}
.div_News
{
    width: 100%;
    float: right;
    margin-top: 20px;
}
.AccordionContainer
{
    max-width: 1100px;
    margin: 30px auto;
}
.FooterContainer
{
    width: 100%;
    float: right;
    margin-top: 20px;
    background-color: #e10931;
    height: 470px;
    border-top: solid 8px #d2d2d2;
}
.FooterBox
{
    margin: 0 auto;
    text-align: center;
    max-width: 1100px;
    height: 100%;
}
.div_Footer
{
    float: right;
    margin: 8px;
    width: 23%;
    text-align: center;
    height: 285px;
    overflow: hidden;
}
.div_FooterBoxes{
    float: right;
    margin: 8px;
    width: 15%;
    text-align: center;
    height: 160px;
    overflow: hidden;
}
.div_DepartmentContainer
{
    width: 100%;
    float: right;
    margin-top: 30px;
}
.DepartmentBox
{
    margin: 0 auto;
    text-align: center;
    max-width: 1100px;
}
.div_Department
{
    float: right;
    margin: 7px;
    width: 15%;
    text-align: center;
}
.div_Department a img
{
    width: 100%;
    -moz-transition: all 0.3s ease-out 0s;
}
.div_Department a img:hover
{
    box-shadow: 0 3px 10px #999999;
    transform: scale(1.03);
}
.div_ServicesContainer
{
    width: 100%;
    float: right;
    margin-top: 10px;
}
.ServicesBox
{
    margin: 0 auto;
    text-align: center;
    max-width: 1100px;
}

.div_Services
{
    float: right;
    margin: 8px;
    width: 18.1%;
    text-align: center;
}
.div_Services a img
{
    width: 100%;
    -moz-transition: all 0.3s ease-out 0s;
}
.div_Services a img:hover
{
    box-shadow: 0 3px 10px #999999;
    transform: scale(1.03);
}
.div_Menu
{
    width: 100%;
    background-color: #656565;
    z-index: 999999;
    direction: rtl;
    float: right;
    width: 100%;
    position: fixed;
    box-shadow: 0px 11px 10px -8px rgba(0,0,0,0.75);
    line-height: 18px;
}

menunav
{
    height: 40px;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    border-bottom: 2px solid #283744;
}
menunav ul
{
    padding: 0;
    margin: 0 auto;
    width: 980px;
    height: 40px;
}
menunav li
{
    display: inline;
    float: right;
}
menunav a
{
    color: #fff;
    display: inline-block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    text-shadow: 1px 1px 0px #283744;
}
menunav li a
{
    border-right: 1px solid #878787;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
menunav li:first-child a
{
    border-right: 0;
    height: 41px;
}
menunav a:hover, menunav a:active
{
    background-color: #8c99a4;
}
menunav a#pull
{
    display: none;
}
.div_Copy
{
    direction: ltr;
    background-color: #616161;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    color: #b0b0b0;
    margin: 0 auto;
    float: right;
    text-align: center;
}
.div_Copy p
{
    float: left;
    width: 50px;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

#scroll-top
{
    margin-left: 10px;
    margin-bottom: 10px;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    display: inline-block;
    background: url('../images/up-arrow.png');
    width: 51px;
    height: 51px;
}

#scroll-top:after
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.35em;
    width: 0;
    height: 0;
}


@media screen and (min-width: 769px) and (max-width: 980px)
{
    .FooterContainer
    {
        width: 100%;
        float: right;
        margin-top: 15px;
        background-color: #e10931;
        height: 950px;
        border-top: solid 8px #d2d2d2;
    }
    .FooterBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 1100px;
        height: 100%;
    }
    .div_Footer
    {
        float: right;
        margin: 8px 15px;
        width: 46%;
        text-align: center;
        height: 285px;
        overflow: hidden;
    }
    .div_FooterBoxes{
        float: right;
        margin: 8px 15px;
        width: 23%;
        text-align: center;
        height: 160px;
        overflow: hidden;
    }
    .div_ServicesContainer
    {
        width: 100%;
        float: right;
        margin-top: 15px;
    }
    .ServicesBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 800px;
    }

    .div_Services
    {
        float: right;
        margin: 5px;
        width: 32%;
        text-align: center;
    }
    .div_DepartmentContainer
    {
        width: 100%;
        float: right;
        margin-top: 20px;
    }
    .DepartmentBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 800px;
    }
    .div_Department
    {
        float: right;
        margin: 7px 8.8px;
        width: 31%;
        text-align: center;
    }

}
@media screen and (min-width: 481px) and (max-width: 780px)
{
    .td_ManagementMenu
    {
        float: right;
        margin: 0 auto;
        width: 100%;
        margin-top: 164px;
        text-align: center;
        position: relative;
        background-color: #006087;
        direction: rtl;
    }    
    .td_ManagementMenu div
    {
        max-width: 1100px;
        margin: 0 auto;
    }
    .MenuTopSeparator
    {
        height: 160px;
    }
    .ContentContainer
    {
        width: 100%;
        float: right;
        margin-top: 40px;
        position: relative;
        margin-top: 162px;
    }
    .HeaderContainer
    {
        height: 50px;
        background-color: #24b4ff;
    }
    .ContentHeader
    {
        max-width: 1100px;
        margin: 0 auto;
        height: 50px;
        font-weight: bold;
        font-size: 14px;
        line-height: 50px;
        color: #fff;
        padding-right: 20px;
    }
    .FooterContainer
    {
        width: 100%;
        float: right;
        margin-top: 10px;
        background-color: #e10931;
        height: 950px;
        border-top: solid 8px #d2d2d2;
    }
    .FooterBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 1100px;
        height: 100%;
    }
    .div_Footer
    {
        float: right;
        margin: 8px 11px;
        width: 45%;
        text-align: center;
        height: 285px;
        overflow: hidden;
    }
    .div_FooterBoxes
    {
        float: right;
        margin: 8px 11px;
        width: 23%;
        text-align: center;
        height: 160px;
        overflow: hidden;
    }
    .div_DepartmentContainer
    {
        width: 100%;
        float: right;
        margin-top: 15px;
    }
    .DepartmentBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 700px;
    }
    .div_Department
    {
        float: right;
        margin: 7px 8.8px;
        width: 46%;
        text-align: center;
    }
    .div_ServicesContainer
    {
        width: 100%;
        float: right;
        margin-top: 10px;
    }
    .ServicesBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 700px;
    }

    .div_Services
    {
        float: right;
        margin: 6px;
        width: 47%;
        text-align: center;
    }

    .div_Menu
    {
        background-color: #656565;
        float: right;
        width: 100%;
    }
    menunav
    {
        background-color: blue;
        height: auto;
    }
    menunav ul
    {
        width: 100%;
        display: block;
        height: auto;
    }
    menunav li
    {
        width: 50%;
        float: right;
        position: relative;
    }
    menunav li a
    {
        border-bottom: 1px solid #878787;
        border-right: 1px solid #878787;
    }
    menunav a
    {
        text-align: center;
        width: 100%;
        text-indent: 25px;
    }
    #slides
    {
        margin-top: 160px;
    }
}

@media only screen and (max-width : 480px)
{
    #slides
    {
        margin-top: 40px;
    }
    .FooterContainer
    {
        width: 100%;
        float: right;
        margin-top: 10px;
        background-color: #e10931;
        height: 1900px;
        border-top: solid 8px #d2d2d2;
    }
    .FooterBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 1100px;
        height: 100%;
    }
    .div_Footer
    {
        float: right;
        margin: 8px 17px;
        width: 90%;
        text-align: center;
        height: 285px;
        overflow: hidden;
    }
    .div_FooterBoxes
    {
        float: right;
        margin: 8px 11px;
        width: 43%;
        text-align: center;
        height: 160px;
        overflow: hidden;
    }
    .div_DepartmentContainer
    {
        width: 100%;
        float: right;
        margin-top: 10px;
    }
    .DepartmentBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 430px;
    }
    .div_Department
    {
        float: right;
        margin: 7px 15px;
        width: 90%;
        text-align: center;
    }
    .div_ServicesContainer
    {
        width: 100%;
        float: right;
        margin-top: 5px;
    }
    .ServicesBox
    {
        margin: 0 auto;
        text-align: center;
        max-width: 430px;
    }

    .div_Services
    {
        float: right;
        margin: 8px 17px;
        width: 90%;
        text-align: center;
    }

    .div_Menu
    {
        background-color: #656565;
        float: right;
        width: 100%;
    }
    menunav
    {
        background-color: green;
        border-bottom: 0;
    }
    menunav ul
    {
        display: none;
        height: auto;
    }
    menunav a#pull
    {
        background: url('../images/menu_icon.png') no-repeat center;
        height: 40px;
        display: block;
        background-color: #283744;
        width: 100%;
        position: relative;
    }
    menunav a#pull:after
    {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
    menunav li
    {
        display: block;
        float: none;
        width: 100%;
        border-bottom: 1px solid #878787;
    }
    menunav li a
    {
        width: 100%;
        text-align: right;
        padding-right: 20px;
        height: 30px;
        line-height: 30px;
    }
}

.ul_BreadCrumb
{
margin:0;
padding:0;    
float:right;
width:55%;
}
.ul_BreadCrumb li
{
    float:right;
    background-image: url("../images/BreadcrumbSeparator.png");
    background-position: left;
    background-repeat: no-repeat;
    padding: 0 12px 0 18px;
    list-style:none;
    font-size:11px;    
}
.ul_BreadCrumb a
{
    text-decoration:none;
    color:#009CFF;
}
.ul_BreadCrumb a:hover
{
    color:#d43900;
}
.DlCat{
    background-color:#0fb4f4;
}
.DlCat a {
    float:right;
    width:250px;
    height:256px;
    margin:10px;
    transition: all 0.2s ease-out 0s;
    background-color:#0fb4f4;
    text-align:center;
    color:#fff;
    font-size:12px;
    font-weight:bold;
}
.DlCat a:hover {
    transform: scale(1.1);
    box-shadow: 0 0 8px #777777;
    transition: all 0.2s ease-in 0s;
    background-color:#A8010B;
}
.DlCat a p{
    padding:5px 0;
    margin:0;
}
.GalleryHome
{
    float: right;
    padding: 0 18px 20px 0;
}
.GalleryHome div a
{
color:#fff;
line-height:30px;
}
.GalleryHome div a:hover
{
    color:#fff000;
}
.GalleryHome Img
{
    border: solid 1px #d2d0d0 !important;
    transition: all 0.1s ease-out 0s;
    width:250px;
    height:220px;
}
.GalleryHome Img:hover
{
    transform: scale(1.1);
    box-shadow: 0 0 5px #777777;
}
.GalleryHome  .ghtitle{
    text-align:center;
    height:37px;
    padding-top:5px;
}