/*Left & Right Menu Styles */

.glossymenu, .glossymenu li ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 225px; /*WIDTH OF MAIN MENU ITEMS*/
    border: 0px;
    z-index: 5;
}

.glossymenu li
{
    position: relative;
}

.glossymenu li a
{
    background: white url(images/glossybackb.gif) repeat-x bottom left;
    font: bold 11px Arial, Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
}

.glossymenu li ul
{
    /*SUB MENU STYLE*/
    position: absolute;
    width: 180px; /*WIDTH OF SUB MENU ITEMS*/
    left: 0;
    top: 0;
    display: none;
}

.glossymenu li ul li
{
    float: left;
    z-index: 10;
}

.glossymenu li ul a
{
    width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
    z-index: 10;
}

.glossymenu .arrowdiv
{
    position: absolute;
    right: 2px;
    background: transparent url(images/bullets-4.gif) no-repeat center right;
    width: 10px;
}

.glossymenu li a:visited, .glossymenu li a:active
{
    color: white;
}

.glossymenu li a:hover
{
    background-image: url(images/glossybackb2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li
{
    float: left;
    height: 2%;
    z-index: 10;
}
* html .glossymenu li a
{
    height: 2%;
    z-index: 10;
}
/* End */