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

 Milwaukee Art Museum
 http://mam.org

-------------------------------------------------------------- */
@import "color.css";
@import url(/lib/vendor/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(/css/mobile.css) screen and (max-device-width:480px);

/* 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 3.0em 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; }
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; }
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 { background-image: url(/lib/image/mam_sprite.png); background-repeat: no-repeat; background-position:  -605px -249px; margin-top:.75em; margin-bottom:3em; 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; }




.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:#FFFFF background: #FFFFF; }

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;margin:0;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 a		{ font-size:10px; color:#AAAAAA; text-decoration:none; }
.headerMenu a:hover	{ font-size:10px; color:#000000; text-decoration:none; }


.miniMenu 			{ font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Segoe UI", Tahoma, sans-serif; margin-left: 0; padding-left: 0; text-align:center; color:#FFFFFF; }
.miniMenu a			{ font-size:10px; color:#FFFFFF; text-decoration:none; }
.miniMenu a:hover	{ font-size:10px; color:#000000; 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 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*/;
	background-color: ;
	
}

#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 {
	background: ;
	margin-bottom: 0.1em;
	display: block;
}

#sidebar .calendar-item .date {
	text-transform: ;
	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;
	margin-bottom:;
	background:;
}

/*
#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;}
.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;}


/* 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 {float:; width:; margin-bottom:.5em;}
#contact-listing span {display:inline;}
#contact-listing span a {}
#contact-listing span.org {display:inline-block; width:250px; text-transform:;}
#contact-listing span.tel {display:inline-block; width:105px;}
#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 {border-top: 1px solid #AABADB; padding-top:1.5em;}
#sidebar.web-request h5 {}
#sidebar.web-request ol {padding-left:!important; margin-bottom: 1.5em;}
#sidebar.web-request ol li {list-style:; margin-bottom:.25em}




/* Special Exhibitions Listing */
.special-exhibitions  {
	clear: left;
	margin-bottom: 1em;
}
.also-on-view {
	float: left;
	margin-bottom: 1em;
}
.special-exhibitions h4 {
	margin-bottom:;
}
.exhibit {
	border-top: 1px solid #AABADB;
	float: left;
	margin-right: 15px; 
	padding: 15px 0;
	width: 47.5%;
	height: 140px;
}
#exhibitions .exhibit {
	border-color: #c60c30;
}
.exhibit img { 
	margin-right: 10px; 
	float: left;
}
.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;}


/* Wufoo
-------------------------------------------------------------- */
.wufoo-form-container {
	background-color: #fff!important;
}


/* 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 -45px;
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%;
}






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

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