﻿
.AccordionMenu
{
    float: left;
    display: inline;
    height: 100%;
    background-color: Olive;
}

.AccordionSiteMap
{
    font-size: medium;
    text-align: center;
    font-variant: small-caps;
    color: White;
    width: 200px;
    margin: 0;
    padding: 0px 0px 5px 0px;
    /*overflow: hidden !important;*/
}

.AccordionHeader + div {
    position: relative;
    z-index: 1;
    /*top: -5px;*/
}

.AccordionHeader
{
    /*background: url(AccordionHeader.png) no-repeat;*/
    height: 42px;
    position: relative;
    z-index: 10;
    padding: 5px 0px 5px 0px;
}
.AccordionHeader:hover
{
    /*background: url(AccordionHeaderHover.png) no-repeat;*/
}

.AccordionHeader a
{
    font-size: medium;
    text-align: center;
    font-variant: small-caps;
    font-weight: bold;
    color: White;
    text-decoration: none;
    line-height: 30px;
    letter-spacing: .2em;
}

.AccordionHeader a:hover
{
    color: white;
    cursor: pointer;
    text-decoration: underline;
}

.AccordionContent
{
    font-variant: small-caps;
    text-decoration: none;
    color: White;
    width: 200px;
    text-align: left;
    font-size: small;
}

.AccordionContent ul
{
    margin: 0px;
    padding: 0px;
}

.AccordionContent li a
{
    font-size: small;
    text-align: left;
    font-variant: small-caps;
    color: White;
    text-decoration: none;
    padding: 0px 0px 0px 14px;
    
    display: block;
    white-space: nowrap;
    background: url(AccordionContent.png) repeat-y;
    text-decoration: none;
}

.AccordionContent li a:hover
{
    background: url(AccordionContentOver.png) repeat-y;
    text-decoration: underline;
}

.AccordionLink
{
    color: White; 
}

.AccordionCurrentLink
{
    color: Maroon;
}