/* MAIN NAVIGATION */

#nav-menu-show {
    display: block;
	color:white;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	background-color: #000000;
	line-height: 34px;
}

#nav-menu-show:after {
	content: " ▼";
}

.show-nav #nav-menu-show:after {
	content: " ▲";
}

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

#nav {
	background-color: #000000;
    text-align: center;
    display: none;
}

.show-nav #nav {
    display: block;
}

#nav > li > a {
	display: block;
	color: white;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-weight: bold;
	font-size: 14px;
	padding: 13px 0 14px 0;
}

@media only screen and (min-width: 1100px) {
    #nav > li > a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 700px) {
    #nav > li > a {
        padding: 9px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
    }
}

#nav > li > a.on, 
#nav > li > a:hover,
#nav > li.sfhover > a{
	background:#171717;
}

#nav li.sub {
	height:auto;
	width:220px;
	text-align:left;
	background:rgba(89, 89, 89, 0.7);
	border-top: 1px solid #787878;
}

#nav li.sub:first-child {
    border-top-style: none;
}

#nav li a.sub { 
	display:block;
	color:#fff;
	height:35px;
	line-height:35px;
    font-size: 14px;
	text-align:left;
	padding-left:18px;
	text-transform:none;
}

#nav li a.sub:hover { 
	background:#424242;
}

#nav li ul {
	position:absolute;
    left:-9999px;
	width:220px;
	background:rgba(89, 89, 89, 0.7);
	z-index:10000;
}

#nav li a.exhibitions-on, #nav li a.collections-on, #nav li a.milliken-on, #nav li a.events-on, #nav li a.teachers-on, #nav li a.education-on, #nav li a.store-on { 
	background:#000000;
}

#nav .home, #nav .home-on {
	display:none;
}

@media only screen and (min-width: 720px) {
    #nav {
        display: block;
    }
    
    #nav-menu-show {
        display: none;
    }

    #nav > li {
        position: relative;
        display: inline-block;
    }

    #nav li.info, #nav li.info-on {
        width:17%;
    }
    
    #nav li.art, #nav li.art-on {
    	width:17%;
    }
    
    #nav li.events, #nav li.events-on {
    	width:17%;
    }
    
    #nav li.education, #nav li.education-on {
    	width:17%;
    }
    
    #nav li.support, #nav li.support-on {
    	width:17%;
    }
    
    #nav li.shop, #nav li.shop-on {
    	width:15%;
    	background-image:none;
    }

    #nav li.sfhover ul {
        left:0;
    }
    
    #nav li.shop.sfhover ul {
        left:auto;
        right:0;
    }
}

/* END MAIN NAVIGATION */

/* LEFT NAV - SUB-NAV */

#leftnav {
	text-align:left;
}

#leftnav ul {
    background-color: #ecebe7;
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
}

#leftnav ul ul {
	display:none;
}

#leftnav a {
	display:block;
	color:#171717;
	font-family: 'Roboto Condensed';
	font-size: 16px;
	text-transform:uppercase;
	padding:8px 12px 8px 22px;
	border-bottom:1px solid #dcdad5;
}

#leftnav a.on,
#leftnav a:hover {
	background-color: #cfcdc8;
}

@media only screen and (min-width: 850px) {
    #leftnav {
        float: left;
        width: 22%;
        margin: 30px 0 30px 3%;
    }
}

/* END LEFT NAV - SUB-NAV */