hr{
	margin:0px 0;
	color:#0F0;
}

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:0em;
	text-align: center;
//set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu li{
display: inline;
}

ul.gelbuttonmenu li a{
	color: black;
	font-weight:bold;
	padding: 30px; /*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;
}

ul.gelbuttonmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
background:lightblue;
background:url(gelbuttons/gelbuttonleft.gif) top left no-repeat, url(gelbuttons/gelbuttonright.gif) top right no-repeat, url(gelbuttons/gelbuttoncenter.gif) top center repeat-x;
}




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


ul.solidblockmenu{
margin: 0;
margin-bottom:1em;
padding: 0;
list-style: none;
position:relative;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.solidblockmenu li{
display: inline;
}

ul.solidblockmenu li a{
	font: bold 14px Arial, Verdana, sans-serif;
	color: #333333;
	padding: 8px;
	margin-right: 20px; /*spacing between each menu link*/
	text-decoration: none;
}

ul.solidblockmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border:1px solid black;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius:4px;
-moz-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
box-shadow: 2px 2px 4px rgba(120,120,120,0.7);
background:#d7ed93;
background: -moz-linear-gradient(top, #d7ed93, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#d7ed93), to(#fff));
background: linear-gradient(top, #d7ed93, #fff);
}




/* ######### Thick Underline Menu CSS ######### */


ul.gooeyMainMenu {
	list-style: none;
	position:relative;
	text-align: center;
//set value to "left", "center", or "right"*/
;
}

ul.gooeyMainMenu li {
display: inline;
}

ul.gooeyMainMenu li a {
	text-decoration: none;
}


ul.gooeyMainMenu li.active { /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	background-color: #FF0000;
}


/* ######### Frame Menu CSS ######### */


ul.framemenu{
	margin: 0;
	margin-bottom:2px;
	padding: 0;
	list-style: none;
	position:relative;
	text-align: center;
//set value to "left", "center", or "right"*/
}

ul.framemenu li{
display: inline;
}

ul.framemenu li a{
	font: bold 14px Arial, Verdana, sans-serif;
	color: #999999; /*spacing between each menu link*/
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}


ul.framemenu li.active { /*style of LI that gets dynamically added to menu to create background effect*/
	position:absolute;
	width:0;
	border:2px groove #666666;
	-moz-box-shadow: 0 0 4px rgba(120,120,120,0.7);
	-webkit-box-shadow: 0 0 4px rgba(120,120,120,0.7);
	box-shadow: 0 0 4px rgba(120,120,120,0.7);
}