/*** Navigator on the header **************************************/
.navigator {
    background: url(/images/menu-bg_c.gif) repeat-x left top;
    height: 36px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2000;
}
.navigator .corn_l{
    background: url(/images/menu-bg_l.gif) no-repeat left top;
    height: 36px;
    width: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.navigator .corn_r{
    background: url(/images/menu-bg_r.gif) no-repeat right top;
    height: 36px;
    width: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.navigator ul{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0 12px;
}
.navigator ul li{
    display: block;
    float: left;
    margin: 0 1px;
    padding: 6px 0 0 0;
    position: relative;
    z-index:500;
}
a.nav,
a.nav:visited{
    display: block;
    float: left;
    text-decoration: none;
    font: bold 16px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    line-height: 21px;
    height: 21px;
    color: #003366;
    background: none;
    text-transform: lowercase;
}
a.nav:hover{
    text-decoration: none;
}

a.nav span.bord_l,
a.nav span.bord_r,
a.nav:visited span.bord_l,
a.nav:visited span.bord_r{
    display: block;
    float: left;
    width: 4px;
    height: 21px;
    background: none;
    cursor: pointer;
}
a.nav span.start,
a.nav:visited span.start{
    display: block;
    float: left;
    background: url(/images/ico-start.gif) no-repeat left center;
    width: 21px;
    height: 21px;
    cursor: pointer;
}
a.nav span.name,
a.nav:visited span.name{
    display: block;
    float: left;
    font: bold 16px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    line-height: 18px;
    height: 21px;
    background: none;
    padding: 0 6px;
    cursor: pointer;
    text-transform: lowercase;
}
A.nav:hover SPAN.bord_l,
.active A.nav SPAN.bord_l,
.active:visited A.nav SPAN.bord_l,
.active:hover A.nav SPAN.bord_l {
    display: block;
    float: left;
    width: 4px;
    height: 21px;
    background: url(/images/nav-over.gif) no-repeat left 0;
    cursor: pointer;
}
A.nav:hover SPAN.bord_r,
.active A.nav SPAN.bord_r,
.active A.nav:visited SPAN.bord_r,
.active A.nav:hover SPAN.bord_r{
    display: block;
    float: left;
    width: 4px;
    height: 21px;
    background: url(/images/nav-over.gif) no-repeat left -42px;
    cursor: pointer;
    text-transform: lowercase;
}
a.nav:hover span.name,
.active a.nav span.name,
.active a.nav:visited span.name,
.active a.nav:hover span.name{
    display: block;
    float: left;
    height: 21px;
    font: bold 16px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    line-height: 18px;
    padding: 0 6px;
    background: url(/images/nav-over.gif) repeat-x left -21px;
    cursor: pointer;
}

/** For current link ***/
.current a.nav{
    z-index: 100;
}
.current a.nav span.bord_l,
.current a.nav:visited span.bord_l,
.current a.nav:hover span.bord_l {
    background: url(/images/nav-active.gif) no-repeat left 0;
    width: 4px;
}
.current a.nav span.bord_r,
.current a.nav:visited span.bord_r,
.current a.nav:hover span.bord_r {
    background: url(/images/nav-active.gif) no-repeat right -42px;
    width: 4px;
}
.current a.nav span.name,
.current a.nav:visited span.name,
.current a.nav:hover span.name {
    background: url(/images/nav-active.gif) repeat-x left -21px;
    padding: 0 6px;
    text-transform: lowercase;
}

/**************************/
/*** For item navigator have ***/
.li_sub a.nav:hover,
.li_sub a.active,
.li_sub a.active:visited,
.li_sub a.active:hover{
    display: block;
    float: left;
    text-decoration: none;
    font: bold 16px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    line-height: 21px;
    color: #003366;
    position: relative;
    height: 24px;
    z-index: 26100;
    text-transform: lowercase;
}
.li_sub a.nav:hover span.name,
.li_sub a.active span.name,
.li_sub a.active:visited span.name,
.li_sub a.active:hover span.name{
    display: block;
    float: left;
    font: bold 16px "Trebuchet MS", Arial, Tahoma, Sans-serif;
    line-height: 18px;
    background: none;
    padding: 0 6px;
    cursor: pointer;
    background: url(/images/nav-sel.gif) repeat-x left -24px;
    height: 24px;
}
.li_sub a.nav:hover span.bord_l,
.li_sub a.active span.bord_l,
.li_sub a.active:visited span.bord_l,
.li_sub a.active:hover span.bord_l{
    display: block;
    float: left;
    width: 4px;
    height: 21px;
    background: none;
    cursor: pointer;
    background: url(/images/nav-sel.gif) repeat-x left 0;
    height: 24px;
}
.li_sub a.nav:hover span.bord_r,
.li_sub a.active span.bord_r,
.li_sub a.active:visited span.bord_r,
.li_sub a.active:hover span.bord_r{
    display: block;
    float: left;
    width: 4px;
    height: 21px;
    background: none;
    cursor: pointer;
    background: url(/images/nav-sel.gif) repeat-x left -48px;
    height: 24px;
}
/*** I level SubNavigator ***/
.subnav_I{ /* ie6, ie7 */
    display: block;
    position: absolute;
    left:0px;
    top:26px;
    background: url(/images/subnav-left.gif) repeat-y -8px top;
    float: left;
    min-width: 160px;
    z-index: 26000;
}
.subnav_I .cont{
    display: block;
    background: url(/images/subnav-right-bg.gif) repeat-y right top;
    margin-left:4px;
    padding: 4px 0;
}
.subnav_I .top{
    display: block;
    background: url(/images/subnav-right.gif) no-repeat right top;
    height: 4px;
    width: 100%;
    position: absolute;
    left:0px;
    top:0px;
    float:none;
    z-index: 450;
}
.subnav_I .bot{
    display: block;
    background: url(/images/subnav-right.gif) no-repeat right -4px;
    height: 4px;
    width: 100%;
    float:none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 500;
}
.subnav_I .corn_lb{
    display: block;
    background: url(/images/subnav-left.gif) no-repeat left bottom;
    width: 4px;
    height: 4px;
    position: absolute;
    left:0px;
    bottom:0px;
    z-index: 500;
}
.subnav_I ul{
    display: block;
    float: none;
    padding: 0;
    margin: 0 3px 0 0;
}
.subnav_I ul li{
    display: block;
    padding: 0;
    float: none;
    left: 0;
    top: 0;
}
.subnav_I ul li a.subnav,
.subnav_I ul li a.subnav:visited{ /* ie7.css */
    display: block;
    background: url(/images/subnav-mark.gif) no-repeat 5px center;
    padding: 0 5px 0 15px;
    font-size: 12px;
    line-height: 25px;
    color: #6389AF;
    margin: 0 1px 0 0;
    float: none;
    min-height: 25px;
    text-decoration: none;
}
.subnav_I ul li a.admin-item,
.subnav_I ul li a.admin-item:visited {
    color: #003366;
    background: transparent url(/images/subnav-mark-blue.gif) no-repeat scroll 5px center;
}
.subnav_I ul li a.subnav:hover,
.subnav_I ul li a.admin-item:hover { /* ie7.css */
    background: #6389AF url(/images/subnav-mark-over.gif) no-repeat 5px center;
    color: #EAEAEA;
    text-decoration: none;
}
/*****************************/
/*** II level SubNavigator ***/
.subnav_II{ /* ie6, ie7 */
    display: block;
    position: absolute;
    left: 99%;
    top: 0;
    margin: 0;
    background: #6389AF;
    min-width: 150px;
}
.subnav_II ul{
    display: block;
    float: none;
    overflow: hidden;
    padding: 0;
    margin: 0 3px 0 0;
}
.subnav_II ul li{
    display: block;
    padding: 0;
    float: none;
    margin:0;
}
a.subsubnav,
a.subsubnav:visited{
    display: block;
    padding: 0 6px;
    font-size: 12px;
    line-height: 24px;
    color: #EAEAEA;
    white-space: nowrap;
}

a.subsubnav:hover{
    background:none;
    text-decoration: underline;
}


#sub_1, #sub_2, #sub_3, #sub_4, #sub_5, #sub_6, #sub_7, #sub_8, #sub_9, #sub_10,
#subsub_1, #subsub_2, #subsub_3, #subsub_4, #subsub_5, #subsub_6, #subsub_7, #subsub_8, #subsub_9, #subsub_10{
    display: none;
}
#link_sub_sel_1, #link_sub_sel_2, #link_sub_sel_3, #link_sub_sel_4, #link_sub_sel_5, #link_sub_sel_6,
#link_sub_sel_7, #link_sub_sel_8, #link_sub_sel_9, #link_sub_sel_10{
    display: none;
}
/*****************************/
/******************************************************************/