﻿.artlinkdiv
{
    padding-left: 5px;
    margin-bottom: 2px;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}
.artlinkdiv:hover
{
    background: #E2E2E2;
}

/* Static menu duplicate */

.staticmenu
{
    margin: 0;
    padding: 0;
    width: 200px; /*width of menu*/
    border: solid 1px White;
    border: none;
}

.staticmenu div.staticheader a
{
    background: black url(silvergradient.gif) repeat-x center left;
    font: normal 12px Tahoma, Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 5px 0px 5px 5px;
    text-decoration: none;
}


.staticmenu div.staticheader a:visited, .staticmenu div.staticheader a:active
{
    color: white;
}


.staticmenu div.staticheader a:hover
{
    background-image: url(silvergradientover.gif);
    color: white;
}

/* Apple dynamic */
.applemenu
{
    margin: 5px 0;
    padding: 0;
    width: 200px; /*width of menu*/
    border: solid 1px White;
    border: none;
}

.applemenu div.silverheader a
{
    background: black url(silvergradient.gif) repeat-x center left;
    font: normal 12px Tahoma, Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
    color: white;
    display: block;
    width: auto;
    padding: 5px 0px 5px 5px;
    text-decoration: none;
}


.applemenu div.silverheader a:visited
{
    color: white;
}
.applemenu div.silverheader a:active
{
    color: white;
}

.applemenu div.selected a
{
    background-image: url(silvergradientover.gif);
    color: white;
}
.applemenu div.silverheader a:hover
{
    background-image: url(silvergradientover.gif);
    color: white;
}

.applemenu div.submenu
{
    /*DIV that contains each sub menu*/
    background: #c9c9c9;
    padding: 5px 1px 5px 1px;
    height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
    overflow: auto;
}

