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

/* ######### Solid Block Menu CSS ######### */

ul.solidblockmenu {
	position: relative;
	margin: 0;
	margin-top: 60px;
	margin-bottom: 1em;
	padding: 0;
	list-style: none;
	text-align: center;
}

ul.solidblockmenu li {
	display: inline-block;
	margin-bottom: 10px;
}

ul.solidblockmenu li a {
	font-size: 20px;
	font-weight: 500;
	font-variant: small-caps;
	color: black;
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
	padding: 4px 8px 8px 13px;
}

ul.solidblockmenu li.active { /*style of LI that gets dynamically added to menu to create background effect*/
	position: absolute;
	height: 31px;
	z-index: -1;
	border: 2px solid white;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 3px 4px 3px rgba(120,120,120,0.75);
	-webkit-box-shadow: 3px 4px 3px rgba(120,120,120,0.75);
	box-shadow: 4px 5px 4px rgba(120,120,120,0.75);
	background: #449900; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#449900, #eeffee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#449900, #eeffee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#449900, #eeffee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#449900, #eeffee); /* Standard syntax */
}