/* CSS Document */
/*sliced and css ed by hmt-designs.com*/
body{
        background:#002B4D url(../images/AR/bg.jpg);
        font-family:Tahoma,Vernada,Arial;
        direction:rtl;
        text-align:right;
        font-size:12px;
        margin:3px 0px;
}

a img{ border:none;}

.lable{ font-weight:bold; font-family: "Times New Roman", Times, serif; font-size:13px; margin-bottom:3px; margin-top:3px; margin-right:15px; color:#576591;}
.bottons{ background: #455581; color:#FFF; font-family:Tahoma,Vernada,Arial; border:none; padding-right:2px; padding-left:2px; border:1px solid #024B82;}

select{ direction:rtl; font-family:tahoma,vernada;}

#warp{ margin:0 auto; width:707px; background: #CC6699 url(../images/AR/siteback.jpg) repeat-y center;}

#header{ background:url(../images/AR/index_02.jpg) no-repeat center; width:707px; height:146px;}

#nav{ background:url(../images/AR/index_04.jpg) no-repeat center; width:707px; height:22px;}

#nav2{ height:22px; padding-right:180px;}

.left{ width:534px; background:#C4D6EC url(../images/AR/index_15.jpg) repeat-y left;  float:left;}
#main{ width:534px; background:#C4D6EC url(../images/AR/index_15.jpg) repeat-y left;  float:left;}


 #main hr {width:90%;color:#9ABDE8;text-align:center;background-color:white;height:1px;border:none}
  #main table {width:95%;}
  #main p {padding-left:10px;padding-right:10px;}


h1 {
    padding: 0;
    margin: 0;
    color: #FFF;
    background: inherit;
    font: bold 1.1em tahoma, "Trebuchet MS", "Lucida Grande", verdana, sans-serif;

    letter-spacing: -1px;
    color:#002337
}

h1 a {
    color:      #FFF;
    background: inherit;
}

h2 {
    background: url(h.gif) no-repeat right;
    color: #075181;
    font-size: 9pt;
    font-weight: bold;
    margin: 5px 0 5px 0px;
    padding: 0 0 0 30px;
}

h2 a {
    background: #FFF;

    color: #808080;
    font-size: 9pt;
    font-weight: bold;
}

h2 a:hover {
    background: #FFF;
    color: #68ADD5;
    text-decoration: none;
}




.firstcontent{ background:#C4D6EC url(../images/AR/index_13.jpg) repeat-y left; width:534px; height:170px; direction:ltr;}
.textblock1{ padding:7px; text-align:right; direction:rtl; color:#576591;}
.textblock1 a{ text-decoration:none; color: #003399;}
.textblock1 a:hover{ color: #0033CC;}
.handimg{ float:left; position:relative; top:-2px; margin-right:0px; margin-bottom:10px; margin-top:0px;}
.blockofcomboboxes{ background:#E8EBF0; padding:5px 5px 5px 0px; margin:0px 10px 5px 5px;}

.whiteblock{ background:#FAFBFF; border:1px solid #9BA8B7; width:230px; margin:1px; padding:3px; float:right; font-size:11px;}
.whiteblock .whitecorner{ float:left; position:relative; top:-4px; left:-4px;}
.whiteblock .picsample{ margin:5px; float:right;}

.babyblock{ background:#E5EEF7; border:1px solid #9BA8B7; width:480px; margin:5px 5px; padding:5px; font-size:11px;}
.babyblock .babycorner{ float:left; position:relative; top:-7px; left:-6px;}
.babyblock .picsample{ margin:5px; float:right;}

.secondcontent{ width:532px; float:right;}
.textblock2{ padding:10px; text-align:right; direction:rtl;}



.right{ width:173px; background:#E0EAF6 url(../images/AR/index_08.jpg) repeat-y right; float:right;}

.mainrightblocktitle{ text-align:left;}
.mainrightblockbottom{ background:url(../images/AR/index_19.jpg) no-repeat left top;height:26px; }



#footer{ background: url(../images/AR/index_18.jpg) no-repeat center; width:707px; height:10px; margin:0px auto -1px auto; clear:both;}
#credit{ color:#FFF; background:#002B4D; width:707px; margin:0px auto; height:20px;}
#credit .texty{ color:#FFF; background:#002B4D; width:537px; float:right; padding-right:10px; margin-top:2px;direction:rtl;}

.infooter{ float:left; width:150px; text-align:left; padding-left:10px; margin-top:2px; background:#002B4D;}
.infooter a{ text-decoration:none; color:#FFCC00;background:#002B4D;}
.infooter a:hover{ color:#FFF;}

.title{ margin:5px 15px 0px 25px;}

/*--Top Menu--*/
#link {
width:100%;
text-align:left;
                margin-left:0px;
        background:none;
}
/*--main right Menu--*/
#mainrightlink {
 text-align:left;
padding-right:0px;
background: url(../images/AR/index_10.jpg) repeat-y left;
}



/**********************/
#panel{
        margin:5px;
        }
#panel a {
    color:           gray;
    text-decoration: none;
    padding:         2px 0px 2px 0px;
    display:         block;
    margin-bottom:   1px;
    width:           100%;
    border-bottom:   1px dotted #EAEAEA;
    font-size:       9pt;
}

#panel a:hover {
    color:      #ffffff;
    background: #B3D9FF;
}


/***************/

#main-nav LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 16px;
    BACKGROUND:   url(divider-top.gif) no-repeat right 50%;
    FLOAT:        right;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT:  24px;
    PADDING-TOP:  0px;
    POSITION:     relative
}

#main-nav LI.last {
    BACKGROUND: none transparent scroll repeat 0% 0%
}

#main-nav LI A {
    FONT-WEIGHT: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR:      #fff;
    LETTER-SPACING: 0.08em
}

#main-nav UL {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND:   url(bg-li-dd-c.gif) repeat-y 100% 0px;
    PADDING-BOTTOM: 0px;
    MARGIN:       0px;
    OVERFLOW:     hidden;
    WIDTH:        192px;
    PADDING-TOP:  0px;
    LIST-STYLE-TYPE: none
}

#main-nav DIV.dd {
    DISPLAY: none;
    right: 0px;
    WIDTH: 192px;
    POSITION: absolute;
    TOP:   24px
}

#main-nav DIV.end {
    DISPLAY: none;
    right: -37px;
    WIDTH: 192px;
    POSITION: absolute;
    TOP:   24px
}

#main-nav LI.hover DIV.dd {
    DISPLAY: block
}

#main-nav LI:hover DIV.dd {
    DISPLAY: block
}

#main-nav LI.hover DIV.end {
    DISPLAY: block
}

