/* navigation.css */

#mainnavi {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 0.25em;
}

#mainnavi ul,
#subnavi ul,
#footnavi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainnavi ul.level_1 > li {
    width: 33.333%;
    float: left;
    display: block;
    text-align: center;
}

#mainnavi ul.level_1 > li > a,
#mainnavi ul.level_1 > li > strong {
    display: block;
    margin-right: 0.25em;
    margin-left: 0.25em;
    padding: 0.25em;
    border-radius: 0;
    font-size: 1.2em;
    text-transform: uppercase;
}

#mainnavi ul.level_1 > li.first > a,
#mainnavi ul.level_1 > li.first > strong {
    margin-left: 0;
}

#mainnavi ul.level_1 > li.last > a,
#mainnavi ul.level_1 > li.last > strong {
    margin-right: 0;
}

#subnavi {
    width: 100%;
    clear: both;
    display: block;
}

.sand #subnavi ul.level_1 {
    text-align: center;
}

.blue #subnavi ul.level_1 {
    text-align: right;
}

#subnavi ul.level_1 > li {
    display:inline;
    margin-right: .25em;
    margin-left: .25em;
}

#subnavi ul.level_1 > li.first {
    margin-left: 0;
}

#subnavi ul.level_1 > li.last {
    margin-right: 0;
}

#subnavi ul.level_1 > li > .active {
    text-transform: uppercase;
}

#footnavi {
    float: right;
}

#footnavi ul {
    display: inline;
}

#footnavi li {
    display: inline;
}

#footnavi li:after {
    content: "\00A0|\00A0";
}

#footnavi li.last:after {
    content: "";
}

#footnavi li a,
#footnavi li strong {
}