.lava {
            position: relative;
            height: 29px;
            width: 960px;
			margin-left:20px;
			padding:10px;
            overflow: hidden;
        }
                .lava li {
                    float: left;
                    list-style: none;
					margin-left:0px;
					background: none;
					padding-left:0px;
					margin-top:0px;
                }
                    .lava li.back {
                        background: url("../img/lava.gif") no-repeat right -30px;
                        width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lava li.back .leftt {
                            background: url("../img/lava.gif") no-repeat top left;
                            height: 30px;
                            margin-right: 9px; /* 7px is the width of the rounded shape */
                        }
                    .lava li a {
					    font: bold 14px arial;
                        text-decoration: none;
                        color: #1B709D;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;    
                    }
                        .lava li a:hover, .lava li a:active, .lava li a:visited {
                            border: none;
                        }
					.lava li.current a,  .lava li a:hover, .lava li a:active {
					color: #fff;
					}