#main-nav LI:hover DIV.end {
    DISPLAY: block
}

#main-nav .bottom {
    BACKGROUND: url(bg-nav-b.gif);
    OVERFLOW: hidden;
    WIDTH:    192px;
    HEIGHT:   4px
}

#main-nav UL LI {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT:  normal;
    BACKGROUND:   none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    WIDTH:        175px;
    LINE-HEIGHT:  22px;
    PADDING-TOP:  0px
}

#main-nav UL LI A {
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-right: 16px;
    FONT-WEIGHT: normal;
    BACKGROUND: url(bg-top-nav-li.gif) #f4f4f0 no-repeat 0px 100%;
    PADDING-BOTTOM: 1px;
    WIDTH:   175px;
    COLOR:   gray;
    PADDING-TOP: 0px;
    font-size: 8pt;
    font-weight: bold;
    letter-spacing: 0px;
}

#main-nav UL LI A:hover {
    BACKGROUND: url(bg-top-nav-li.gif) #fff no-repeat 0px 100%
}

#main-nav UL LI.last A {
    BACKGROUND-IMAGE: none
}

#main-nav UL LI.last A:hover {
    BACKGROUND-IMAGE: none
}

#main-nav LI {
    PADDING-RIGHT: 16px;
    PADDING-right: 16px;
    BACKGROUND:    url(divider-top.gif) no-repeat right 50%;
    FLOAT:         right;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT:   24px;
    PADDING-TOP:   0px;
    POSITION:      relative
}

#main-nav LI.last {
    BACKGROUND: none transparent scroll repeat 0% 0%
}

#main-nav LI.first {
    PADDING-left:  6px;
    PADDING-right: 16px;
    BACKGROUND:    url(firstnavbg.gif) repeat-x 100% 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP:   0px;
    HEIGHT:        24px
}

#main-nav LI.begin {
    PADDING-left:  0px;
    PADDING-right: 0px;
    BACKGROUND:    url(firstnavbegin.gif) no-repeat;
    PADDING-BOTTOM: 0px;
    PADDING-TOP:   0px
}

#main-nav LI.firstend {
    PADDING-left:  16px;
    PADDING-right: 0px;
    BACKGROUND:    url(firstnavbg.gif) repeat-x 100% 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP:   0px;
    HEIGHT:        24px
}

#main-nav UL LI A:hover {
    BACKGROUND: url(bg-top-nav-li.gif) #fff no-repeat 0px 100%
}

#main-nav UL LI.last A {
    BACKGROUND-IMAGE: none
}

#main-nav UL LI.last A:hover {
    BACKGROUND-IMAGE: none
}


a:link , A:hover,a{color:#075181}