/* Begin Lava Menu CSS */

.dnnLavaMenuBacking {
	margin: 0px;
	padding: 0px;
    width:900px;
    height:32px;
    background-image:url(menu_back.png);
}

ul.dnnLavaMenu {
    list-style:none;
    margin:5px 5px 5px 20px;
	*margin: 0 0 0 20px;
	padding: 0px;
    overflow:none; /* makes sure the container fits the floated list-items below */
	*width: 880px;
}
ul.dnnLavaMenu li{
	margin: 0px;
    padding:5px 8px 4px;
	*padding: 5px 8px;
    list-style:none;
    float:left; /* floats list items to the left, creating a horizontal menu */
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;
    font-weight:bold;
    font-size:12px;
	display: inline;
    z-index:6;
}

ul.dnnLavaMenu li a {
    display:block;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    cursor:pointer;
    padding:4px;
    position:relative;
	*position: static;
    z-index:6;
    line-height:normal;
}

ul.dnnLavaMenu li a:hover {
    text-decoration:none;
    color:#cad4e2;
}

ul.dnnLavaMenu li.backLava {
    background: url(menu_bracket_right.png) no-repeat center right;
    position: relative;
	*position: static;
    z-index:1;
}

ul.dnnLavaMenu li.backLava div.leftLava {
    background: url(menu_bracket_left.png) no-repeat center left;
    height: 24px;
    position:relative;
	*position: static;
    margin-left:-8px;
    margin-top:-1px;
	z-index:2;
}

/* End Lava Menu CSS */