﻿.sidebar
{
    width: 178px;
    border: solid 1px #000000;
    margin: 0px 0px 14px 0px;
}


.sidebar .topBar
{
    color: #ffffff;
    line-height: 15px;
    padding: 4px 0px 4px 20px;
}

.sidebar .topBar a
{
    color: #ffffff;
    text-decoration:none;
}


.sidebar ul.menu
{
    list-style-type: none;
    padding: 10px 20px 15px 20px;
    margin: 0px 0px 0px 0px;
}


.sidebar ul li
{
    line-height: 18px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.sidebar ul li a
{
    font-size: 11px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 0 11px;
    text-decoration: none;
    vertical-align: top;
}


.sidebar ul li a:hover
{
    text-decoration: underline;
}



/* ------------ YELLOW ------------ */
.yellow .sidebar
{
    background-color: #ffce25;
    color: #364628;
}


.yellow .sidebar .topBar
{
    background-color: #edb907;
}


.yellow .sidebar ul li
{
    background: transparent url(../Images/bg-li2.gif) repeat-x scroll left bottom;
}


.yellow .sidebar ul li a
{
    background: url(../Images/a1.gif) no-repeat 0px 6px;
    color: #364628;
}

/* ------------ yellow ------------ */


/* ------------ GREEN ------------ */
.green .sidebar
{
    background-color: #afe842; /*hover color: #698B28;*/
    color: #364628;
}


.green .sidebar .topBar
{
    background-color: #a1d936;
}


.green .sidebar ul li
{
    background: transparent url(../Images/bg-li3.gif) repeat-x scroll left bottom;
}


.green .sidebar ul li a
{
    background: url(../Images/a2.gif) no-repeat 0px 6px;
    color: #364628;
}
/* ------------ green ------------ */


/* ------------ DARK GREEN ------------ */
.darkGreen .sidebar
{
    background-color: #96cf29;
    color: #364628;
}


.darkGreen .sidebar .topBar
{
    background-color: #8cc126;
}


.darkGreen .sidebar ul li
{
    background: transparent url(../Images/bg-li3.gif) repeat-x scroll left bottom;
}


.darkGreen .sidebar ul li a
{
    background: url(../Images/a2.gif) no-repeat 0px 6px;
    color: #364628;
}
/* ------------ dark green ------------ */


/* ------------ BLUE ------------ */
.blue .sidebar
{
    background-color: #00bcba;
    color: #ffffff;
}


.blue .sidebar .topBar
{
    background-color: #00a6a4;
}


.blue .sidebar ul li
{
    background: transparent url(../Images/bg-li3.gif) repeat-x scroll left bottom;
}


.blue .sidebar ul li a
{
    background: url(../Images/a2.gif) no-repeat 0px 6px;
    color: #ffffff;
}
/* ------------ blue ------------ */

/* ------------ BLACK ------------ */
.black .sidebar
{
    background-color: #2a2a2a;
    color: #dddddd;
}


.black .sidebar .topBar
{
    background-color: #000000;
}


.black .sidebar ul li
{
    background: transparent url(../Images/bg-li3.gif) repeat-x scroll left bottom;
}


.black .sidebar ul li a
{
    background: url(../Images/a2.gif) no-repeat 0px 6px;
    color: #dddddd;
}
/* ------------ black ------------ */

