/* --------------------------------------------------------------

 Milwaukee Art Museum
 http://mam.org

-------------------------------------------------------------- */
@import "color.css";
@import url(/lib/vendor/font-awesome/4.1.0/css/font-awesome.min.css);

/* Media Queries
-------------------------------------------------------------- */



/* Color Scheme
default.......dk #0057A7, lt #AABADB
calendar......dk #0057A7, lt #AABADB
collection....dk #58A746, lt #58A746
exhibitions...dk #c60c30, lt #c60c30
get-involved..dk #f1515b, lt #F6B3AD
learn-play....dk #663399, lt #AC90C7
membership....dk #0076bd, lt #0076bd
museum-info...dk #FF7900, lt #c60c30
visit.........dk #009999, lt #D5EAE9, md #49BAB6
shop..........dk #0057A7, lt #AABADB
support.......dk #0057A7, lt #AABADB
*/


/* Modified version of Blueprint

/* reset
-------------------------------------------------------------- */

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: #333; background: white; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }



/* sub & sup
/* https://gist.github.com/unruthless/413930
-------------------------------------------------------------- */
sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;
 
  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;
 
  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;
 
  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}
 
sup {
  /* Move the superscripted text up */
  top: -0.5em;
}
 
sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}



/* Text
-------------------------------------------------------------- */

body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; line-height: 18px; }

body          { font-size: 70%; }   /* IE */
html > body   { font-size: 70%; }  /* Other browsers */


h1,h2,h3,h4,h5,h6 { color:#111; clear:both; }

h1 { font-size: 1.2em; line-height: 36px; font-weight:bold; }
h2 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h3 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h4 { font-size: 1.3em; line-height:1; margin-bottom:0.5em;}
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }
h7 { font-size: .9em; }


p           	{ margin: 0 0 1.5em 0; }
p.last     		{ margin-bottom:0; }
p img       	{ float: left; margin: 1.3em 1.3em 1.3em 0; padding:0; }
p img.top   	{ margin-top:0; }
p img.right   	{float:right; margin-right:0; margin-left:1.5em;}

img       	{ margin:0; padding:0; }


