ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}

#gooeymenu1{
z-index:1;
float:left;
width:950px;
}

/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu{
padding: 0;
margin: 0;
text-align: center;
}

ul.gelbuttonmenu li{
float:left;
display: inline;
color:#FFF;
font-weight:bold;

text-decoration: none;
}

ul.gelbuttonmenu li a{
float:left;
color:#FFF;
font-weight:bold;
padding-top:10px;
padding-bottom:11px;
padding-left:17px;
padding-right:17px;
border-left:#213e5e solid 1px;
border-right:#3c7ec9 solid 1px;
text-decoration: none;
}

ul.gelbuttonmenu li a:hover{
float:left;
color:#e7e8ff;
border:none;
border-left:#213e5e solid 1px;
border-right:#3c7ec9 solid 1px;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border-bottom:#b81607 solid 5px;
}