@charset "UTF-8";
/* Eric Meyer's Reset - Must Declare EVERYTHING */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;
	border-spacing: 0;}

	
/* GENERAL STYLES */
body {font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #404040;}

p {}

ul {}

li {}

h1 {}

h4 {}

h5 {}

h6 {}

#fullContainer a:link, #fullContainer a:visited, #foot a:link, #foot a:visited {color: #da642f;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;}
	
/*a:visited {color: #e26d39;}*/

#fullContainer a:hover, #foot a:hover, #foot a:active, #fullContainer a:active  {color: #d89d27;}


/* GENERAL LAYOUT STYLES */
#fullContainer {width: 100%;
	background: #fff;}

#container {width: 1100px;
	margin: 0 auto;
	background: #fff;}
	
#exhibit {overflow: hidden;
	margin: 0 auto;
	background: #ebe9db;}
	

/* LOGO/NAV STYLES */
#head {height: 118px;
	width: 900px;
	padding-left: 100px;}
#logo {width: 300px;
	height: 118px;
	float: left;
	display: inline;
	background: #fff;}

#mmfaLogo span {display: none;}
#mmfaLogo {height: 73px;
	width: 210px;
	overflow: hidden;
	background: url(../images/logo.gif) bottom left no-repeat;
	display: block;
	margin: 22px 45px;}
#mmfaLogo:hover {background-position: top left;}

#nav {height: 118px;
	width: 600px;
	float: left;
	display: inline;
	background: url(../images/navBar.png) no-repeat}
#nav ul {font-size: 18px;
	padding: 20px;
	text-align: center;}
#nav ul a:link, #nav ul a:visited {color: #f6f1ef;
	letter-spacing: -.5px;
	font-weight: normal;
	line-height: 35px;
	padding: 6px;}
#nav ul a:hover, #nav ul a:active, #nav ul a:focus
.sf-menu li.sfHover {color: #fff;
	background: #7c2c14;
	padding: 6px;}
#nav li {display: inline;/*
	padding-right: 6px;*/
	position: relative;}
/*#nav > ul:first-line {font-size: 20px;}*/

.sf-menu li:hover, 
.sf-menu li:active, 
.sf-menu li.sfHover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {color: #fff;
	background: #7c2c14;
	padding: 6px 0px;
	z-index: 1000;}

/* 2ND LEVEL NAV */
#nav li ul {display: none;
  position: absolute; 
  top: 1em;
  left: 0;}
#nav li > ul {top: auto;
	left: auto;}
#nav li:hover ul, #nav li.over ul {	z-index: 100;
	display: block;
	position: absolute;
	top: 1.5em;
	left: 0;
 	margin-top:5px;}
	
#nav li ul li {display: block;
	text-align: left;
	padding: 0;}
#nav li ul {background: #7c2c14;
	padding: 0;
	margin: 0;}
#nav li ul li a:link, #nav li ul li a:visited {font-size: 13px;
	text-align: left;
	line-height: normal;
	border-bottom: 1px solid #ab4822;
	display: block;
	padding: 2px 10px;
	width: 150px;
	color: #f6f1ef;}
#nav li ul li a:active, #nav li ul li a:hover {background: #622210;
	color: #fff;
	padding: 2px 10px;}
#nav ul:first-line {font-size: 20px;}
#nav ul ul:first-line {font-size: 13px;}	


/* FOOTER STYLES */
#fullFoot {width: 100%;
	background: #444444 url(../images/footerBg.gif) repeat-x;}
#foot {width: 1100px;
	margin: 0 auto;
	height: 150px;
	color: #b2b1b2;
	font-size: 11px;}
	
#textNav {float: left;
	display: inline;
	width: 400px;
	margin-top: 10px;
	padding-left: 100px;}
#textNav ul {font-size: 12px;}
#textNav ul a:link, #textNav ul a:visited {color: #b2b1b2;
	letter-spacing: -.5px;
	font-weight: normal;
	line-height: 21px;}
#textNav ul a:hover, #textNav ul a:active {color: #d89d27;}
#textNav li {display: inline;
	padding-right: 8px;}
#textNav ul:first-line {font-size: 15px;}

#hours {float: left;
	display: inline;
	width: 300px;}
#artworks {float: left;
	display: inline;}
	
address {font-style: normal;
	line-height: 18px;
	padding-top: 12px;}
address:first-line {font-size: 13px;}

#hours h4 {font-size: 14px;
	border-bottom: 1px solid #656565;
	width: 170px;
	padding-top: 12px;
	color: #b2b1b2;}
	
#hours {line-height: 18px;}
#hours p span {font-weight: bold;}

#copyright {color: #8c8c8c;
	padding-top: 12px;}

div #artworks {margin-top: 6px;}
#artworks span {display: none;}
#artworks {height: 59px;
	width: 157px;
	overflow: hidden;
	background: url(../images/artworks.png) bottom left no-repeat;
	display: block;}
#artworks:hover {background-position: top left;}

/*.EktronEditorsMenuWrapper{display:none;}*/
.ekflexmenu_submenu_items_hidden{display:none;}
.ekflexmenu_slavecontainer{margin:0px; padding:0px;}


/* BLOG STYLES */
div .blogHeader {display: none;}
.entrypermalink {padding-left: 26px;
	font-size: 10px;}
	
div .entryFooter {margin: 0 30px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 6px;
	font-size: 10px;
	margin-bottom: 30px;}

#mainContent .pressTable {margin-left: 0;
	padding-left: 0;}

#mainContent .pressTable td {padding-bottom: 10px;}

.pubList img {float: left;
    display: inline;
    margin-right: 20px;}
.pubList li {padding-left: 20px;}

.clearfix:after {clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* social icons */

#facebook span, #twitter span {display: none;}

#socialicons {display: block;
	padding-top: 10px;
	padding-left: 3px;
	width: 147px;
	height: 24px;
	overflow:hidden;}

#facebook, #twitter {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 24px;
	overflow: hidden;}

#facebook {background: url(/images/socialicons/facebook.gif) no-repeat; float: left;}

#twitter {background: url(/images/socialicons/twitter.gif) no-repeat; float: right;}

#facebook:hover, #twitter:hover {
	cursor: pointer;
	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	margin-top: -1px;
	margin-bottom: 1px;
	margin-left: -1px;
	margin-right: 1px;}