/*************************/
/* RIGHT SIDE MENUS      */
/*************************/

#navright
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin: 0;
font: normal 0.8em Verdana, sans-serif;
}

#navright li
{
list-style: none;
font-size: 1em;
}

#navright a
{
display: block;
text-decoration: none;
width: 180px;
color: white;
background: #28b;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #FE3;
border-left: 1em solid #FFE16A;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navright a#current { border-color: #5bd #035 #068 #f30; }

html>body #navright a 
{
voice-family: "\"}\"";
voice-family: inherit;
width: 150px;
}


#navright a:hover, #navright a#current:hover
{
color: white;
background: #39c;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;

}

#navright a:active, #navright a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd red;
padding: 0.4em 0.35em 0.25em 0.9em;
}



/*************************/
/* TOP MENUS             */
/*************************/

#navtop
{
padding: 1px 1px 0px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 2px;
font: Bold 12px Arial, Verdana, sans-serif;
}

#navtop li
{
list-style: none;
margin: 0;
border-bottom: 1px solid gray;
border-top: 1px solid gray;
display: inline;
}

#navtop li a
{
padding: 0.1em 0.5em 0.1em 0.75em;
border-left: 1em solid #AAB;
text-decoration: none;
}

#navtop li a:link { color: white; }
#navtop li a:visited { color: white; }

#navtop li a:hover
{
border-color: #FFCC00;
color: white;
background: #FFCC00;
}

#navtop a:active li a#current
{
border-color: #FFCC00;
color: white;
background: #FFCC00;
}




/*************************/
/* TAB MENUS             */
/*************************/

#navtab
{
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}

#navtab li
{
list-style: none;
margin: 0;
display: inline;
}

#navtab li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}

#navtab li a:link { color: #448; }
#navtab li a:visited { color: ##448; }

#navtab li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navtab li a#current
{
background: white;
color: #000;
border-bottom: 1px solid white;
}


#bevelmenu{
font: bold 12px arial;
padding: 2px 0;
margin: 0;
width: 100%;
background-color: #800000;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

#bevelmenu li{
list-style: none;
display: inline;
background-color: #800000;
}

#bevelmenu li a{
padding: 1px 0.5em;
text-decoration: none;
color: white;
background-color: #800000;
border: 1px solid #800000;
}

#bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body #bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}