#customScrollE
{
    width: 319px;font-family:arial,tahoma;
    height: 358px;
    overflow: auto; /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: Transparent;
    padding: 14px;
    scrollbar-base-color: #DDDDDD;
    scrollbar-3dlight-color: #DDDDDD;
    scrollbar-arrow-color: white;
    scrollbar-track-color: #DDDDDD;
    scrollbar-darkshadow-color: #DDDDDD;
    scrollbar-face-color: #DDDDDD;
    scrollbar-highlight-color: #DDDDDD;
    scrollbar-shadow-color: #DDDDDD;
}

.vscrollerbar
{
    width: 16px;
    background: #8FA46D url(scrollbarE.png) -16px -40px no-repeat;
}
.vscrollerbarbeg
{
    /* height of this element is normally auto set to fit the scrollbase, to cover the base... */
    height: 16px !important; /* ...unless we force the size using an !important decleration */ /* forcing would not be required if Webkit-Safari did not have a background-repeat bug*/ /* this may be fixed by the time Safari 3.0 is released. */
    width: 16px;
    background: #99AD79 url(scrollbarE.png) -16px 0px no-repeat;
}
.vscrollerbarend
{
    height: 16px !important;
    width: 16px;
    background: #99AD79 url(scrollbarE.png) -16px -16px no-repeat;
}

.vscrollerbase
{
    width: 16px;
    background: #DDDDDD;
}
.vscrollerbasebeg
{
    /* height of this element is auto set to fit the scrollbase, to cover the base */ /* this element can be used to place a faux top arrow image */
    width: 16px;
    height: 1px !important; /*Again, the safari fix, normally this line is not needed.*/
    background: #DDDDDD;
}
.vscrollerbaseend
{
    /* height of this element should be set */ /* this element can be used to place a faux bottom arrow image */
    height: 1px;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase
{
    height: 1px;
    background-color: Transparent;
}
.hscrollerbar
{
    height: 1px;
    background-color: Transparent;
}

.vscrollerbar, .hscrollerbar
{
    /* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
    padding: 1px;
    z-index: 2;
}


#customScroll h2
{
    color: #FC4314;
    font-size: 16px;
}

#customScrollE h2
{
    color: #99AD79;
    font-size: 16px;
}

#customScroll ul
{
    margin-left: 16px;
}
#customScroll strong
{
    color: #FC4314;
}


#pageNameE
{
    background-color: #99AD79;
    width: 186px;
    margin-left: 16px;
    padding: 4px 0 4px 8px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}


#nextPageE a
{
    display: block;
    text-decoration: none;
    background: #C2CEAF url(LGArrow.gif) no-repeat 95%;
    margin-top: 15px;
    width: 188px;
    margin-left: 16px;
    padding: 4px 0 4px 8px;
    text-transform: uppercase;
    color: #657350;
    font-weight: bold;
}
#nextPageE a:hover
{
    display: block;
    text-decoration: none;
    background: #99AD79 url(WArrowR.gif) no-repeat 95%;
    margin-top: 15px;
    width: 188px;
    margin-left: 16px;
    padding: 4px 0 4px 8px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
}


.pbPage
{
    height: 529px;
}


.currentNode
{
    color: #657350;
}

a
{
    color: #8B967B;
}