/*========== top nav ==========*/
ul.top-nav {
list-style: none;
margin: 0;
padding: 10px;
background: #666;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
font-size: 1em;
text-align: center;
font-family:Gotham,Arial,Sans-serif;
}

ul.top-nav li {
display: inline;
padding: 0 1em;
border-right: 1px solid #fff;
}

ul.top-nav li.first {

}

ul.top-nav li.last {
border-width: 0;
}

ul.top-nav a {
font-weight: bold;
color: #fff;
text-decoration: none;
}

ul.top-nav a:hover {
color: #fff;
text-decoration: underline;
}
/*========== END: top nav ==========*/




/*========== left nav ==========*/
#left-nav {
font-size: 1em;
font-family:Gotham, Arial, Sans-serif;
}

#left-nav h3 {
margin: 0 0 1.5em 0 !important;
text-transform: uppercase !important;
letter-spacing: 0.06em !important;
font-size: 1.3em !important;
font-weight: bold !important;
color: #000 !important;
}

#left-nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#left-nav li {
margin: 1.2em 0;
padding: 0 0 0.8em 0;
border-bottom: 1px dotted #bbb;
}

#left-nav ul a {
display: block;
text-transform: uppercase;
text-decoration: none;
font-size: 1em;
font-weight: bold;
color: #008389;
}

#left-nav ul a:hover {
text-decoration: underline;
color: #008389;
}


/** homepage nav **/
#left-nav li img {
display: block;
margin: 0 0 0.5em 0;
}

#left-nav li.nav-01 a, #left-nav li.nav-01 a:hover {
color: #008389;
}

#left-nav li.nav-02 a, #left-nav li.nav-02 a:hover {
color: #c70909;
}

#left-nav li.nav-03 a, #left-nav li.nav-03 a:hover {
color: #305926;
}

#left-nav li.nav-04 a, #left-nav li.nav-04 a:hover {
color: #584960;
}

#left-nav li.nav-05 a, #left-nav li.nav-05 a:hover {
color: #008389;
}
#left-nav li.nav-06 a, #left-nav li.nav-06 a:hover {
color: #008389;
}

/** subpage nav **/
#left-nav ul li.sub-nav { /** hide photos on subpage navs **/
margin: 1.2em 0 !important;
padding: 0 0 0.8em 1.6em !important;
border-width: 0px !important;
background-image: none !important;
}

#left-nav ul li.arrow-01 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-01.jpg) no-repeat left 3px !important;
}
#left-nav ul li.active-01 ul a, #left-nav ul li.active-01 ul a:hover {
color: #008389 !important;
}

#left-nav ul li.arrow-02 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-02.jpg) no-repeat left 3px !important;
}
#left-nav ul li.active-02 ul a, #left-nav ul li.active-02 ul a:hover {
color: #c70909 !important;
}

#left-nav ul li.arrow-03 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-03.jpg) no-repeat left 3px !important;
}
#left-nav ul li.active-03 ul a, #left-nav ul li.active-03 ul a:hover {
color: #305926 !important;
}

#left-nav ul li.arrow-04 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-04.jpg) no-repeat left 3px !important;
}
#left-nav ul li.active-04 ul a, #left-nav ul li.active-04 ul a:hover {
color: #584960 !important;
}

#left-nav ul li.arrow-05 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-05.jpg) no-repeat left 3px !important;
}
#left-nav ul li.arrow-06 { /** active section: display arrow **/
background: transparent url(/newberryexhibit/images/navs/nav-arrow-05.jpg) no-repeat left 3px !important;
}
#left-nav ul li.active-05 ul a, #left-nav ul li.active-05 ul a:hover {
color: #008389 !important;
}

#left-nav ul ul {
display: none;
}

#left-nav ul ul.active {
display: block;
margin: 0 0 0 -1.6em !important;
padding: 0 !important;
position: relative;
z-index: 99;
}

#left-nav ul ul.active li {
display: block;
margin: 0 !important;
padding: 0 !important;
border-width: 0;
_border: 1px solid #e2e2e2; /** IE6 Hack **/
}

#left-nav ul ul.active a {
display: block;
margin: 0 0 0 1.6em;
text-transform: none;
text-decoration: none;
font-size: 1em;
font-weight: normal;
color: #008389;
}

#left-nav ul ul.active a:hover {
text-decoration: underline;
}
/*========== END: left nav ==========*/