div.nav { width: 162px; display: inline-block; position: fixed; left: 0; top: 20px; }
div.navSpace { width: 162px; float: left; }
div.nav div.logo {
    background-color: rgba(255,255,255,0.6);
    display: block;
    width: 142px;
    padding: 6px 10px 10px 10px;
    border-top-left-radius: 22px;
}
div.nav div.menu { background-color: rgba(0,0,0,0.4); display: block; width: 162px; padding: 6px 0px 10px 0px; }
div.nav div.menu div.item { display: block; color: white; padding: 6px 4px 8px 10px; font-size: 20px; line-height: 27px; font-weight: 400; }
div.nav div.menu div.active { color: #f9dea5; font-weight: 600; background: url("../round.svg") no-repeat 140px 15px; background-size: 10px 10px; }
div.nav div.menu div.nolink { background-image: url("../round-f9dea5.svg"); }
div.nav div.menu div.item a { color: white; text-decoration: none }
div.copyright { background-color: rgba(0,0,0,0.4); display: inline-block; margin: 20px 0 20px 0; padding: 7px 10px 7px 10px;
    color: white; font-size: 12px; font-weight: 600; }
div.copyright a { color: #f9dea5; }

div.localNav {
    float: right; display: inline-block; width: 180px; font-family: 'Open Sans', sans-serif; font-weight: 400;
    line-height: 140%;
    -webkit-opacity: 0.25;
    -moz-opacity: 0.25;
    opacity: 0.25;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

div.localNav:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

div.localNav a:hover { color: #cc0000; }
div.localNav div.head { font-size: 22px; font-weight: 600; margin: 6px 0 6px 0; }

div.localNav div.item.active { font-weight: 600; background-repeat: no-repeat; background-size: 8px 8px; }
div.localNav div.item.active.nolink { background-image: url("/round-black.svg"); }
div.localNav div.item.active.link { background-image: url("/round-386bb7.svg"); }
div.localNav div.item.active.level1 { background-position: 172px 8px; }
div.localNav div.item.active.level2 { background-position: 172px 8px; }
div.localNav div.item.active.level3 { background-position: 172px 8px; }
div.localNav div.item.active.level4 { background-position: 172px 8px; }

div.localNav div.item.level1 { font-size: 18px; margin-top: 10px; }
div.localNav div.item.level2 { font-size: 16px; padding-left: 8px; margin-top: 4px; }
div.localNav div.item.level3 { font-size: 14px; padding-left: 16px; margin-top: 4px; }
div.localNav div.item.level4 { font-size: 14px; padding-left: 24px; margin-top: 4px; }
