/* CSS PURE Multilevel Navigation CSS - Omar Heron 2009*/


.menu{
        border:none;
        border:0px;
        margin:0px;
        padding:0px;
        font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
        width: 100%
        }
.menu ul{
        background-image:url(img/nav_bg.jpg);
        background-repeat: repeat-x;
        background-position: bottom;
        height:25px;
        list-style:none;
        margin:0;
        padding:0;
        }
        .menu li{
                float:left;
                padding:0px;
                }
        .menu li a{
                border-left: #CCC 1px solid;
                color:#666666;
                display:block;
                font-weight:normal;
                line-height:25px;
                margin:0px;
                padding:0px 25px;
                text-align:center;
                text-decoration:none;
                }
                .menu li a:hover, .menu ul li:hover a{
                        background: #BCBCBC;
                        color:#FFFFFF;
                        text-decoration:none;
                        }
        .menu li ul{
                background:#BCBCBC;
                display:none;
                height:auto;
                padding:0px;
                margin:0px;
                border:0px;
                position:absolute;
                width:225px;
                z-index:200;
                /*top:1em;
                /*left:0;*/
                }
        .menu li:hover ul{
                display:block;

                }
        .menu li li {
                /*background:url('../img/sub_sep.gif') bottom left no-repeat;*/
                display:block;
                float:none;
                margin:0px;
                padding:0px;
                width:225px;
                }
        .menu li:hover li a{
                background:none;

                }
        .menu li ul a{
                display:block;
                height:25px;
                font-size:12px;
                font-style:normal;
                margin:0px;
                padding:0px 10px 0px 15px;
                text-align:left;
                }
                .menu li ul a:hover, .menu li ul li:hover a{
                        background:#F5F5F5;
                        border-left: #666 1px solid;
                        border-bottom: #CCC 1px solid;
                        color:#666;
                        text-decoration:none;
                        }
        .menu p{
                clear:left;
                }