.arrowsidemenuGreen
{
    width: 180px; /*width of menu*/
    border-style: solid solid none solid;
    border-color: #94AA74;
    border-size: 1px;
    border-width: 1px;
}

.arrowsidemenuGreen div a
{
    /*header bar links*/
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(http://www.oylc.org/images/arrowgreen.gif) 100% 0;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
}

.arrowsidemenuGreen div a:link, .arrowsidemenu div a:visited
{
    color: #26370A;
}

.arrowsidemenuGreen div a:hover
{
    background-position: 100% -32px;
}

.arrowsidemenuGreen div.unselected a
{
    /*header that's currently not selected*/
    color: #6F3700;
}

.arrowsidemenuGreen div.selected a
{
    /*header that's currently selected*/
    color: blue;
    background-position: 100% -64px !important;
}

.arrowsidemenuGreen ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.arrowsidemenuGreen ul li
{
    border-bottom: 1px solid #a1c67b;
}

.arrowsidemenuGreen ul li a
{
    /*sub menu links*/
    display: block;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: black;
    padding: 5px 0;
    padding-left: 10px;
    border-left: 10px double #a1c67b;
}

.arrowsidemenuGreen ul li a:hover
{
    background: #d5e5c1;
}





.arrowsidemenuBlue
{
    width: 180px; /*width of menu*/
    border-style: solid solid none solid;
    border-color: #A2D0D8;
    border-size: 1px;
    border-width: 1px;
}

.arrowsidemenuBlue div a
{
    /*header bar links*/
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(http://www.oylc.org/images/arrowblue.gif) 100% 0;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
}

.arrowsidemenuBlue div a:link, .arrowsidemenu div a:visited
{
    color: #26370A;
}

.arrowsidemenuBlue div a:hover
{
    background-position: 100% -32px;
}

.arrowsidemenuBlue div.unselected a
{
    /*header that's currently not selected*/
    color: #6F3700;
}

.arrowsidemenuBlue div.selected a
{
    /*header that's currently selected*/
    color: blue;
    background-position: 100% -64px !important;
}

.arrowsidemenuBlue ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.arrowsidemenuBlue ul li
{
    border-bottom: 1px solid #A2D0D8;
}

.arrowsidemenuBlue ul li a
{
    /*sub menu links*/
    display: block;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: black;
    padding: 5px 0;
    padding-left: 10px;
    border-left: 10px double #A2D0D8;
}

.arrowsidemenuBlue ul li a:hover
{
    background: #d5e5c1;
}




.arrowsidemenuRed
{
    width: 180px; /*width of menu*/
    border-style: solid solid none solid;
    border-color: #94AA74;
    border-size: 1px;
    border-width: 1px;
}

.arrowsidemenuRed div a
{
    /*header bar links*/
    font: bold 14px Verdana, Arial, Helvetica, sans-serif;
    display: block;
    background: transparent url(http://www.oylc.org/images/arrowred.gif) 100% 0;
    height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    padding: 4px 0 4px 10px;
    line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
    text-decoration: none;
}

.arrowsidemenuRed div a:link, .arrowsidemenu div a:visited
{
    color: #26370A;
}

.arrowsidemenuRed div a:hover
{
    background-position: 100% -32px;
}

.arrowsidemenuRed div.unselected a
{
    /*header that's currently not selected*/
    color: #6F3700;
}

.arrowsidemenuRed div.selected a
{
    /*header that's currently selected*/
    color: blue;
    background-position: 100% -64px !important;
}

.arrowsidemenuRed ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.arrowsidemenuRed ul li
{
    border-bottom: 1px solid #a1c67b;
}

.arrowsidemenuRed ul li a
{
    /*sub menu links*/
    display: block;
    font: normal 14px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: black;
    padding: 5px 0;
    padding-left: 10px;
    border-left: 10px double #a1c67b;
}

.arrowsidemenuRed ul li a:hover
{
    background: #d5e5c1;
}