ul#primary-nav,
ul#primary-nav ul {
	width: 170px;
	margin: 0;
	padding: 0;
	background: #222; /* IE6 Bug */
	font-size: 11px;
	line-height:11px;
}

ul#primary-nav {
	float: left;
	width: 800px;
}
ul#primary-nav ul {
	background-color:#ddd;
}
ul#primary-nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul#primary-nav li {
	position: relative;
	list-style: none;
	float: left;
	/*width: 150px;  Width of Menu Items */
}
ul#primary-nav li li {
	width:170px;
}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #ccc;
	font-size:11px;
	text-align:left;
}
ul#primary-nav li a.topNav {
	padding: 8px 10px;
	height:15px;
	text-transform:uppercase;
	font-weight:bold;
} 
/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	top:31px;
	left:0;
}

ul#primary-nav ul ul {
	left: 169px;
	top:0;
	border-top:solid 1px #ccc;
}
ul#primary-nav li#aboutUsNav ul ul,
ul#primary-nav li#shopNav ul ul {
	right: 0px;
	left:-169px;
	top:0;
}

ul#primary-nav li ul li a {
	padding: 5px 10px;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#666;
} /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

/*ul#primary-nav li.menuparent { background: transparent url(../images/arrow_down.gif) right center no-repeat; }*/
ul#primary-nav li li.menuparent { background: transparent url(../images/arrow_right.gif) right center no-repeat; }

ul#primary-nav li:hover,
ul#primary-nav li.over { background-color: #fff !important; }
ul#primary-nav li:hover a.topNav,
ul#primary-nav li.over a.topNav { color:#fff; background-color:#fd4238;}

ul#primary-nav li a:hover { color: #fd4238; background-color: #fff}


body.home ul#primary-nav li#homeNav a.topNav,
body.programsandevents ul#primary-nav li#programsNav a.topNav,
body.exhibitionsandcollections ul#primary-nav li#exhibitionsNav a.topNav,
body.membershipandgiving ul#primary-nav li#membershipNav a.topNav,
body.getinvolved ul#primary-nav li#getInvolvedNav a.topNav,
body.aboutus ul#primary-nav li#aboutUsNav a.topNav,
body.shopmmoca ul#primary-nav li#shopNav a.topNav { color: #fff !important;}