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

ul.gelbuttonmenu li{
display: inline;
}

ul.gelbuttonmenu li a{
color: rgba(0,0,0,0.8);
font-weight:bold;
font-size: 9px;
padding: 7px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
margin-right: 7px; /*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(gelbuttonleft.gif) top left no-repeat, url(gelbuttonright.gif) top right no-repeat, url(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 15px Arial, Verdana, sans-serif;
color: rgba(0,0,0,1); /*couleur caractères*/
padding: 5px;
margin-right: 14px; /*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: 3px;
-webkit-border-radius: 3px;
border-radius:4px;
-moz-box-shadow: 2px 2px 4px rgba(120,120,120,1);
-webkit-box-shadow: 2px 2px 4px rgba(120,120,120,1);
box-shadow: 2px 2px 4px rgba(120,120,120,1);
background:rgba(0,255,0,0.5);
background: -moz-linear-gradient(top, rgba(0,255,0,0.5), rgba(0,155,0,0.5));
background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,255,0,0.5)), to(rgba(0,155,0,0.5));
background: linear-gradient(top, rgba(0,255,0,0.5), rgba(0,155,0,0.5));
}




/* ######### 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 9px Arial, Verdana, sans-serif;
color: rgba(255,255,255,1);
padding: 5px;
margin-right: 14px; /*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:3px 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 9px Arial, Verdana, sans-serif;
color: black;
padding: 9px 6px 3px 12px;
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 3px rgba(120,120,120,0.7);
-webkit-box-shadow: 0 0 3px rgba(120,120,120,0.7);
box-shadow: 0 0 3px rgba(120,120,120,0.7);
}