ul, ol      { margin: 0 0 1.5em 0; list-style-type: none; -webkit-padding-start: 0; }
ol          { margin: 0 0 1.5em 1.5em; list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

a           { color: #125AA7; text-decoration:none; outline: none; }
a:hover     { color: #000; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666;}
b   	    { font-weight: bold;}
strong      { font-weight: bold; }
em          { font-style: italic; font-family: "Post Grotesk-Italic", "Open Sans", Verdana, "sans-serif"; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
acronym 		{border-bottom: 1px dotted #AAA;  cursor: help;}
cite { font-style: italic; }

hr { background: #ffffff; color: #ffffff; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em 0; border: none; }

* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

table   { margin-bottom: 1.4em; }
th,td   { height: 1em; padding:0; }
th      { font-weight:bold; }

label     { font-weight: bold; }

.small {font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large {font-size: 1.2em; line-height: 2.5em; }
.quiet {color: #666; }
.hide {display: none; }
.error {color:#CC0033;}
.required {color:#CC0033; font-style: normal;}


.alt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

.dquo { margin-left: -.7em; }

p.incr, .incr p { font-size: 0.83333em; line-height: 1.44em; margin-bottom: 1.8em; }

.nowrap {white-space:nowrap;}


/*grid
-------------------------------------------------------------- */

body { text-align: center; margin: 0px; padding: 0px; background-image:url(/images/background.gif); background-repeat:repeat; }

.container { text-align: left; position: relative; padding: 0; margin: 0 auto; width: 960px; background-color:#ffffff; }


.column { float: left; margin: 0 5px; padding: 0; }
* html .column { overflow-x: hidden; }

.border { padding-right: 9px; margin-right: 0; border-right: 1px solid #ddd; }

.first  { margin-left: 0; }
.last   { margin-right: 0; }

.span-1   { width: 50px; }
.span-2   { width: 120px; }
.span-3   { width: 190px; }
.span-4   { width: 260px; }
.span-5   { width: 330px; }
.span-6   { width: 400px; }
.span-7   { width: 470px; }
.span-8   { width: 540px; }
.span-9   { width: 610px; }
.span-10  { width: 680px; }
.span-11  { width: 750px; }
.span-12  { width: 820px; }
.span-13  { width: 890px; }
.span-14  { width: 960px; margin: 0; }


.box { padding: 1.5em; margin-bottom: 1.5em; background: #f0f0f0; }


.clear {display: inline-block;}
.clear:after, 
.container:after {content: "."; display: block; height: 0; clear: both!important; visibility: hidden; }
* html .clear {height: 1%; clear: both!important;}
.clear {display: block; clear: both!important;}

/* Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display:inline-block; }
.clearfix {display: block; }

.search 		{ font-size: 10pt; font-family: Helvetica, Arial, Verdana, sans-serif; color:#AAAAAA; }
.rightBorder	{ text-align:center; padding-left:5px; }
.rightCal		{ /*text-align:left; padding-left:5px;*/ }

div.rightBorder hr	{ color:#FFFFF; background: #FFFFF; }

/* .headerPic	{ height:42px; padding-top:10px; margin-left: 0; } */

.span-col  		{ width: 141px; }
.span-media  	{ width: 190px; font-size:9px; }
.span-2cols		{ width: 290px;}
.span-sg  		{ width: 142px; }
.span-also   	{ width: 290px;  }
.span-alsoSP   	{ width: 10px; }
.span-body3   	{ width: 178px; }
.span-sp   		{ width: 10px; }
.span-MAMInsider  { width: 390px; }




/* Buttons --- I don't think any of these are used---
-------------------------------------------------------------- */

#museum-info a.button { text-decoration: none!important; background-image: url(/lib/image/mam_sprite.png); background-repeat: no-repeat; background-position:  -605px -246px; margin-top:.75em; margin-bottom:1em; padding-left:20px;}

a.button, button {
  display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 6px 7px; border:0.1em solid #dedede; border-top:0.1em solid #eee;
  border-left:0.1em solid #eee; background-color:#f5f5f5; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif;
  font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656;
  cursor:pointer; }


button { width:auto; overflow:visible; padding:4px 10px 3px 20px; }
button[type] { padding:5px 10px 5px 7px; line-height:17px; }

*:first-child+html button[type] { padding:4px 10px 3px 7px;}

button img, a.button img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }


button:hover, a.button:hover { background-color:#dff4ff; border:0.1em solid #c2e1ef; color:#336699; }

a.button:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; }

.btn-primary { text-align: left; border: 2px solid #000; background-color:#ffffff; color: #000000!important; padding: 14px 14px 12px; font-size: 24px; font-weight: 600; text-decoration: none; box-shadow: 2px 2px #999999; min-width: 300px; display: inline-block; margin-top: 20px; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif";} 
.btn-primary:hover { background-color: #000!important; color: #fff!important; transition: 0.3s; cursor:pointer;}
.call-to-action .btn-primary {margin:0;}


.positive { color:#529214; }

a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:0.1em solid #C6D880; color:#529214;}
a.positive:active { background-color:#529214; border:0.1em solid #529214; color:#fff; }

.negative { color:#d12f19; }

a.negative:hover, button.negative:hover { background:#fbe3e4; border:0.1em solid #fbc2c4; }
a.negative:active { background-color:#d12f19; border:0.1em solid #d12f19; color:#fff; }


/* Colors
-------------------------------------------------------------- */


.background_blue 		{ background-color:#0076bc; }
.background_fuchsia		{ background-color:#de4d86; }
.background_pink		{ background-color:#7fcefe; }
.background_aqua		{ background-color:#21a2b7; }
.background_green		{ background-color:#21b67f; }
.background_orange		{ background-color:#f5734f; }
.background_yellow		{ background-color:#c60c30; }
.background_red			{ background-color:#f1515b; }
.background_purple		{ background-color:#855caa; }
.background_darkGrey	{ background-color:#333333; }
.background_lightGrey	{ background-color:#cccccc; }

div.menu_blue a			{ color:#0076bc; }
div.menu_fuchsia a		{ color:#de4d86; }
div.menu_pink a			{ color:#0076bc; }
div.menu_aqua a			{ color:#21a2b7; }
div.menu_green a		{ color:#21b67f; }
div.menu_orange a		{ color:#f5734f; }
div.menu_yellow a		{ color:#c60c30; }
div.menu_red a			{ color:#f1515b; }
div.menu_purple a		{ color:#855caa; }
div.menu_darkGrey a		{ color:#333333; }
div.menu_lightGrey a	{ color:#cccccc; }

.text_blue a,
.text_blue h4 {color:#0076bc;}
.text_fuchsia a,
.text_fuchsia h4 {color:#de4d86;}
.text_pink a,
.text_pink h4 {color:#0076bc;}
.text_aqua a,
.text_aqua h4 {color:#21a2b7;}
.text_green a,
.text_green h4 {color:#21b67f;}
.text_orange a,
.text_orange h4 {color:#f5734f;}
.text_yellow a,
.text_yellow h4 {color:#c60c30;}
.text_red a,
.text_red h4  {color:#f1515b;}


/*
div.text_blue a, div.text_blue b, div.text_blue h4, div.text_blue strong  						{ color:#0057a7; }
div.text_fuchsia a, div.text_fuchsia b, div.text_fuchsia h4, div.text_fuchsia strong  			{ color:#de4d86; }
div.text_pink a, div.text_pink b, div.text_pink h4, div.text_pink strong 						{ color:#d71c84; }
div.text_aqua a, div.text_aqua b, div.text_aqua h4, div.text_aqua strong 						{ color:#009999; }
div.text_green a, div.text_green b, div.text_green h4, div.text_green strong 					{ color:#21b67f; }
div.text_orange a, div.text_orange b, div.text_orange h4, div.text_orange strong 				{ color:#ff7900; }
div.text_yellow a, div.text_yellow b, div.text_yellow h4, div.text_yellow strong 				{ color:#c60c30; }
div.text_red a, div.text_red b, div.text_red h4, div.text_red strong 							{ color:#f1515b; }
*/

div.text_darkGrey, div.text_darkGrey b, div.text_darkGrey a, div.text_darkGrey h4, div.text_darkGrey strong 		{ color:#999999; }
div.text_lightGrey, div.text_lightGrey b, div.text_lightGrey a, div.text_lightGrey h4, div.text_lightGrey strong 	{ color:#CCCCCC; }

div.text_blue a:hover, div.text_pink a:hover, div.text_aqua a:hover, div.text_green a:hover, div.text_orange a:hover, div.text_red a:hover, div.text_purple a:hover, div.text_lightGrey a:hover, div.text_darkGrey a:hover { color:#000000; text-decoration:none; }

div.text_blue hr	{ color:#AABADB; background: #AABADB; }
div.text_fuchsia hr	{ color:#de4d88; background: #de4d88; }
div.text_pink hr	{ color:#0076bc; background: #0076bc; }
div.text_aqua hr	{ color:#21a2b7; background: #21a2b7; }
div.text_green hr	{ color:#21b67f; background: #21b67f; }
div.text_orange hr	{ color:#f4744f; background: #f5734f; }
div.text_yellow hr	{ color:#c60c30; background: #c60c30; }
div.text_red hr		{ color:#F6B3AD; background: #f1515b; }

div.rightBorder hr	{ color:#FFFFFF; background: #FFFFFF; }

hr#HRwhite	{ color:#FFFFFF; background: #FFFFFF; }


/* Learn + Play
-------------------------------------------------------------- */

/* Bad Styles */
div.text_purple b,
div.text_purple a,
div.text_purple h4,
div.text_purple strong {color:#855caa;}
div.text_purple hr {color:#855caa; background:#855caa;}


#learn-play .callout {
background:#E8E0EE;
border:1px solid #855caa;
margin-bottom:2em;
max-height:220px;
overflow:auto;
padding:15px 15px 8px 15px;
}

#learn-play .callout p {margin-bottom:1em;}
 
/* effects are too */
#learn-play #body a {
	color: #855caa !important;
}

#learn-play #body a:hover {
	color: #000 !important;
}

/*#learn-play #sidebar a {
	color: #855caa !important;
}
*/

/* Nice idea but this would be so much better if the markup were up to snuff
#learn-play #body h4,
#learn-play #body strong,
#learn-play #body b {color:#855caa;}
#learn-play #body hr {color:#855caa; background:#855caa;}

#learn-play #body p a,
#learn-play #body p a:visited {color:#855caa; }
#learn-play #body p a:hover {color:#855caa; text-decoration:underline;}
#learn-play #body p a:active {}
#learn-play #body p a:hover {}

#learn-play #body p b a,
#learn-play #body p strong a {color:#855caa;}


a.button {background: #F5F5F5 url(/images/btn_arrow-docent.gif) no-repeat .75em 50%; padding-left: 20px;}
.quiet {color: #AC90C7;}

#learn-play #body h2 {
border-bottom:1px solid #855caa;
color:#855caa;
font-size:;
font-weight:normal;
margin-bottom:1em;
width:380px;
}

#learn-play #body h3 {
border-bottom:1px solid #855caa;
color:#855caa;
font-weight:normal;
margin-bottom:1em;
margin-top:2em;
}

#learn-play #body h4 {font-size:11px; font-weight:bold;}

#learn-play #body h5 {color: #855caa;}
*/

/* Menus + Hot News
-------------------------------------------------------------- */

#billboard-slideshow {height:200px;width:820px;}
#billboard-slideshow li {display:none; list-style:none; padding:0;}
#billboard-slideshow li a {display:block; cursor:pointer!important; height:200px; width:820px;}


/* .headerMenu			{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; margin-left: 0; padding-left: 0; color:#AAAAAA; text-align:left; } */
.headerMenu span    { font-size: 10px; }
.headerMenu a		{ font-size:10px; color:#AAAAAA; text-decoration:none; }
.headerMenu a:hover	{ font-size:10px; color:#000000; text-decoration:none; }


.miniMenu 			{ margin-left: 0; padding-left: 0; padding-top: 15px; text-align:center; color:#FFFFFF; font-size:10px; }
.miniMenu a			{ font-size:10px; color:#FFFFFF; text-decoration:none; }

.mainMenu 	{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; margin-left: 0; padding-left: 5px; list-style: none; }
.mainMenu a	{ display: block; vertical-align: middle; text-align: left; padding-left:0px; padding-bottom:3px; padding-top:3px; height:22px; width: 109px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; color:#333333; }

.mainMenu a:hover{ text-decoration: none; border-bottom-color: #000000; color: #000000; text-align: left; background-color: #eeeeee; }

.subMenu 	{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; font-size: .6em; margin-left: 0; padding-left: 5px; list-style: none; }
.subMenu a	{ display: block; vertical-align: middle; font-size: 10px; text-align: left; padding-left:0px; padding-bottom:3px; padding-top:3px; height: 22px; width:105px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #666666; letter-spacing: .23px; }

.subMenu a:hover{ text-decoration: none; border-bottom-color: #666; text-align: left; }


.quickLinks 	{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; margin-left: 0; padding-left: 5px; list-style: none; }
.quickLinks a	{ display: block; vertical-align: middle; text-align: left; padding-left:0px; padding-bottom:3px; padding-top:3px; height:18px; width: 250px; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #0057a7; color:#333333; }

.quickLinks a:hover	{ text-decoration: none; border-bottom-color: #000000; color: #000000; text-align: left; background-color: #eeeeee; }

#mbrMenu 			{ padding-left:8px; color: #666; list-style-type: disc; }
#mbrMenu li 		{ padding-bottom: 0!important; }
#mbrMenu li a 		{ text-decoration: none; color: #0076bd; }
#mbrMenu li a:hover { text-decoration: none; color: #333; }

#mbrMenuSelected	{ color: #000; }

.hotNews 	{
color:#FFFFFF;
font:bold 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin:0;
padding:3px 0 4px;
text-transform:uppercase;
}

.hotNews a 	{color:#FFF; font-weight:bold !important; text-decoration:none; }
.hotNews a:hover {color:#CCC; text-decoration:none; }

/*
#home.public-campaign .hotNews {
	padding: 12px 0 10px;
	margin-left: 10px;
}


#home.public-campaign .miniMenu {
	padding:0;
	margin: 0;
	line-height: 1;
	
}
*/

#home .hotNews,
#renovation .hotNews {
	padding: 12px 0 10px;
	margin-left: 10px;
}


#home .miniMenu,
#renovation .hotNews {
	padding:0;
	margin: 0;
	line-height: 1;
	
}


/* Temporary: Homepage and Exhibition Page Updates */
.feature-exhibition,
.special-exhibition {
	margin-bottom: .25em;
}


.feature-exhibition img,
.special-exhibition img {
	float: left;
	margin-right: 15px;
	margin-bottom: 5.0em;
}

.special-exhibition img {
	margin-bottom: 3em;
}

#home .special-exhibition h4 {
	border-bottom: 1px solid #AABADB;
	margin-bottom: 16px;
}

#exhibitions .special-exhibition h4 {
	border-bottom: 1px solid #c60c30;
	margin-bottom: 16px;
}

.feature-exhibition h3,
.special-exhibition h3 {
	display: inline!important;
	font-weight: normal;
}

.feature-exhibition p,
.special-exhibition p {
	margin-bottom: 0.5em;
}

.feature-exhibition .date,
.special-exhibition .date {
	margin-top: 0.15em;
}



/* Custom Classes
-------------------------------------------------------------- */

/* Templates */
#right-column {margin-bottom:3em;}
#right-menu {margin-top:1.7em; text-align:center;}





/* Sidebar - formerly right-column */
#sidebar {float:right; margin:3em 10px 3em 0; width:190px; padding:0;}
#sidebar .section {margin-bottom:2.5em;}
#sidebar .section h4 {border-bottom:1px solid #AABADB; color:#0057A7; margin-bottom:.75em;}
#sidebar .section img {display: block; margin-bottom:.75em;}

#sidebar #icon-listing img {display:block; margin:0 auto; margin-bottom:1em;}
#sidebar #icon-listing {text-align:center;}
#sidebar #icon-listing li {margin-bottom:2.5em;}


#visit #sidebar .section h4 {
	color: #21a2b7;
	border-bottom-color: #21a2b7 /* #49BAB6*/;
	
}

#planned-giving #sidebar .section h4 {
	color: #de4d88;
	border-bottom: 1px solid #de4d88;
	
	
}



/*
#sidebar #icon-listing li#donate {border-top:1px solid #AABADB; border-bottom:1px solid #AABADB;}
#sidebar div#donate h4 {border-bottom:1px solid #AABADB; color:#0057A7; margin-bottom:.75em;}
#sidebar div#donate img {margin:0 0 0.5em 0; padding:0;}
*/



#sidebar .upcoming {
	margin-top: -1.35em;
	margin-bottom: 3em;
}

#sidebar .calendar-item {
	margin-bottom: 1em;
	line-height: 1.35;
}

#sidebar .calendar-item .calendar-title {
	margin-bottom: 0.1em;
	display: block;
}

#sidebar .calendar-item .date {

	font-size: 10px;
	margin-bottom: 0;
}

#sidebar .promo {
	margin-bottom: 2.5em;
}

#sidebar .promo img {
	margin-bottom: 0.5em;
}

#sidebar .promo p {
	line-height: 1.35;
	/*background: #0057A7;
	color: #fff;
	line-height: 1.25em;
	padding: 6px 10px;*/
}

#sidebar .promo h4 {
	/*text-transform: uppercase;
	font-size: 11px;*/
}



#sidebar .subnav .sub-menu {
	margin-left: 15px;
}

/*
#visit #sidebar .promo p {
	background: #009999;
}

#visit #sidebar .promo a {
	color: #21a2b7 !important;
}
#visit #sidebar .promo a:hover {
	text-decoration: underline;
}

*/

/*visit.........dk #21a2b7, lt #D5EAE9, md #49BAB6*/






#visit .app-download {
	margin-top: -1em;
}










#hours {margin-top:1em;}
#hours {
color:#666666;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif;
margin-top:2em;
padding-left:5px;
list-style:none;}

#hours b	{color:#0057a7;}
#hours .menu	{}


/* Tools */
.quiet {color: #999999;}
.menu {list-style:none; margin:0; padding:0;}
.more {display:block;/*text-decoration:underline;*/}
.sponsor {font-size:x-small;}
.editorNote {border:1px solid Khaki; background-color:LightYellow; padding: 4px 8px;}

/* Home */
.coming-soon {
	margin-bottom: 0;
}

#home.public-campaign #billboard-slideshow {
	height: 420px;
}


#sidebar #social-listing h4 {border-bottom:1px solid #AABADB; color:#0057A7; margin-bottom:.75em;}
#sidebar #social-listing ul.menu li {float:left;margin:0 7px .75em 0;padding:0;}
#sidebar #social-listing ul.menu li.last {margin-right:0!important;}
#sidebar #social-listing li {background:url(/lib/image/mam_sprite.png) no-repeat;}
#sidebar #social-listing li a {display:block; height:0;width:32px;padding-top:32px;overflow:hidden;}
#sidebar #social-listing li.facebook {background-position:-58px 0px;}
#sidebar #social-listing li.twitter {background-position:-58px -42px;}
#sidebar #social-listing li.flickr {background-position:-58px -84px;}
#sidebar #social-listing li.youtube {background-position:-58px -126px;}
#sidebar #social-listing li.newsletter {background-position:-58px -252px;}
#sidebar #social-listing li.blog {background-position:-58px -168px;}
#sidebar #social-listing p.blog.inline {/*display:block; padding-left:20px; background:url(/lib/image/mam_sprite.png) no-repeat -100px -104px;*/}
#sidebar #social-listing p {clear:left; margin-bottom:0.5em;}
#sidebar #social-listing p.newsletter {display:block; padding-left:30px; background:url(/lib/image/mam_sprite.png) no-repeat -100px -181px;}





/* Membership */
.span-3cols	{width: 190px; font-size: 1em; line-height: 1.5em;}
.indent {padding-left: 5px;}
.span-3cols h2 {padding-top: 5px;}
.span-3cols h4 {padding: 8px 0 0 0;  font-size: 1.1em; font-weight: bold;}
.span-3cols li {padding: 0px 0 10px 0; margin:0; line-height:1.2em; margin:0; list-style-type:none;}
.span-3cols ul {padding: 0; margin:0;}
.page-break {page-break-before:always;}


/* Hide list bullets */
.nobullet {list-style-type: none;}
.business-sponsors {width: 300px;}
.business-sponsors li {padding: 0px 0 10px 0; margin:0; line-height:1.2em; margin:0;}
#membership #body ul li {/*list-style-type:disc;*/ list-style-position: inside;}


/* Calendar */
#calendar #calendar-links {border-top:1px solid #CCC; }
.rssLinksAll { padding: 10px 0; }
/*
#calendar .links {position:absolute; margin-top:2em;}
#calendar .links a {}
#calendar .links li {margin-bottom:0;}
#calendar .links li img {position: relative; top:.25em;}
*/

/* Learn + Play */
.schoolButton {margin-bottom:10px;}
.schoolButton a.graphic {display:block; background:url(/learn/images/buttons.gif) no-repeat 4px 4px; width:134px; height:35px; text-indent:-999em;}
.schoolButton a.graphic:hover {background:url(/learn/images/buttons.gif) no-repeat 4px -28px;}
.schoolButton a.text {margin-left:28px;}

/* Museum Info */
#navRentals {margin-left:0;}
#navRentals img {float:left; margin:0 8px 8px 0;}

/* Collection */
#collection #collectionResults td img {float:left; margin-bottom:10px;}
#collection #collectionResults td p {clear:left; font-size:11px;}
#collection .paging {display: block; float:right;}
#collection .menu_archive {margin-left: 192px;}

#collection #sidebar a:link, 
#collection #sidebar a:visited {color:#21b67f;}
#collection #sidebar h4 {border-bottom:1px solid #21b67f; color:#21b67f; margin-bottom: .5em;}
#collection #sidebar>:first-child {position:relative; top: -1.1em; margin-bottom: 1.25em;}
#collection #sidebar h5 {color:#21b67f; margin: 0;}
#collection #sidebar dl {margin-top: -.06em; margin-bottom: 0;}
#collection #sidebar dd {margin-bottom: 1.25em;}



/* Docents */
form.mamform label {margin-right:6px;}
form.mamform input.text {margin-right:6px;}
form#docent-login.mamform {display:block; /* null */}


/* Planned Giving - See planned-giving.css or a few embedded styles on the iframe page */
.fontBtn {
	display: none;
}

.ebrochureInfo {

}

#articlesSpan {
	position: relative;
	top:;
}

.legalBodyFont p:first-child {
	display: ;
}



/* Visit */
#visit #video {float:left; margin-right:20px;}
#visit #google-map {margin: 1.5em 0 4em;}


/* Contact */

#contact-listing .vcard {margin-bottom:1.25em;}
#contact-listing #address_mam .org {font-weight:bold;}

#contact-listing {overflow:auto; margin-bottom:3em;}
#contact-listing div { padding: 20px 0; }
#contact-listing span {display:inline;}
#contact-listing span a {}
#contact-listing span.org {display:inline-block; width:450px;}
#contact-listing span.tel {width:150px;}
#contact-listing span.donor {display:inline-block; font-size:x-small; line-height:1.5; text-transform:capitalize; width:220px;}
#contact-listing h4 {
	clear:both;
	border-bottom:solid 1px #FBD781; 
	padding-top:2em; 
	margin-bottom:1.25em;
}

p .job-title {
	text-transform: lowercase;
}


/* Web Request */
#required-fields {position:relative; top:-1.5em;}
#sidebar.web-request h5 {}
#sidebar.web-request ol { margin-bottom: 1.5em;}
#sidebar.web-request ol li {margin-bottom:.25em}




/* Special Exhibitions Listing */
.special-exhibitions  {
	clear: left;
	margin-bottom: 1em;
}
.also-on-view {
	float: left;
	margin-bottom: 1em;
}

.exhibit {
	border-top: 1px solid #AABADB;
	float: left;
	margin-right: 15px; 
	padding: 15px 0;
	width: 47.5%;
	height: 150px;
}
#exhibitions .exhibit {
	border-color: #c60c30;
}
.exhibit img { 
	margin-right: 8px; 
	float: left;
	margin-bottom: 20px;
}
.exhibit p { 
	padding-right: 30px;
}


/* RSS Feeds SimplePie */
#home .feed-item {
	
}



/* Footer
-------------------------------------------------------------- */
#footer {clear:both; position:relative; overflow:auto;}

#mam-logo {display:inline !important; float:right; margin-bottom:20px; margin-right:40px;}

#nav-utility {border-top:1px solid #AABADB; color:#BBB; width:100%; overflow:auto;}
#nav-utility ul {display:inline; float:left; list-style:none; margin:20px 0 0 130px; padding:0 0 20px;}
#nav-utility li {float:left; margin:0; margin-right:.6em; padding:0;}
#nav-utility li:after {content:"|";}
#nav-utility li.last:after {content:"";}
#nav-utility a {padding-right:.6em;}

#copyright {color:#AAA; float:right; margin:20px 20px 0 0;}
#footer-social-icons img { width: 20px; height: 20px; margin: 10px 0px 0px 0; }


/* Wufoo
-------------------------------------------------------------- */
.wufoo-form-container {
	background-color: #fff!important;
}
.wufoo li div, .wufoo li span, .wufoo li div label, .wufoo li span label { font-weight: normal; }
form.wufoo { font-family: "Post Grotesk"; }


/* UI
-------------------------------------------------------------- */
.ui-state-highlight {background:#FDF5D9; padding:0.5em 0.7em; border:1px solid #FCEEC1;}
.ui-state-highlight p {margin:0; padding:0;}
.ui-state-highlight .ui-icon {width:16px; height:16px;background:url(/images/ui-icons_2e83ff_256x240.png) no-repeat -16px -144px;}


/* Microformates - Figure: http://microformats.org/
-------------------------------------------------------------- */
div.figure {float:left; margin:1.3em 1.3em 0 0; padding:0;}
div.figure.small {line-height:1.4em; font-size:0.8em;}
div.figure.top {margin-top:0;}
div.figure.right {float:right; margin-right:0; margin-left:1.5em;}
div.figure img {display:block; margin-bottom:.5em;}
div.figure p.caption {margin-bottom:.75em;}
div.figure p span {display:block;}
.tel {white-space:nowrap;}



/* * jQuery Tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



/* Button
-------------------------------------------------------------- */
#membership .button {
background: #F5F5F5 url(/lib/image/mam_sprite.png) no-repeat -605px -42px;
margin-top:.75em;
margin-bottom:3em;
padding-left:20px;
}

#membership .button:hover {background:#DFF4FF url(/lib/image/mam_sprite.png) no-repeat -605px -45px;}





/* Alerts
-------------------------------------------------------------- */
.alert {
padding: 15px;
margin-bottom: 15px;
border: 1px solid transparent;
}

.alert h5 {
	font-size: 120%;
}

.alert p:last-of-type {
margin-bottom: 0;
}


.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}

.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}

.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}

.alert-info.alert-adminssions {
	font-size: 120%;
}
.alert-info.alert-adminssions a {
	color: #31708f;
	font-weight: bold;
}

#get-involved .alert-info {
background-color: #f2dede;
border-color: #ebccd1;
color: #444;
}

/* App Download
-------------------------------------------------------------- */
.app-download {
	margin-bottom: 3em;
}




/* Icons - Font Awesome
-------------------------------------------------------------- */

p .fa-info-circle {
	font-size: 120%;
}


#calendar .description ul {
	list-style-type: disc;
	margin-left: 20px;
	padding: 5px;
}

#calendar .description ul li {
	padding-top: 10px;
}



/* Not In Use - Put styles in here that we are not sure about
-------------------------------------------------------------- */

.visit .room-views {
	display: inline-block;
	margin-bottom: 2em;
}


/* Temp Refresh */

@font-face {
  font-family: 'Post Grotesk';
  src: url('https://mam.org/_asset/font/PostGrotesk-Light.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-Light.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-Light.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 100;
}

@font-face {
  font-family: 'Post Grotesk';
  src: url('https://mam.org/_asset/font/PostGrotesk-Thin.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-Thin.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-Thin.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 200;
}


@font-face {
  font-family: 'Post Grotesk';
  src: url('https://mam.org/_asset/font/PostGrotesk-Book.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-Book.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-Book.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 300;
}

@font-face {
  font-family: 'Post Grotesk';
  src: url('https://mam.org/_asset/font/PostGrotesk-Medium.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-Medium.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 400;
}

@font-face {
  font-family: 'Post Grotesk';
  src: url('https://mam.org/_asset/font/PostGrotesk-Bold.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-Bold.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 600;
}


@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-LightItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-LightItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-LightItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 100;
}

@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-ThinItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-ThinItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-ThinItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 200;
}

@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-BookItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-BookItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-BookItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 300;
}

@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-MediumItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-MediumItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-MediumItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 400;
}

@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-BoldItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-BoldItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 600;
}


@font-face {
  font-family: 'Post Grotesk-Italic';
  src: url('https://mam.org/_asset/font/PostGrotesk-BlackItalic.eot'); /* IE9 Compat Modes */
  src: url('https://mam.org/_asset/font/PostGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://mam.org/_asset/font/PostGrotesk-BlackItalic.woff') format('woff'), /* Modern Browsers */
       url('https://mam.org/_asset/font/PostGrotesk-BlackItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 800;
}

#header {
	margin: 20px 0 12px 0;
    color: #aaaaaa;
    }

#header a {
	color: #000000!important;
	}

body {background: none!important; background-image: none; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; line-height:normal; font-weight:300; font-size:16px!important; }
a:hover { color:#0076bc!important; background-color:transparent!important; transition: 0.3s; }


h1, h2, h3, h4 { font-weight: 600; line-height: normal; color:#000000;}
h1 { font-size: 44px;letter-spacing:-1.5px;  }
h2 { font-size:32px; letter-spacing:-1.5px; }
h3 { font-size: 24px; letter-spacing:-1px; }
h4 { font-size:20px; letter-spacing:-.5px; }
.semi-thick { height: 5px; background: #000; margin: 20px 0; border-color: #000000; }
.thick { height: 10px; background: #000; margin: 70px 0; border-color: #000000; }



.mainMenu { text-transform: none; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; font-size: 18px;}
.mainMenu a:hover {
	background: none;
}

#nav-main {padding-top: 100px;}

#nav-main {
	margin-bottom: 50px;
}

#nav-main p { display:none;}

#nav-main .tertiary-link { margin-left: 5px; width: 93px;}

.mainMenu a { 
	font-weight: 600;
	color: #000000!important; 
    display: block;
    vertical-align: middle;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 8px;
    padding-top: 9px;
    height: auto;
    width: 106px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
	letter-spacing: -.5px;
}

.subMenu { font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; margin-left:8px; padding-left:0; margin-bottom: 10px; }
.subMenu a {
	width: 98px;
	color: #000000; 
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	border-bottom: 1px solid #000000;
}



#sidebar a { color: #000; }

.exhibit { height: auto; width: 46%; border-top:0;} 
.exhibit img { width: 100%;}
#home .exhibit { min-height: 300px; padding: 0 0 15px 0; }


#footer { margin-bottom: 80px; }
#footer { margin-left: 130px; width: 820px;}

#footer { overflow: hidden;}
#footer .mam-logo { float: right; margin: 80px 0 20px 0;}
#footer .mam-logo img { width: 100%; height: auto;}
.footer-wrapper { border-top: 2px solid #000; padding-top: 20px; font-weight: 500; font-size: 13px;}
.footer-wrapper .pfirst a { padding: 0 5px 0 0;}
.footer-wrapper .pfirst { font-size: 15px;}
.footer-wrapper .plast { float: right; line-height: 1.5;}
.footer-wrapper .social { margin-top: 10px; float: left;}
.footer-wrapper .social img { width: 30px; height: 30px; outline: 0; border: 0; padding: 0 5px 0 0;}
#support #footer a:visited { color: #000 !important; }
.no-padding { padding: 0 !important; }
.footer-wrapper p.social img { margin: 0 0 0 0; }


#copyright { float:none;}
.nav {width:625px;}
#nav-utility {border-top: 2px solid #000000!important; padding:20px 0 0 0; font-weight: 500;}
#nav-utility li { margin-right:0;}
#nav-utility ul {font-size:15px; margin: 10px 0 0 0; }
#nav-utility li:after { content:"";}
#nav-utility a { padding-right:10px; color: #000!important; text-decoration: underline; font-weight: 400;}
#mam-logo {    margin: 80px 0px 20px; float: right; width: 195px;}
#copyright, #footer #address, #city-state { font-size: 12px; color: #000000; font-weight: 500;}

a:hover, #sidebar a:hover {
    color: #0076bc!important;
    background-color: transparent!important;
    transition: 0.3s;
}

#header .span-4 {
    width: auto;
    float: right!important;
}


/* Temporary until hot news is replaced */
.hotNews a:hover {
    color: #CCC!important;
    text-decoration: none;
}

#also-on-view #exhibition {
    width: 48%;
    margin: 0;
    float: left;
}





/* Mobile Sandwich Navigation */
#mobile-navigation { display: none;}

#sandwich-icon a {
	font-size: 64px!important;
	color: #000000;
	padding: 40px 0;
}
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1002;
    left: 0;
    top: 0;
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255, 1.0);
    overflow-x: hidden;
    transition: 0.0s;
}

.overlay-content {
    /* position: relative; */
    top: 8%;
    width: 100%;
    text-align: left; 
    margin: 40px 0;
	padding-bottom: 120px;
}

.overlay a {
    padding: 18px;
    text-decoration: none;
    font-size: 42px;
    color: #000;
    display: block;
}

.overlay-content a:hover, .overlay-content a:focus {
    color: #ffffff;
	background: #000000;
}

.overlay .closebtn {
    position: absolute;
    right: 35px;
    font-size: 84px;
}

@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px;}
    .overlay .closebtn {
        font-size: 40px;
        top: 10px;
        right: 35px;
    }
}

.disc { list-style-type:  disc!important; list-style-position: outside!important; margin-left:25px!important;}

/* Sponsors */
.premier-partners img { max-width: 250px; }
#sponsors div { margin: 20px 0; width: 90%;}
#sponsors strong { display: block;}
#sponsors span { display: block; font-weight: bold; }
#sponsors span img { padding: 20px 0; }
#sponsors span img.last { padding-left: 20px;}

#parking-benefits {
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
}
#parking-benefits th, #parking-benefits td {
	padding: 12px;
    border-bottom: 1px solid #eee;
	border-left: 1px solid #eee;
	text-align: center;
	font-weight: 300;
}

/* Full Refresh

h1, h2, h3, h4 { font-weight: 600; line-height: normal; color:#000000;}
h1 { font-size: 44px;letter-spacing:-1.5px;  }
h2 { font-size:32px; letter-spacing:-1.5px; }
h3 { font-size: 24px; letter-spacing:-1px; }
h4 { font-size:20px; letter-spacing:-.5px; }
body {background-image: none; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; line-height:normal; font-weight:300; font-size:14px!important; }


dd { padding: 20px 0; }
#art-lives-here img { display:none;}
#art-lives-here { padding:10px 0; background-color: #fff; border-bottom: 1px solid #eee; margin: 20px 0;}

.miniMenu br { display: none; }
.miniMenu, .miniMenu a, .hotNews a, .hotNews { color: #000!important; text-transform: none; font: inherit; font-weight:100!important; font-size: initial; padding-top:0!important; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"!important;}

.mainMenu { text-transform: capitalize; font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; font-size: 18px;}
.mainMenu a:hover {
	background: none;
}

#nav-main {padding-top: 100px;}

#nav-main {
	margin-bottom: 50px;
}

#nav-main p { display:none;}

.mainMenu a { 
	font-weight: 600;
	color: #000000!important; 
    display: block;
    vertical-align: middle;
    text-align: left;
    padding-left: 0px;
    padding-bottom: 9px;
    padding-top: 10px;
    height: auto;
    width: 106px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
	letter-spacing: -.5px;
}

.subMenu { font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif"; margin-left:8px; padding-left:0; margin-bottom: 10px; }
.subMenu a {
	width: 98px;
	color: #000000; 
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
	border-bottom: 1px solid #000000;
}


div.menu_aqua a { color: #000000; }

#header {
	margin: 20px 0 12px 0;
    color: #aaaaaa;
    }

#header a {
	color: #000000!important;
	}


#mobile-navigation {
    display: none;
}

#body {
    color: #000000;
    line-height: normal;
    font-size: 20px;
    font-weight: 300;
}

#body ul li { list-style-type: disc; margin-left: 20px; margin-bottom: 10px; }
#sidebar #icon-listing img { fmargin: 0; }
#sidebar #icon-listing { ftext-align: left; }


a.button { padding-left:auto!important; background-image:none;!important;}

.exhibit { height: auto; width: 46%; } 
.exhibit img { width: 100%;}
#home .exhibit { min-height: 380px;}


#footer { margin-bottom: 80px; }
#copyright { float:none;}
.nav {width:625px;}
#nav-utility {border-top: 2px solid #000000!important; padding:20px 0 0 0; font-weight: 500;}
#nav-utility li { margin-right:0;}
#nav-utility ul {font-size:15px; margin: 10px 0 0 0;}
#nav-utility li:after { content:"";}
#nav-utility a { padding-right:10px; }
#mam-logo {    margin: 80px 0px 20px; float: right; width: 195px;}
#copyright, #footer #address, #city-state { font-size: 12px; color: #000000; font-weight: 500;}


@media only screen and (max-width: 768px) {
	#mobile-navigation { display: block; float: right;}

	.container { padding: 0 20px!important;}
	#header img {
		width: 50%!important;
		margin: 10px 0 10px 15px;
	}

}

*/


/* Popup Window */
#popup-window {
    width: 100%;
    padding: 10px 0 0 0;
    z-index: 10001;
    background: #f2f2f2;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
	color: #000000;
	display: inline-block;
	text-align: left;
}
#popup-container h1 {
	margin: 20px 0 0;
}

#popup-window2 {
    width: 960px;
    padding: 10px 0 0 0;
    z-index: 10001;
    background: #f2f2f2;
    border-bottom: 1px solid #eee;
    margin: 0 auto 40px auto;
	color: #000000;
	display: inline-block;
	text-align: left;
}

#popup-container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
    font-size: 22px;
	padding-top: 20px;
}

#popup-text {
    width: 360px;
    float: right;
    padding-right: 20px;
    padding-left: 0px;
}

#popup-image {
    width: 100%; /*450px;*/
    /*float: right;*/
    margin-top: 25px;
}

#popup-window-close {
	margin: 20px 0; /*0px 0 20px 0;*/
	cursor: pointer;
	text-align: left;
	width: 100%;
}

#popup-image img {
	width: 100%; /*480px;*/
}

/* New popup styles*/

.popup-wrapper {
	background: #f2f2f2;
	width: 100%;
}

.popup-container {
	width: 960px;
	padding: 10px 0 0 0;
	z-index: 10001;
	border-bottom: 1px solid #eee;
	margin: 0 auto 40px auto;
	color: #000000;
	text-align: left;
}

.popup-inner {
	background: url("/membership/images/19popup_snowflakebg.png");
	background-color: #95d4cb;
	background-size: cover;
	background-repeat: no-repeat;
	width: 960px;
}

.popup-inner .pfirst {
	padding: 35px 42px 35px 25px;
}

.popup-inner .plast {
	padding: 35px 25px 35px 0;
}

.popup-inner h1 {
	font-size: 32px;
	line-height: 1.25;
}

.popup-inner p {
	font-size: 18px;
	font-weight: 500;
	padding: 20px 0;
}

.popup-inner .btn-primary {
	min-width: 200px;
}

.popup-window-close {
	padding: 10px 25px;
	z-index: 9999;
	text-align: left;
	cursor: pointer;
}

/* Percentage based grid layout */
.span-p1 {width: 8.33%; }
.span-p2 { width: 16.66%; }
.span-p3 { width: 25%; }
.span-p4 { width: 33.33%; }
.span-p5 { width: 41.66%; }
.span-p6 { width: 50%; }
.span-p7 { width: 58.33%; }
.span-p8 { width: 66.66%; }
.span-p9 { width: 75%; }
.span-p10 { width: 83.33%; }
.span-p11 { width: 91.66%; }
.span-p12 { width: 100%; }

.span-p1, .span-p2, .span-p3, .span-p4,
.span-p5, .span-p6, .span-p7, .span-p8,
.span-p9, .span-p10, .span-p11, .span-p12 { 
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/*.span-p1 img, .span-p2 img, .span-p3 img, .span-p4 img,
.span-p5 img, .span-p6 img, .span-p7 img, .span-p8 img,
.span-p9 img, .span-p10 img, .span-p11 img, .span-p12 img { 
	max-width: 98%;
	padding-left: 1%;
	padding-right: 1%;
}

.pfirst, .pfirst img {
	padding-left: 0;
	max-width: 99%;
}

.plast, .plast img {
	padding-right: 0;
	max-width: 99%;
}*/

.inner-column {
	float: left;
	margin: 0;
	padding: 0;
}

/* Back to top btn */
#top-scroll {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	outline: none;
	border: solid 2px #000;
	background-color: #fff;
	color: #000;
	cursor: pointer;
	padding: 10px;
	font-size: 18px;
	font-family: "Post Grotesk";
	box-shadow: 2px 2px #999999;
}

#top-scroll:hover {
	background-color: #000;
	color: #fff;
	transition: ease-in-out .3s all;
}

@media only screen and (max-width: 768px) {
	
	body { display: inline-block; }
	#membership .span-6 { width: 100%!important;}
	#membership .span-body3 { display: none!important;}
	#membership .button {background-image: none!important;}
	#membership ul { /*list-style-type: disc;*/ list-style-position: outside; /*padding-left: 40px;*/}
	/*#membership #body ul li { padding-bottom:40px;}*/
	
	#billboard { margin-bottom: 80px;}
	#billboard img { width:120%!important; }
	#art-lives-here { display: none;}
	#header {margin-top:20px; width:96%; margin-left:0%}
	#header img { height: 156.5%; width: 156.5%; margin-top: -60px; }
	#sidebar {display: none;}
	
	.overlay #footer-social-icons a { display: inline; }
	#footer-social-icons { margin-left: 15px; margin-top: 10px; }
	#footer-social-icons img {  margin-top: 10px; height: 70px; width: auto!important;}
	
	
	.container { padding: 0 20px!important;}
	#body {width:96%; margin-left:2%;}
	div, span, html, #body { line-height: normal;}
	html, #body { font-size: 42px!important;}
	h1, h2, h3, h4 { line-height: normal; letter-spacing: -1px; font-weight:600;}
	h1 { font-size: 64px;}
	h2 { font-size: 52px;}
	h3 { font-size: 40px;}
	h4 { font-size: 32px;}
	.quarter, .half, .three-quarter, .full { width: 100%!important;}
	.mobile-hide { display:none;}
	.header-photo { margin-bottom: 80px;}
	#hero-hours { display: block;}
	img.no-padding { margin-top:-1px;}
	#hero-text {float:none; width: 100%; }
	#hero-text div { font-size: 92px!important; line-height: 92px;}
	#hero-text .mouse-type { font-size: 42px!important;}
	#mobile-navigation { display: block; float: right;}
	#wings-info { font-size:38px!important; width: 100%; float: none; padding-bottom:40px; }
	.overlay-content .mainMenu { display:block;}
	.mainMenu a, .mainMenu a:active, mainMenu a:hover { width: 80%; color:#000000!important;}
	.subMenu { width: 93%;}
	.subMenu a { margin-left: 48px; border:0;}
	span.tel:after {content: ""!important; margin-left: 0!important;}
	body { font-size: 24px;}
	img { width: 100%!important;}
	#nav-main { display:none;}
	.btn-primary { font-size: 44px; padding:24px; }
	.purchase-tickets { margin:120px 0; }
	#footer { margin-left: 10px; width: 96%; }
	#footer .home, #footer .rights, #footer .credits {display:inline-block;}
	#mam-logo { margin: 80px 110px 20px; float:right; width: 260px;}
	#header img { width: 50%!important; height: auto!important; margin: 10px 0 10px 15px;}
	#header .span-4 { display: none;}
	#exhibition-credit { font-size: 26px!important;}
	.photography-credit {font-size: 24px;}
	#intro-copy { width: 90%; padding-right: 5%; }
	img.archived { width: 100%;}
	

	#art-safety-tips h1 { width: 100%; }
	.admission-row { padding: 60px 0; font-size: 48px;}
	#admission-table {font-size:32px; width: 100%;}
	#admission-table .category { width:70%; font-size: 52px!important;padding-top: 17px; font-weight:600;}
	#admission-table .price { font-size: 64px!important; width: 30%; font-weight:600; }
	.museum-sponsors img {width: 40%!important}
	.mouse-type, #admission-table .mouse-type { font-size: 42px; line-height: normal; }
	.exhibition-date { font-size: 42px; }
	.exhibition-title a { font-size: 44px;}
	.exhibition-image { margin-top: 60px; }
	.exhibition-gallery {font-size:32px!important; }
	
	#art-safety-tips p {width: 100%;}
	#art-safety-description { margin: 0 0 0 50px;}
	#art-safety-block img { margin-top: 20px;}
	#related-links {width:100%;}
	#related-links ul li { padding: 15px 0;}
	#related-links ul li a { font-size: 54px;}
	#related-links-image.column { float: none;}
	#footer-info { width: 42%; float: right;}
	#copyright {left:0;}
	#copyright, #footer #address, #city-state { padding-left: 15px; font-size: 22px!important; width: 90%; display: block;}
	#nav-utility ul.nav {font-size:44px; width:30%; margin-top: 20px;}
	#nav-utility li { float: none; line-height: 64px; }
	#nav-utility ul li { display:block;}
	#sponsors div { margin: 60px 0; width: 80%;}
	p.credit-line { margin-bottom: 0; padding:0 0 40px; font-size:32px;}
	#also-on-view #exhibition:nth-child(even) { margin-left: 0; }
	#previously-on-view { padding-bottom: 80px; }
	#previously-on-view .exhibition-date { font-size:42px;}
	#upcoming-exhibitions #exhibition:nth-child(even), #also-on-view #exhibition:nth-child(even) { margin-left:0;}
	#upcoming-exhibitions #exhibition, #also-on-view #exhibition, #previously-on-view #exhibition { width: 100%; margin:0; float:none; }
	#upcoming-exhibitions .exhibition-date, #also-on-view .exhibition-date, #previously-on-view .exhibition-date{ font-size: 42px;}
	
	.search-text {
	   -webkit-appearance: none;
		-moz-appearance: none;
		width: 79%;
		font-size: 52px;
		margin: 0 0 40px 0;
		outline:none;
		border-style: none;
		border-bottom: 2px solid #000;
		height: 90px;
		padding-left: 24px;
		font-family: "Post Grotesk", "Open Sans", Verdana, "sans-serif";
		font-weight: 300;
	}
	.search-go {
	   -webkit-appearance: none;
		font-size: 70px;
		background: #000;
		color: #fff;
		font-weight: 800;
	}
	
	#nav-utility li:after {
		content: ""!important;
	}
	
	/* Calendar */
	#calendar #billboard { display: none; }

	.mini-cal {
		font-size: 36px;
		width: 100%;
		height: 650px;
		margin: 0 auto 60px 0;
	}
	.mini-cal td.nav a, .mini-cal td.title select {
		font-size: 42px;
		color: #0076bc;
	}
	
	#dateheader { font-size: 42px; }
	
	#eventtime { width: 100%; }
	.eventinfo { margin: 30px 0!important;}
	#detail_right, #detail_left { width: 100%}
	#flickrset img { width: 32%!important;}
	
	#eventContainer.span-8 { width:100%!important; margin:0!important;}
	#saveEvent { font-size: 38px; }
	#calendar #sidebar { float: none; margin: 0; width: auto; padding: 60px 0 0 0; display: inline-block; }
	#sidebar .date { font-weight: 500;}
	#eventDetailDesc { padding-top: 40px; }	
	#calendarEvent { width: 100%; }
	#hc_featured, #hc_popular, #hc_newest { width: auto; }
	#hc_featured li { padding-top: 40px;}
	.icon { padding:0; background: none!important;}
	
	/* Membership */
	#membership-levels img {display: none;}
	#membership-levels .span-3 { width: 100%;}
	
	
	/* Sponsors */
	#sponsors span img { padding: 40px 0; width: 80%!important; }
	#sponsors span img.quarter { width: 50%!important; }
	.premier-partners img { max-width: 75%!important; }
	
	#popup-container, .popup-container {
		width: 100%;
		font-size: 42px;
	}
	
	#popup-image {
		width: 100%;
		float: right;
		margin-top: 25px;
		margin-bottom: 40px;
	}
	
	#popup-text {
		width: 100%;
		float: none;
	}

	.popup-inner .span-p8 {
		width: 66.66%;
	}
	
	.popup-inner {
		background: url("/membership/images/19popup_snowflakebg-sm.png");
		background-color: #95d4cb;
		background-size: cover;
		background-repeat: no-repeat;
		padding: 25px;
	}
	
	.popup-inner p {
		padding-bottom: 0;
		font-size: 22px;
	}
	
	.popup-container {
		font-size: 22px;
	}
	
	.popup-inner .call-to-action {
		padding-top: 15px;
	}
	
	.popup-inner .pfirst {
		padding-right: 5px;
	}

	.popup-inner .btn-primary {
		font-size: 20px !important;
		padding: 10px;
	}
	
	#top-scroll {
		padding: 40px;
		font-size: 35px;
	}



} /* End mobile CSS */