hr{
margin:50px 0;
color:#eee;
}

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

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

ul.gelbuttonmenu{
position:relative;
padding: 0;
margin: 0;
margin-bottom:12px;
text-align: center; /*set value to "left", "center", or "right"*/
z-index: 5;
}

ul.gelbuttonmenu li{
	display: inline;
	margin-left:0;
	margin-top: 0px;
	line-height: 26px;
}

ul.gelbuttonmenu li a{
	color: #c9a46a;
	font-weight:bold;
	padding: 10px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	cursor: pointer;
}
ul.gelbuttonmenu li a:hover{
color: #ffffff;
}
ul.gelbuttonmenu li a.selected{
color: #f0d492;
}
ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
/*border: 1px solid #f0d492;*/
border-radius: 16px;
	background: #270000;
/*background: url("../../js/gooeyTabsMenu/gelbuttoncenter4.gif") top center repeat-x;*/
/*background:url("gelbuttonleft.gif") top left no-repeat, url("gelbuttonright.gif") top right no-repeat, url("gelbuttoncenter.gif") top center repeat-x;*/

}