/*

COLORING

For ease of colortheming, the color selectors are grouped together with descriptive comments.
Just change the color-values to apply your own color-scheme.

*/

/* Main navigation */
/* Background-color */
.navigation li a {
    background-color: #ffffff
}

/* Background-color of active item */
.navigation li.navigation_active a {
    color: #ffffff;
    background-color: #3399ff;
    cursor: default;
}

/* Background-color of hovered active item */
.navigation li.navigation_active a:hover {
/*    background-color: #ff0033;*/
}

/* Background-color of hovered item */
.navigation li a:hover {
    color: white;
    background-color: #3366ff;
}

/* Text color */
.navigation li a {
    color: #3399ff;
}

.navigation li a:hover {
/*   color: #fff;*/
}

/* Text color on hovering */
.navigation li {
/* border: 1px solid #888;*/
    padding: 3px 0px;
    width: 180px;
    background: url( ../images/img07.jpg ) repeat-x left bottom;
}

/* Border color */
.navigation li.navigation_first {
/* border-left-color: #888;*/
}

/* Border color. Typically same as above */
.navigation li {
/*  border-left-color: #bbb;*/
}

/* Highlight border-color */
.navigation li.navigation_active {
/*border-left-color: #555;*/
}

/* Highlight border-color of active item */

.navigation {
    list-style-type: none;
    clear: both;
    font-size: 12px;
    overflow: hidden; /* Clearing floats */
}

.navigation li {
    float: left; /* border: 1px solid #888; */
/* border-left-color: #bbb; */
}

.navigation li.navigation_first {
/* border-left-color: #888; */
}

.navigation li.navigation_active {
/* border-left-color: #555; */
}

.navigation li a {
    padding: 0.5em 0em 0.5em 0.5em;
    display: block;
    text-decoration: none; /* background-color: #aaa; */
/* color: #fff; */
}

.navigation li a:hover {
/* background-color: #999; */
}

/* Sub navigation */

.subnavigation li {
    padding: 3px 0px;
    width: 180px;
    background: url( ../images/img07.jpg ) repeat-x left bottom;
} 

/*.subnavigation li a { border-color: #555; }                         /* Should be set to the same as the above */
/*.subnavigation li a { color: #fff; }                                /* Text color */
.subnavigation li a:hover {
    background-color: #3366ff;
    color: #ffffff;
}

/* Markings color of hovered item */
/*.subnavigation li a:hover { color: #e0e0e0; }                       /* Text color of hovered item */
/*.subnavigation li.subnavigation_active a { color: #e0e0e0; }        /* Text color of active item */
/*.subnavigation li.subnavigation_active a { border-color: #3333ff; } /* Markings color of active item */

.subnavigation {
    list-style-type: none;
    clear: both;
    margin: 1em 0;
    font-size: 13px;
    overflow: auto; /* Clearing floats */
}

.subnavigation li {
    float: left; /* background-color: #555; */
    padding: 0.35em 1.5em;
    border-width: 1px 0;
    width: 120px;
}

.subnavigation li a {
    display: block; /* color: #fff; */
    padding: 4px 4px 4px 4px; /* border-color: #555; */
    border-style: solid;
    border-width: 1px 0;
    text-decoration: none;
}

#sidebar ul.subnavigation li.subnavigation_active a {
    color: #ffffff;
    cursor: auto;
    background-color: #3399ff; /* border-color: #e0e0e0; */
}