hr{
margin:20px 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:2em;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu li{
display: inline;
}

ul.gelbuttonmenu li a{
color: red;
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*/
font-size:16px;

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:gray;
background:url(gelbuttonleft.png) top left no-repeat, url(gelbuttonright.png) top right no-repeat, url(gelbuttoncenter.gif) top center repeat-x;
}
/* ######### Gel Menu CSS ######### */

ul.gelbuttonmenu1{
position:relative;
padding: 0;
margin: 0;
margin-bottom:2em;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu1 li{
display: inline;
}

ul.gelbuttonmenu1 li a{
color: white;
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*/
font-size:16px;

text-decoration: none;
}

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

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

ul.gelbuttonmenu2{
position:relative;
padding: 0;
margin: 0;
margin-bottom:2em;
text-align: center; //set value to "left", "center", or "right"*/
}

ul.gelbuttonmenu2 li{
display: inline;
}

ul.gelbuttonmenu2 li a{
color: blue;
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*/
font-size:16px;

text-decoration: none;
}

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

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


ul.solidblockmenu{
margin: 0;
margin-bottom:2em;
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 20px Arial, Verdana, sans-serif;
//font-family: XtrusionBRKRegular;
//font-family: SyndromeBRKNormal;
//font-family: PackardClipperNFRegular;
//font-size:18px;	
font-style:oblique;
color: red;
padding: 8px;
margin-right: 20px;
margin-left:5px;/*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:2px solid black;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius:14px;
-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:#FFFAF0;
background: -moz-linear-gradient(top, #FFFAF0, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#FFFAF0), to(#fff));
background: linear-gradient(top, #FFFAF0, #fff);
}

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


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

ul.solidblockmenu2 li{
display: inline;
}

ul.solidblockmenu2 li a{
font: bold 20px Arial, Verdana, sans-serif;
font-style:oblique;

color: white;
padding: 8px;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

ul.solidblockmenu2 li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border:2px solid black;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius:14px;
-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:#6495ED;
background: -moz-linear-gradient(top, #6495ED, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#6495ED), to(#fff));
background: linear-gradient(top, #6495ED, #fff);
}

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


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

ul.solidblockmenu3 li{
display: inline;
}

ul.solidblockmenu3 li a{
font: bold 20px Arial, Verdana, sans-serif;
font-style:oblique;

color: blue;
padding: 8px;
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
}

ul.solidblockmenu3 li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border:2px solid black;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius:14px;
-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:#FF0000;
background: -moz-linear-gradient(top, #FF0000, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#FF0000), to(#fff));
background: linear-gradient(top, #FF0000, #fff);
}

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


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

ul.underlinemenu li{
display: inline;
}

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


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




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


ul.framemenu{
margin: 0;
margin-bottom:1em;
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: black;
padding: 12px 10px 5px 18px;
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
}


ul.framemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
position:absolute;
width:0;
border:4px solid orange;
-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);
}