ul li.active{ /*IE6 hack- hide gooey effect from that browser*/
_visibility: hidden; /*IE6 rule*/
}
/*CHOSEN STYLE for sub_navigator*/
/* ######### Background Colour Menu CSS ######### */
ul.bgcolourmenu{
    position:relative;
    padding: 0;
    margin: 0;
    text-align: center; /*set value to "left", "center", or "right"*/
}
ul.bgcolourmenu li{
    display: inline;
    border-right:solid 1px #cecece;
    padding:0;
}
ul.bgcolourmenu li a{
    color:#444444;
    padding:10px 19px; /*make sure padding is sufficient that the height of the link is enough to fully show the gel button*/
    text-decoration: none;
}
ul.bgcolourmenu li:last-child{
    margin-right: 0 !important;
}
ul.bgcolourmenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
    position:absolute;
    width:0;
    background:lightgrey;
}



/* ######### 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: black;
    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;
}
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(images/gelbuttons/gelbuttonleft.gif) top left no-repeat, url(images/gelbuttons/gelbuttonright.gif) top right no-repeat, url(images/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: 700 14px "Bitter", "Times New Roman", sans-serif;
    color: black;
    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);
}



/*CHOSEN STYLE for MAINMENU*/
/* ######### Thick Underline Menu CSS ######### */
ul.underlinemenu{
    margin: 20px 0 0 0;
    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:14px "Bitter", "Times New Roman", sans-serif;
    color: #444444;
    padding:5px 5px 20px 5px;
    margin-right: 25px;
    text-decoration: none;
}
ul.underlinemenu li a:hover{
    color: #402b89;
}
ul.underlinemenu li.active{ /*style of LI that gets dynamically added to menu to create background effect*/
    position:absolute;
    color:  #402b89;
    width:0;
    border-bottom:1px solid #402b89;
}



/* ######### 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: 700 14px "Bitter", "Times New Roman", 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);
}