@charset "UTF-8";

/* CSS Document */



 /* common styling */

#menu {

    padding:0;

    margin:0;

    list-style:none;

    height:30px;

    position:relative;

    z-index:500;

    font-family:arial, verdana, sans-serif;

    background: #CC0000;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: bold;

}

#menu li {float:left; margin-right:1px;}

#menu li a {

    display:block;

    float:left;

    height:30px;

    line-height:30px;

    background:#CC0000;

    color:#FFFFFF;

    text-decoration:none;

    font-size:11px;

    font-weight:bold;

    padding-top: 0;

    padding-right: 15px;

    padding-bottom: 0;

    padding-left: 18px;

    background-image: url(../images/segro/divider.gif);

    background-repeat: no-repeat;

    background-position: right center;

}





#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



/* Default link styling */



/* Style the list OR link hover. Depends on which browser is used */



#menu li a:hover {

    z-index:200;

    position:relative;

    color:#000;

}

#menu li:hover {position:relative; z-index:200;}



#menu li:hover > a {

    color:#000;

}

#menu :hover ul {

    left:0;

    top:30px;

    width:180px;

    background:#fff;

}



/* keep the 'next' level invisible by placing it off screen. */

#menu ul, 

#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#menu :hover ul :hover ul

{left:180px; top:0px; background:#fff; white-space:nowrap; width:180px; z-index:200; height:auto;}



#menu :hover ul li {

    margin:0;

}

#menu :hover ul li a {

    width:180px;

    padding:0;

    text-indent:18px;

    color:#FFFFFF;

    height:24px;

    line-height:24px;

    text-transform: none;

    font-weight: normal;

    background-color: #999;

    background-image: none;

    display: block;

}

#menu :hover ul li a.drop {

    background-image: url(../images/segro/arrow-bullet.gif);

    background-repeat: no-repeat;

    background-position: 95% center;

}

#menu :hover ul li:hover a.drop {

    background-image: url(../images/segro/arrow-bullet.gif);

    background-repeat: no-repeat;

    background-position: 95% center;

}

/* Specific IE 5.5 and 6 style */

#menu :hover ul li a:hover.drop {

    background-image: url(../images/segro/arrow-bullet.gif);

    background-repeat: no-repeat;

    background-position: 95% center;

}

#menu li a.menuEnd {background-image: none;}

#menu :hover ul li a:hover {

    background:#666;

    color: #FFFFFF;

}



#menu :hover ul :hover {

    color:#000;

}



#menu :hover ul :hover ul li a {width:180px; padding:0; text-indent:10px; background:#999; color:#FFFFFF;}

#menu :hover ul :hover ul :hover {background-color:#666; color:#FFFFFF;}