@font-face {
    font-family: 'socialfont';
    src: url('/includes/customcode/wellin/fonts/socialico-webfont.eot');
    src: url('/includes/customcode/wellin/fonts/socialico-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/customcode/wellin/fonts/socialico-webfont.ttf') format('truetype'),
         url('/includes/customcode/wellin/fonts/socialico-webfont.svg#socialicoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.bentonsansbold {
	font-family: 'Libre Franklin', sans-serif;
  font-style: normal;
  font-weight: bold;
}
.bentonsansmedium {
	font-family: 'Libre Franklin', sans-serif;
  font-style: normal;
  font-weight: 500;
}

.bentonsansregular {
	font-family: 'Libre Franklin', sans-serif;
  font-style: normal;
  font-weight: normal;
}

.bentonsansregularitalic {
	font-family: 'Libre Franklin', sans-serif;
  font-style: italic;
  font-weight: normal;
}
 /* url('../fonts/socialico-webfont.woff') format('woff'), */
html, body { margin: 0; padding: 0; }
body { margin-bottom: 100px; background-color: #edeceb; font-size: 14px; font-family: 'Libre Franklin', sans-serif; font-style: normal;font-weight: normal; height: 100%; line-height:1.5;}
img {
	height: auto;
}
.img-resp {display:block;
	height: auto;
	max-width: 100%;}
.mobile {display: none;}
.searchit {display: none;}
#wellinlogo {display: inline; float: left; width: 600px; height: 52px; margin-bottom: 45px;}
.logoclick { width:600px; height:52px;}
#wellinmobilelogo {display: none;}
#navicon{display: none;}
#bottomsearch {display: none;}
/* header styles */
header { margin-bottom: 20px; margin-top: 15px; clear: both; height: 100%; }
.topsearchbox {color: #372e33; font-size: 14px; padding-top: 7px; padding-bottom: 7px; width: 210px; border: 0px; padding-left: 5px;}
#search {display: block; float: right; }
.searchbutton {background-color: #372e33; color: #fff; padding-top: 10px; padding-bottom: 8px; padding-left:8px; padding-right: 8px; margin-left: 5px; border: 0px outset buttonface;}
.searchbutton:hover {background-color: #372e33;}
.mobilesearchbox {border: 0px outset buttonface;padding-top: 3px; padding-bottom: 3px; padding-left:3px;}
.mobilesearchbutton {background-color: #e4e4e4; color: #372e33; padding-top: 3px; padding-bottom: 2px; padding-left:4px; padding-right: 4px; margin-left: 5px; border: 0px outset buttonface;}
.mobilesearchbutton:hover {background-color: #cacaca;}
/* Top Menu */
#topmenu li a.rightsmlink {text-transform: none; font-size: 12px; margin-right:0px;text-decoration: none; }
#topmenu li a.rightsmlink:hover {color:#cec7c5; text-decoration: none; font-weight: normal;margin-right:0px; }
#topnav { margin-bottom: 0px;}
ul#topmenu { margin-top: 0px; list-style-type: none; margin-left: -40px; clear: left;}
#topmenu li { display:inline-block; }
#topmenu li a { color: #372e33; text-transform: uppercase; text-decoration: none;  }
#topmenu li.ipadsearch {display:none;}
#topmenu li a:hover { font-weight: bold; padding-bottom: 15px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
.tophover {font-weight: bold; padding-bottom: 15px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
/* subclasses for main nav sizing */
	#topexhibition { width:140px;}
	#topwellinformed { width:100px;}
	#topcollections { width:140px;}
	#topabout { width:100px;}
	#topvisit { width:85px;}
	#topeducation { width:140px;}
	#topHamMain { width:160px;}

	.homepage {border-bottom: 1px solid #cec7c5;}
.returnlandscape {display:none;}
/* secondary navigation */
#secondarynav { width:100%; background-color:#372e33; padding-top:3px;padding-bottom:3px; height:35px; }
ul.subnav {display: none; width:100%; background-color:#372e33;   list-style-type: none; margin-left: -40px; margin-top: 10px;}
ul.subnav li { display: inline; padding-top:3px;padding-bottom:3px;}
.subnav li a { font-size: 12px; color: #fff; text-transform: uppercase; text-decoration: none; margin-right: 50px; font-variant: normal;}
.subnav li a:hover { font-size: 12px; font-weight: bold; letter-spacing:-.75px; margin-right: 48px;}
.subnav li a.pageactive {font-size: 12px; font-weight: bold; letter-spacing:-.75px; margin-right: 48px;}
/* footer styles position: absolute; */
footer.home {position: relative;background-color:#372e33; width: 100%; min-height: 45px; bottom: 0; margin-top: 10px; z-index: 113;}
footer.int { position: fixed; background-color:#372e33; width: 100%; min-height: 45px; bottom: 0; margin-top: 10px; z-index: 113;}
	footer a, a:visited,a:active, a:hover {color:#fff; text-decoration: none;}
	#footercontent { float: right; color: #fff; font-size: 10px; text-align: right; padding-right: 0px; margin-top:15px; 
	width:78%; display: inline;}
.footercontentholder {display: inline-block; margin-left:5px; margin-bottom:10px;}
.footercontentdivider {display: inline; margin-left:7px;}

#footersocial { width: 30%; display: inline; float: left; color: #fff;  margin-top:10px; display: none;}
	#wordmark { width: 22%; display: inline; float: left; color: #fff; margin-top:10px;}
.socialicon a{color: #fff; font-size: 36px; font-family: socialfont; margin-right: 8px;}
.revsocialicon {margin-right: 8px;padding:1px; padding-left: 10px;}
	.revsocialicon a {color: #372e33;}
.nsocialicon {font-family: socialfont; margin-right: 4px; color: #372e33;}
.nrevsocialicon {margin-right: 8px;color: #999; font-size: 30px; font-family: socialfont;  background-color: #fff; padding:1px; padding-left: 10px;}
#nsocialholder {float: right; display: inline; margin-top: -40px; margin-right: 0px;}
#nsocialholder a {color: #372e33; text-decoration: none;}
/* page styles*/
#content {  width: 100%; min-height: 300px; margin-bottom: 85px; overflow: visible; padding:10px; line-height: 1.5;}
#content a {color:#372e33; font-weight:bold;}
#content a:hover { color:#372E33; text-decoration: underline;}
#content a:active { color:#6E4850; text-decoration: underline;}
#content a:visited {color:#372E33; text-decoration: underline;}
.clear {clear: both;}
#share {float: right; margin-bottom: 20px; margin-right:10px; margin-top:10px;}
#share a {color: #fff; text-decoration: none;}
#sharelink {background-color: #372e33; color: #fff; padding: 4px; cursor: pointer;}
#share a:hover {color:#fff;}
.colheader {width: 100%; border-bottom: 1px dotted #999; color: #372e33; margin-bottom: 15px;}

/* exhibit styles */
#exhibitpage {padding-bottom: 80px; padding-top: 15px; width: 960px; margin: 0 auto; clear: both;}
.titleholder { float: left; display:inline;  margin-right:30px; margin-bottom: 10px; width: 90%;}
figure.singleSlideshow {margin:0px;}
.headerholder {margin-bottom: 20px; background-color: #fff; position: relative;}
.maintitle {font-size:2.0em; line-height: 26px;margin-bottom: 10px;}
.subtitleholder { font-size:1.6em; line-height: 24px; margin-bottom:5px; display:block;}
.opencloserange { float:right; display: inline; font-size: 16px; text-transform: uppercase; color: #372e33; }
.opencloserange2 { float:left; display: block; font-size: 16px; text-transform: uppercase; color: #372e33; }
/* position: absolute;bottom: -52px; */
#bottomofPage h3 {font-size: 16px; border-bottom: 1px dotted #999;}
#exhibitpage h4 {font-size: 16px; border-bottom: 1px dotted #999;}
.topborder {border-top: 1px dotted #999;}
.pullleft { display: inline; float: left;}
.formright { float: right;  margin-top: -55px; display: inline;}
.formstrip {display: inline; }
.headerline {clear:both;}
.mainExhibitimage {display:inline; height: auto; float: left; width:68%; min-height: 300px; margin-bottom: 20px;}
.mainrightblock {display:inline; height: auto; float: right; margin-left: 0px; width:30%;}
.details p {margin:0px;}
.photocredit {font-weight: 500;}
.photocredit p {margin:0px;}
.mainContent { width:66%; float:left;line-height:1.5}
.relatedcontent {width: 25%; float:left; display: inline; margin-left: 25px;}
.details { text-align: top; display: block; border-bottom: 0px dotted #999; margin-bottom: 15px;}
.paypallabel { padding-top:10px;}
.paypalbutton { padding-top:10px;}
.curator { text-align: top; display: block; font-size: 16px; margin-bottom: 15px; margin-top:15px;}
.curator p {margin:0px;}
.sectiontitle {text-transform: uppercase; color: #372e33; font-size: 10px; display:block;}
.slide { width: 956px; display:inline;}
.titleDate {width: 94%; }
.showleft {float:left; display: inline;}
.moveright{float: right; display: inline; text-align: right; font-size: 12px; padding-right: 5px; margin-bottom: 3px;}
.slidemainExhibitimage {width: 956px; height:466px; overflow: hidden;}
.bottomborder  {border-top: 1px dotted #999; width: 100%;margin-left: 0px; margin-right:0px; margin-top:15px;}
.slideshowIcon { margin-top:-30px; margin-bottom: 10px;}
#slideshow {
	position: relative;
	height: 560px;
	margin: 0 auto;
	z-index: 10;
	margin-left:10px;
	margin-right: 10px;
}

#slideshowwrapper {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
#slideshow img {
	position: relative;
	display: block;
	float: left;
	xmargin-left: 7px;
	xmargin-right: 7px;
	z-index: 10;
}
.slideshowslide {width: 956px;
	min-height: 554px;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	display: block;
	float: left;
}
#carousel {
	position: relative;
	overflow: hidden;	
	z-index: 10;
}
.prev {
	background-image: url(/includes/customcode/wellin/images/arrowsprite.png);
     	height: 71px;
     	width: 33px;
     	background-position: -5px 0px;
	top: 220px;
	position: absolute;
	z-index: 20;
	left: 2%;
	display: none;
}
.next {
	background-image: url(/includes/customcode/wellin/images/arrowsprite.png);
     	height: 71px;
     	width: 33px;
     	background-position: -48px 0px;
	top: 220px;
	position: absolute;
	z-index: 20;
	right: 2%;
	display: none;
}
.prevover {
	background-position: -5px 76px;
}
.nextover {
	background-position: -48px 73px;
}
.exhibitionTitle {
	float: left;
	display: inline;
	width: 70%;
	margin-right: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 40px;
	font-size: 20px;
}
.exhibitionsubTitle {
	font-size: 16px;
}
.exhibitionDate {
	 font-style: normal;
  	font-weight: bold; text-transform: uppercase;
	text-align: right; font-size: 10px; padding-top: 3px; padding-right: 5px; margin-bottom: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
	float: right;
	display:inline;
	width: 25%;
}
.shorterbucket {height: 310px; clear: both;}
/* past exhibition */
.pastexhibitionTitle {float:left; 
	xheight: 50px; font-size: 20px; display: block; clear:both; margin-top:5px;}
.pastexhibitionDate { font-style: normal; float: left;  clear:both;
  	font-weight: bold; text-transform: uppercase;
	text-align: left; font-size: 10px; padding-top: 3px; padding-right: 25px; margin-bottom: 3px; display: block;}
#expandAll {float: right; margin-top:-20px;}
#expandAll a {text-decoration: none;}
.oddrow { background-color: #edeceb;}
.evenrow {background-color: #fff;}
.yearholder {margin:0 auto; clear: both;}
.exhbpastslide {margin:0 auto; overflow: visible; }
.psageholder {margin:0 auto; overflow: visible; }
.closeall {display: none;}
.caroufredsel_wrapper {
	min-width: 100%;
}
.peslideshow {
	min-width: 100%;
	margin: 0 auto;
	position: relative;
	height: 420px;
	margin: 0 auto;
	z-index: 10;
	margin-left:10px;
	margin-right: 10px;
}

.peslideshowwrapper {
	margin: 0 auto;
	position: relative;
	xwidth: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.peslideshow img {
	position: relative;
	display: block;
	width: 473px;
	height: 325px;	
	float: left;
	xmargin-left: 7px;
	xmargin-right: 7px;
	z-index: 10;
}
.peslideshowslide {width: 473px;
	height: 420px;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	display: block;
	float: left;
}
.pecarousel {
	margin: 0 auto;
	position: relative;
	overflow: hidden;	
	z-index: 10;
}
.smprev {
	background-image: url(/includes/customcode/wellin/images/arrowsprite.png);
     	height: 70px;
     	width: 33px;
     	background-position: -5px 0px;
	top: 130px;
	position: absolute;
	z-index: 20;
	left: 2%;
	display: none;
}
.smnext {
	background-image: url(/includes/customcode/wellin/images/arrowsprite.png);
     	height: 70px;
     	width: 33px;
     	background-position: -48px 0px;
	top: 130px;
	position: absolute;
	z-index: 20;
	right: 2%;
	display: none;
}
.prevover {
	background-position: -5px 76px;
}
.nextover {
	background-position: -48px 73px;
}

/* end past exhibition*/
/* this is for the inline slide show on the exhibit page might be replaced with a pop over slide show.*/
.carousel { margin-bottom: 0;font-family: 'Libre Franklin', sans-serif;}

			.carousel-caption { background: rgba(0, 0, 0, 0.70); position: relative; }
			    .carousel-caption h4 { margin: 0; font-size: 18px; font-family: Arial, Verdana, sans-serif; color: #fac840; }
			        .carousel-caption h4 a,
			        .carousel-caption h4 a:hover,
			        .carousel-caption h4 a:visited { color: #fac840; text-decoration: none; }
			    .carousel-caption p { margin: 0; font-size: 12px; font-family: Arial, Verdana, sans-serif; }
			    .carousel-caption a { font-size: 12px; font-family: Arial, Verdana, sans-serif; color: #fac840; text-decoration: none; }

			.carousel-list { background: #2b2b2b; padding: 6px 0 5px 8px; overflow: hidden; }
			    .carousel-list ul { list-style: none; margin: 0; width: 2000px;}
    			.carousel-list li { float: left; }
			    .carousel-list a { text-decoration: none; }
			    .carousel-list img { margin-right: 5px; border: 3px solid #2b2b2b; }
			    .carousel-list img.active { border: 3px solid #5aaff5; }
			    .slideshowrightarrow {height:43px; width:77px;}
				.slideshowleftarrow {height:43px; width:77px;}
				.carousel-control {background: transparent;
					border: 0px solid transparent;
					-webkit-border-radius: 0px;
					-moz-border-radius: 0px;
					border-radius: 0px;
					opacity: 1;
					margin-top:13%;
					width:43px;
					height: 77px;
					}
			a.left {left:10%;}
			.carousel-control.right {
			right: 10%;
			left: auto;
			}
			.ncaptions {display: none; font-size: 10px;}
			#remoteControls {float:left; font-size: 14px; margin-left: 20px;font-family: 'Libre Franklin', sans-serif;}
			#remoteControls .carousel-control  { position: relative; top: 10px;left: 0;}
			.slideshow {float: left; display: inline;}
			.slideshowcontrols {margin-bottom:20px; font-size: 12px;}
			.captionheader { text-transform: uppercase; color:#999999; font-size: 12px;}

/* publications */
.publicationslide {width: 240px; float: left; display: inline; height: 330px;}
.publicationimage {width: 224px; height: 280px; overflow: hidden;}
.pastslide {display:none;}
.showyears {margin-top: 0px; padding-top: 5px;padding-bottom: 5px;padding-left:5px; padding-right: 5px; font-size: 24px; width: 960px;margin: 0 auto; text-decoration: none;}
#content a.showyears {text-decoration: none;}
.showblock {margin-top: 0px; padding-top: 5px;padding-bottom: 5px;padding-left:5px; padding-right: 5px; font-size: 24px; width: 960px;margin: 0 auto;}
.showblock a {text-decoration: none;}
.contentblock {margin:0 auto; }
.slidePastExhibitimage { width:473px; height: 325px;}
.smpublicationimage {float:left; display:inline;}
.pubrightblock {float:left; margin-left:20px; display:inline-block;}
.pubdetails {float: left; clear:both; margin-bottom: 20px;}
.pubtitle {font-weight: bold; margin-bottom: 10px;}
.pushtop {margin-top:20px;}
.pubcontent {width: 100%;}
/* videos */
.tags { color:#999; margin-bottom: 30px;}
.playicon { height:78px; width:80px; z-index: 120; position: absolute; top:40%; left: 45%; background-image: url(/includes/customcode/wellin/images/vidPlayW.png);}
.picunderlay { position: relative;z-index: 110;}
.greyplayicon {height:83px; width:90px; z-index: 120; position: relative; xtop:40%; left: 5%; background-image: url(/wellinassets/images/greyplayicon.png);}
.subtitle {font-size: 10px;}
.videostrip {margin-top:40px; border-top: 1px dotted #999;padding-top: 15px;}
#content a.fourtags {color:#999; text-decoration: none;cursor: pointer;}
#content  a.fourtags:hover {color:#cec7c5;}
#content  a.fourtags:visited {color:#999;}
.pagenavholder { background-color: transparent; width: 100%; clear: both;}
.pageheaderholder { background-color: #fff; width: 100%; clear: both;}
.greypageholder{ background-color: #edeceb; width: 100%; clear: both;}
.pageholder { width: 960px; margin:0 auto; border: 0px solid #dedede; }
h1 {font-size:2.0em;}
.pageheaderholder h1 { width: 960px; padding: 28px 0; margin: 0 auto; }
.pageheaderholder h2 { width: 960px; padding: 20px 0;margin: 0 auto; }
.pageheaderholder h2.wellinformed { width: 960px; padding: 0;}
.pageheaderholder h3.wellinformed { width: 960px; padding: 0;}
.topofpage {height:400px; clear: both; }
.vidtopofpage {min-height:500px; margin-top: 10px;}
.videoembed {}
#videodisplay {position: relative; z-index: 1;}
 .vidgreyplayicon {height:83px; position:relative;width:90px; 
top: 100px;
left: 70px; background-image: url(/wellinassets/images/greyplayicon.png); background-repeat: no-repeat; }
 .vidpic { z-index: 2;
    	float: left;
    	position: relative;}
 .vidpichover  {background-color: rgba(55, 46, 51, .0); 
	position: absolute;
    	top: 0px;
    	left: 0px;
    	z-index: 1; width:100%; height: 280px;}
.smallvidsubtitle {font-size:10px;}
.spacer {margin-bottom: 20px; margin-top: 10px;}
.moveright {margin-left: 0px;}
.videoholder { width:230px; float:left; display:inline; list-style-type: none; padding-left:10px; height:380px; border-bottom: 1px dotted #999; position: relative; z-index: 10;margin-top: 10px;}

#bottomofPage ul {padding-left:0px; margin-top:20px;}
/* main page image slides etc. */
	.pictureholder {background-color: #fff; width: 100%;  min-height: 100%; overflow:hidden; border: 0px solid red; }
	.mainpic {  margin-right: 2px; margin-left: 2px; }
	#homecontent {margin:0 auto; background-color: #fff; width: 100%; 	min-height: 590px; float:left; margin-top: 20px;  margin-bottom: 20px; }
	.pright {margin-right:10px;}
	.pleft {margin-left:10px;}
	.fleft {float: left;}
	.pbottom {margin-bottom:8px;}
	.hovergridBG {background-color:#372e33;}
	.pic { z-index: 2;
    	float: left;
    	position: relative;}
	.tallhalf { float: left;}
	.fullslide {width:956px; height: 590px;}
	.shorttop { width:956px; height:290px;}
	.shorthalf {float: left; height:290px; width:473px; }
	.pichover {background-color: rgba(55, 46, 51, .9); 
	position: absolute;
    	top: 0px;
    	left: 0px;
    	z-index: 1; width:100%; height: 100%;}
 		.pichover h2 {color: #fff; padding-left: 10px; font-size: 36px; line-height: 36px; width: 90%;}
 		.pichover p {color:#fff; padding-left: 10px;}
 	div.wishorthalf div.pichover  h2 {font-size: 24px; line-height: 24px;}
 	#leftbox {float: left; overflow:hidden; display: inline; width:18%; margin-right: 10px; margin-top: 20px;  margin-bottom: 20px;}
 	#rightbox {float: left; overflow:hidden; display: inline; width:18%; margin-top: 20px;  margin-left: 10px; margin-bottom: 20px;}
	.admin a {color: #000;}
	.admin a:hover {color: #000;}
	.admin a:visited {color: #000;}
 	/* ======== wellinformed styles ========= */
 	/* tall half */
 	.witallhalf { float: left; width:473px; height: 480px;}
 	/* full  */
	.wifullslide {width:956px; height: 490px;}
	/* wide half */
	.wishorttop { width:473px; height:235px;}
	/* quarter */
	.wishorthalf {float: left; width:231px; height:236px; }
	.norightmargin {margin-right:0px;}
	.wipic { z-index: 2;
    	float: left;
    	position: relative; overflow: hidden;}
	#wellinformeddisplay {width: 960px; margin:  0 Auto; margin-top:10px;}
	#wellinformeddisplay a {color: #fff;text-decoration: none;}
	#wellinformeddisplay a:hover {color: #fff; text-decoration: none;}
	#wellinformeddisplay a:visited {color: #fff;text-decoration: none;}
	.wellinmainrightblock {display: inline;
height: auto;
float: right;
margin-left: 0;
width: 25%;}
	.blockholder {float:left;}
	.twitter-timeline {height: 480px; width: 473px;}
	.twitterfeed {float: left; height: 480px; width: 473px;}
	.morestory {float: left; width:23%; margin-left:10px; display:inline; font-size: 10px;}
	.morestory span.smalltitle{font-weight: bold;}
	#wellinformedtop {float: left; width:78%; display:inline; margin-left:0px;}
	.wellinformedNPblock {width:24%; float:left;padding-top: 14px;}
	.leftholder { width:74%; float:left; clear:left; margin-right:10px;min-height: 1px;}
	.morestorypanel {width:100%; margin-left:0px; clear:both;}
	.rightcoltext {font-size: 10px;}
	.rightcoltext span.smalltitle {font-size: 10px; font-weight: bold;}
.fix {
   position: fixed;
   top: 0;
   z-index: 1000;
}
.closeit {float:right; margin-top:-10px;}
.ui-front {
z-index: 1000;}
.ui-dialog-content {background-color:#e4e4e4; }
.ui-widget-content {background-color:#e4e4e4; }
.ui-dialog-titlebar {display: none;}
.ui-widget-content {background: #e4e4e4; border:0px solid;}
.shareheader {margin-bottom: 10px; font-family: 'Libre Franklin', sans-serif; font-size: 12px; color: #5c5c5c;}
.sharebody { display: block; margin-left:-5px; margin-right: -5px; width:100%;}
#condensedNavHolder { width:960px;  margin: 0 auto;}
#condensedNav {
	display: none;
	background-color: #edeceb;
	height: 60px;
	width: 100%;

}
.condensedlogo {display: inline; float: left; width: 55px;
	height: 45px;
	xmargin-bottom: 45px;
	background-image: url(/includes/customcode/wellin/images/condensedLogo.png); background-repeat: no-repeat;}

#condmenu li a.rightsmlink {text-transform: none; font-size: 12px; margin-right:0px;text-decoration: underline; }
#condmenu li a.rightsmlink:hover {color:#cec7c5; text-decoration: underline; font-weight: normal;margin-right:0px; }
ul#condmenu { margin-top: 0px; list-style-type: none; margin-left: -40px; clear: left; margin: 0 auto; width: 960px;}
#condmenu li { display:inline-block; }
#condmenu li a { color: #372e33; text-transform: uppercase; text-decoration: none;  }
#condmenu li a:hover { font-weight: bold; padding-bottom: 15px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
.tophover {font-weight: bold; padding-bottom: 15px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}

/* subclasses for main nav sizing */
	#condensedHome {width:65px;}
	#condensedExhibition { width:140px;}
	#condensedWellinformed { width:120px;}
	#condensedCollections { width:150px;}
	#condensedAbout { width:100px;}
	#condensedVisit { width:95px;}
	#condensedOptin { width:90px;}
	#condensedEducation { width:150px;}
	#condensedHamMain { width:150px;}
	#condensedSupport { width:70px;}
	
/* classes for the filtering menu */
  	ul#filtermenu { margin-top: 0px; list-style-type: none; float: right; clear: left; margin-right: 20px;}
  	#filtermenu li { display: inline-block; height: 25px; margin-left: 15px;font-size: 12px;} 
  	#filtermenu li ul li.fbody { display: none;} 
  	.filterform {display: inline;}
  	.filterstripinterior { width: 960px; margin: 0 auto;}
  	.graybar {background-color:#edeceb; margin-bottom:-20px;border-top: 1px dotted #999; width: 960px;}
	.whitebar {background-color:#fff;}
  	#filterStrip {margin: 0 auto; margin-bottom: 10px; margin-top: 0px; padding: 10px; xmargin-top: -10px; height:65px;  position: relative; font-size: 12px;}
  	.gridview {width: 25px; height: 25px; background-image: url(/includes/customcode/wellin/images/blockslight20.png); background-repeat: no-repeat;}
  	.listview {width: 25px; height: 25px; background-image: url(/includes/customcode/wellin/images/barslight20.png); background-repeat: no-repeat;}
  	h2.filterStripName {display: inline; font-size: 1.2em; padding-top: 10px;}
  	.pullright {padding-top: 10px;}
  	.filterbox {background-color: #5c5c5c; color: #fff; padding:4px;}
  	.filterbody {margin: 0 auto; background-color: #5c5c5c; color: #fff;  width: 200px;
  		position: relative;
  			left: 0;
			top:			1.78em; /* match top ul list item height */
			z-index:		230;
  			margin-top: -34px;
padding-top: 5px;
padding-left: 20px; padding-bottom: 5px; display: none;}
  	.filtercheckbox {border: 0px outset buttonface;background-color: #cacaca; font-size: 1.9em;}
  	.filtercheckbox:checked {background-color: #fff;}
  	.filterrows {margin-top:10px; margin-bottom:10px;}
  	.filterselect {
	   width: 200px;
	   height: 25px;
	   overflow: hidden;
	   /*background: url(new_arrow.png) no-repeat right #fff;*/
	   background:  #fff;
	   border: 1px solid #cacaca;
	   }
.striplabels {float: left; display: inline; margin-right: 10px; margin-top: 3px;} 
.select-style {
float: left; display:inline;
    border: 1px solid #ccc;
    width: 120px;

    border-radius: 3px;
    overflow: hidden;
    background: #fff url('/includes/customcode/wellin/images/arrowdown.gif') no-repeat 90% 50%;
}
.select-style select {
    padding: 2px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
     height: 25px;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
   }
   .select-style option {background-color: #fff;}
  	.bold {font-weight: bold;}
  	.striplabels {color:#5c5c5c; font-weight: 700;}
  	.warrowup {background-image:url(/includes/customcode/wellin/images/arrows3.png);height:15px; width: 15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;}
  	.warrowdown {background-image:url(/includes/customcode/wellin/images/arrows3.png);height:15px; width: 15px;  display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; vertical-align:middle; cursor:pointer;background-position: 0 -15px;}
  	.goright {text-align: right; margin-top: -2px; padding-right: 5px;}
  	.tabholder { border-bottom:1px solid #ccc; height:20px; padding-bottom: 3px;}
  	  .tab { color:fff; display: inline; float: left; padding: 3px;padding-left: 10px;}
  	  .tabinactive {color:fff; display: inline; float: left; padding: 3px;padding-left: 10px;}
  .tabActive {color:#999;}
  .tabBody {display: none; overflow: auto; min-height: 170px;clear: both;}
  .tabBodyActive {display: block;}
  	/* experimental */
  	input[type=checkbox].css-checkbox { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);
  		height:10px;  width:10px;  margin:0px;  padding:0; border:0; margin-right: 10px; }
  	input[type=checkbox].css-checkbox + label.css-label { padding-left: 30px; height:15px;
  		display:inline-block; line-height:15px; background-repeat:no-repeat;
  		background-position: 0 0; font-size:12px; vertical-align:middle; cursor:pointer; }
  	input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 -15px; }
  	.css-label{ background-image:url(/includes/customcode/wellin/images/button2.png); margin-left:5px;}
  	.clearall {cursor:pointer;}

/* for the filter strip nav */
.sf-menu ul {
	position:		absolute;
	width:			11em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
li.fbody{
	left:			-17em; /* match ul width */
	top:			-25px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			11em; /* match ul width */

}

/* OPTIMIZED FOR IPAD OR EQUIVALENT I'm going to need to add some more stuff for iPad portrait layout - different layout for header */
@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
	ul.navHorizontalPulldowns { width:100%;}
	ul#topmenu {
	margin-left: -20px;}
	ul.subnav {
	
	 margin-left: -20px; 
	}
	.shorthalf {width:100%; height:100%}
	/* footer  */

	

	/* end footer  */
#footercontent {
	float: right;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding-right: 20px;
	margin-top: -28px;
	width: 55%;
	display: inline;
	clear: left;
	}
}

@media only screen and (max-width: 768px) {
	body {
	margin-bottom: 60px;
	}
	/* end exhibits */
 	/* ======== wellinformed styles ========= */
 	/* tall half */
 	.witallhalf { float: left; width:47%; height: 100%;}
 	/* full  */
	.wifullslide {width:100%; height: 100%;}
	/* wide half */
	.wishorttop { width:100%; height:100%;}
	/* quarter */
	.wishorthalf {float: left; width:100%; height:100%; }
	.wipic { z-index: 2;
    	float: left;
    	position: relative; overflow: hidden;}
    	.smallformat {width: 100%;}
    	.twitter-timeline {height:456px; width: 48%;}
	.twitterfeed {float: left; height:456px; width: 48%;}
	#wordmark { margin-left:10px; display: inline; margin-bottom:5px;}
	#footersocial {margin-left:10px;}
	.titleholder { margin-left:15px;}
	#wellinformeddisplay {width: 100%; margin:  0 Auto; margin-top:10px;}
	#wellinformeddisplay a {color: #fff;text-decoration: none;}
	#wellinformeddisplay a:hover {color: #fff; text-decoration: none;}
	#wellinformeddisplay a:visited {color: #fff;text-decoration: none;}
	.blockholder {float:left;}
	#wellinformedtop {float: left; width:78%; display:inline; margin-left:27px;}
	.wellinformedNPblock {width:24%; float:left;}
	.leftholder { width:74%; float:left; clear:left;}
	#wellinformedauthor {clear:right; height: auto;}
	.pageheaderholder h1 {margin-top: 0px; padding-top: 23px;padding-bottom: 23px;padding-left:0px; padding-right: 5px; width:95%;}
	.pageheaderholder h2 {margin-top: 0px; padding-top: 15px;padding-bottom: 15px;padding-left:5px; padding-right: 5px; width:93%;}
	.pageheaderholder h2.wellinformed { padding: 0;  margin-left:2px;}
	.pageheaderholder h3.wellinformed {padding: 0; margin-left:2px;}
	#share {margin-top:-30px;}
	.opencloserange {display:block;}
	 .carousel-caption { padding: 8px; }
			    .carousel-caption h4 { font-size: 12px; }
			    .carousel-caption p { display: none; }
			    .carousel-list img { margin: 0; margin-left: 2%; width: 44%; }
	.mobile {display: none;}
	.mobilesearch {background-image: url(/includes/customcode/wellin/images/search.png); background-repeat: no-repeat; }
	.showyears { width: 95%;}
	#wellinlogo {width:550px;
		display: inline; margin-left:10px; 
		height: 55px;
		margin-bottom: 5px;
	}
	.bottomborder {
		border-top: 0px dotted #999;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 15px;
		}
	.morestorypanel {width:95%; margin-left:10px; clear:both;}
	#footercontent {
	float: right;
	color: #fff;
	font-size: 10px;
	text-align: right;
	padding-right: 20px;
	margin-top: -28px;
	width: 55%;
	display: inline;
	clear: left;
	}
	.footerNoiPad {display: none;}
	#filterStrip { height: 85px; margin-left: 0px;padding-right: 18px;}
	.formright {display:none;}
	#expandAll {display:none;}
	#condensedNav {display:none;}
	#nsocialholder {margin-top: -100px; }
	.pageholder {width:100%;}
	.pageholder p {padding-left: 10px; padding-right:10px;}
	.filterstripinterior {width:100%;}
	#wellinlogo {}
	#search {display:none;}
	.searchit {color: #fff; display: none;}
	#content {padding-left:0px; padding-right: 0px;}
	.shorttop { width:100%; height:100%;margin-bottom: 10px;}
.slideshowslide {
		width: 100%;
		height: 100%;
		min-height: 100%;
	}
	#slideshow {height: 100%;}
		/* Top Menu */
#topmenu li a.rightsmlink {text-transform: none; font-size: 12px; margin-right:0px;text-decoration: none; }
#topmenu li a.rightsmlink:hover {color:#cec7c5; text-decoration: none; font-weight: normal;margin-right:0px; }
#topnav { margin-bottom: 0px;}
ul#topmenu { margin-top: 0px; list-style-type: none; margin-left: -40px; clear: left;}
#topmenu li { display:inline-block; }
#topmenu li a { color: #372e33; text-transform: uppercase; text-decoration: none;  margin-left:20px; margin-right:20px;}
#topmenu li.ipadsearch {display:inline-block;}

#topmenu li a.ipadsearch {margin-left:0px; margin-right:0px;}
#searchform {display: inline; float: right;margin-top: -5px;
margin-right: -15px;}
#topmenu li a:hover { padding-bottom: 15px; color:#cec7c5; font-weight: normal;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
.tophover {font-weight: normal; padding-bottom: 15px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
/* subclasses for main nav sizing */
	#topexhibition { width:auto;}
	#topwellinformed { width:auto;}
	#topcollections { width:auto;}
	#topabout { width:auto;}
	#topvisit { width:auto;}
	#topeducation { width:auto;}
	#topmenu li.moveright { display: none;}

	.homepage {border-bottom: 1px solid #cec7c5;}
	a.returnlandscape { float:right; display:inline-block; color: #372e33; padding-bottom:5px; margin-right:5px;}
	a.returnlandscape:hover { color:#cec7c5; text-decoration: none; }
/* secondary navigation */
#secondarynav { width:100%; background-color:#372e33; padding-top:3px;padding-bottom:3px; height:35px; }
ul.subnav {display: none; width:95%; background-color:#372e33;   list-style-type: none; margin-left: -30px; margin-top: 10px;}
ul.subnav li { display: inline; padding-top:3px;padding-bottom:3px;}
.subnav li a { font-size: 11px; color: #fff; text-transform: uppercase; text-decoration: none; margin-right: 13px; font-variant: normal;}
.subnav li a:hover { font-size: 11px; font-weight: bold; letter-spacing:-.75px; margin-right: 11px;}
.subnav li a.pageactive {font-size: 11px; font-weight: bold; letter-spacing:-.75px; margin-right: 11px;}
/* slideshow - past exhib */
	.peslideshow img {
	position: relative;
	display: block;
	width: 100%;
	height:100%;
	overflow:hidden;
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	z-index: 10;
}
	.peslideshowslide {width: 97%;
	height: auto;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	display: block;
	float: left;
}
	.peslideshow {
	min-width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
	margin: 0 auto;
	z-index: 10;
	xmargin-left: 10px;
	xmargin-right: 10px;
	}
	.pastexhibitionTitle {margin-left:15px; margin-top:10px;}
	.edTitle {margin-left:10px; margin-bottom:10px;margin-top:5px;}
	.pastexhibitionDate {margin-left:15px;}
	#bottomofPage {width: 95%; margin-left:5px;}
	#exhibitpage {width:100%;}
	.opencloserange {
display: block;
margin-top:5px;
margin-left:5px;
}
.mainExhibitimage {
display: block;
float: left;
width: 67%;
min-height: 100px;
margin-bottom: 10px;
margin-left:10px;
margin-right:10px;
}
.mainvidtop {width:98%;}
.topofpage {height: auto;  min-height: 350px;}
.videocat {
display: none;
}
.videowrap {display:block; clear:left;}
.graybar {
width: 94%;
border-top: 0px solid;}
ul#filtermenu {
	margin-top: 15px;
	list-style-type: none;
	float: none;
	clear: both;
	}
	#filtermenu li {
	display: inline-block;
	height: 25px;
	margin-left: 0px; 
	font-size: 12px;
	margin-right:10px;
	margin-top:10px;
	}
	#filtermenu li.mobileLeft {margin-left:-40px;}
	.videocat {display: none;} 
	.recentvideos {display: none;}
	.vidtopofpage {
		min-height: 100px;
		margin-top: 10px;
		margin-left: 20px;
	}
	#filtermenu li.extrafilter {
display: none;
}
#content  div.videopage {margin-right: 50px; margin-top:10px; margin-bottom:0px;
}
.pullright {
border-bottom: 1px dotted #999;
clear: both;
width: 100%;
}
.videoholder {
margin-left: 5px;
width: 220px;
margin-bottom: 10px;
height: 360px;
}
iframe { max-width: 100% !important;}
/* footer  */

	

	/* end footer  */
}
@media only screen and (max-width: 568px) {
	#wellinmobilelogo {display: none;}
	#wellinlogo {width:450px;
		display: inline; margin-left:10px; 
		height: 50px;
		margin-bottom: 5px;
	}
	a.returnlandscape {display:none;}
	#topmenu li.ipadsearch {display:none;}
	.pageholder p {padding-left: 0px; padding-right:0px;}
	#footersocial {margin-left:10px; display: block;}
	#wordmark {display: none;}
	#navicon {
display: inline;
float: right;
height: 30px;
width: 30px;
margin-right: 5px;
margin-top: 10px;
}
#wellinformedtop {float: left; width:78%; display:inline; margin-left:10px;}
.twitter-timeline {height:336px; width: 48%;}
	.twitterfeed {float: left; height:336px; width: 48%;}
.morestory {float: left; width:22%}
	#content {padding-left:0px; padding-right: 0px;}
	footer.int {position: relative;}
	body {
	margin-bottom: 0px;
	}	
	#content {padding-left:0px; padding-right: 0px;}
	/*  exhibition details*/
	.pageholder {margin-top: 0px; padding-left:15px; padding-right: 5px; width: 95%; }
	.topofpage {
	height: auto;
	}
	#exhibitpage h1 {display: inline;}
	#exhibitpage {width:100%; padding-top: 15px;}
	.formright {display:none;}
	#share {display: none;}
	.mainExhibitimage {
		display: block;
		float: right;
		width: 94%;
		min-height: 100px;
		margin-bottom: 10px;
	}
	.mainrightblock {
		display: block;
		height: auto;
		float: left;
		margin-left: 0px;
		width: 100%;
		background-color: #fff;
		}
		.pichover h2 {color: #fff; padding-left: 10px; font-size: 24px;}
	#expandAll {display: none;}
	.curator {border-top: 0px dotted #999; margin: 10px; padding-top:10px; padding-bottom:10px; float:left; width:40%;display: inline;}
	.details {border-top: 0px dotted #999; float:left; width:48%;display: inline; }
	.photocredit {
border-top: 0px dotted #999;
margin: 10px;
padding-top: 10px;
float: left;
width: 48%;
display: inline;
}
	.topborder {border-top: 1px dotted #999; width: 100%;margin-left: 0px; margin-right:0px;}
	.pageheaderholder h1 {margin-top: 0px; padding-top: 23px;padding-bottom: 23px;padding-left:0px; padding-right: 0px; width: 90%;
margin-left: 10px; line-height: 1.0em;}
.pageheaderholder h2 {margin-top: 0px; padding-top: 15px;padding-bottom: 15px;padding-left:0px; padding-right: 0px; width: 90%;
margin-left: 10px;}
	.opencloserange {display:block; font-size: .9em; margin-left:25px; margin-top:5px; display:inline;}
	#bottomofPage h3 {border-bottom: 0px dotted #999;}
	.relatedcontent {float: left; display:block; width: 100%; margin-left: 0px; border-top: 1px dotted #999;}
	.mainContent {float: left; display:block; width: 100%;   border-top: 1px dotted #999;}
	#bottomofPage {padding: 0px; margin-bottom:50px;}
	.graybar {width: 94%; border-top: 0px solid;}
	iframe { max-width: 100% !important;}
	#filterStrip { height: 85px;width: 100%;margin-left: 0px;padding-right: 0px;}
	#filtermenu li.extrafilter {display: none;}
	.filterStripName {display: block;padding-bottom:8px; border-bottom: 0px dotted #999; clear: both; width: 100%;}
	.pullright {border-bottom: 1px dotted #999; clear: both; width: 100%;}
	.showyears {width: 96%;}
	.showblock {width: 96%;}
	ul#filtermenu {
	margin-top: 15px;
	list-style-type: none;
	float: none;
	clear: both;
	}
	#filtermenu li {
	display: inline-block;
	height: 25px;
	margin-left: 0px; 
	font-size: 12px;
	margin-right:10px;
	margin-top:10px;
	}
	#filtermenu li.mobileLeft {margin-left:-40px;}
	.videocat {display: none;} 
	.recentvideos {display: none;}
	.vidtopofpage {
		min-height: 100px;
		margin-top: 10px;
		margin-left:0px;
	}

	/* end exhibits */
	/* publications */
	#pubdisplay {width: 100%;}
	.publicationslide {
		height: auto;
		width: 45%;
		margin-right: 5px; padding:10px;
	}
	.publicationimage {
		width: 100%;
		height: auto;
		}
	/* end publications*/

	/* videos*/
	.videoholder {
	margin-left: 5px; 
	width: 45%;
	margin-bottom:10px;
	}
	/* end videos*/
	/* slideshow - current exhib */
	.slideshowslide {
		width: 100%;
		height: 100%;
		min-height: 100%;
	}
	#slideshow {height: 100%;}
	.exhibitionTitle {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 5px;
		padding-left: 0px; 
		height: auto;
		}
	.exhibitionDate {
		text-align: left;
		font-size: 10px;
		margin-bottom: 3px;
		padding-top: 5px;
		padding-bottom: 10px;
		float: left;
		display: block;
		width: 100%;
		}
	/* end slideshow current exhib */
	/* slideshow - past exhib */
	.peslideshow img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	z-index: 10;
}
	.peslideshowslide {width: 96%;
	height: auto;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	display: block;
	float: left;
}
	.peslideshow {
	min-width: 100%;
	margin: 0 auto;
	position: relative;
	height: auto;
	margin: 0 auto;
	z-index: 10;
	xmargin-left: 10px;
	xmargin-right: 10px;
	}
	.exhibitionTitle {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 5px;
		padding-left: 0px; 
		}
	
	/* end slideshow current exhib */
	/* footer  */

	footer.int {position: relative;}

	/* end footer  */
	.title { padding-top:10px; padding-bottom:8px; border-bottom: 1px dotted #999; clear: both; width: 95%; margin:0px;}
	 .carousel-caption { padding: 8px; }
			    .carousel-caption h4 { font-size: 12px; }
			    .carousel-caption p { display: none; }
			    .carousel-list img { margin: 0; margin-left: 2%; width: 44%; }
	.mobile {display: block;}
	.mobilesearch {background-image: url(/includes/customcode/wellin/images/search.png); background-repeat: no-repeat; }
	.mobilesearchbutton { margin-bottom: 9px;}
	.mobilesearchbox {width:85px;}
	#footercontent {display: none;}
	#secondarynav {display:none;}
	#condensedNav {display:none;}
	.filterstripinterior {width:100%;}
	#secondarynav { display:none; background-color: transparent;}
	ul.subnav {display: none;background-color: transparent;}
	.subnav li a {display: none;}
	#mnav li div.mobilesubnav {margin-top:10px; display:none; background-color:#372e33; margin-left: -5px; padding:5px; color: #fff; margin-bottom: -10px; }
	#mobileNavigation {clear:left;}
	#mnav li div.mobilesubnav a {color: #fff;font-size: .9em;}
	#mobilenav {float:right; width: 50px; margin-right:30px; margin-top:10%;display: block;}
	.mobilearrow { margin-left:20px; margin-top: -22px; width: 24px; height: 18px; margin-bottom: 10px;
	background-image: url('/includes/customcode/wellin/images/navArrow.png');
	background-repeat: no-repeat;
	background-position: bottom center;}
	#topnav {display: none;}
	#mnav{width: 100%;padding:0px; list-style:none; margin-left:0px;}
	#mnav li {border-top:1px solid #cacaca;font-size: 1.2em; width: 100%;
		float: left; background-color: #edeceb;padding-top:10px; padding-bottom:10px;}
	#mnav li a {text-decoration:none; width:100%; color: #5c5c5c;margin-left: 10px; text-transform: uppercase;line-height: 24px;}
	#mnav li div a:hover {text-decoration:none; color:#fff;}
	a.subnavitem {border-bottom:0px solid #707070;font-size: .9em;  }
	.tborder {border-top:1px solid #707070;}
	#search {display:none;}
	.searchit {color: #fff; display: block; width:45%; float: right; text-align: right; margin-top:10px;}
	#bottomsearch {float:right; margin-top: 10px;
margin-right: 5px;}
	.shorttop { width:100%; height:100%;margin-bottom: 10px;}
	.shorthalf {width:100%; height:100%}
	.paypallabel {clear:left;}
	.wellinformedNPblock {width:24%; float:left; display: none;}
	.leftholder { width:100%; float:left; clear:left;}
/*iphone horizontal*/
}
@media only screen and (max-width: 500px) {
	.vidgreyplayicon {height:83px; position:relative;width:90px; 
top: 35px;
left: 20px; }
	.opencloserange {display:block; font-size: .9em; margin-left:5px; margin-top:5px;display:block; float: none;}
	.curator {border-top: 1px dotted #999; margin: 10px; padding-top:10px; padding-bottom:10px; float:left; width:95%;display: block;}
	.details {border-top: 1px dotted #999; margin: 10px; padding-top:10px; float:left; width:95%;display: block; padding-bottom:5px; border-bottom:1px dotted #999;}
	.topborder {border-top: 0px dotted #999; width: 100%;margin-left: 0px; margin-right:0px;}
	.morestory {float: left; width:46%; margin-left:10px; display:inline; height:220px;}
	.morestorypanel {width: 100%; margin-left: 0px; }
	.twitter-timeline {height:235px; width: 48%;}
	.twitterfeed {float: left; height:235px; width: 48%;}
	.sectiontitle {display:inline;}
	.moreinformedtext {font-size: 12px;}
	/* slideshow - past exhib */
	.photocredit { 
border-top: 1px dotted #999;
margin: 10px;
padding-top: 10px;
float: left;
width: 95%;
display: block;
}
.revsocialicon a {
    color: #fff;
}
.pichover h2 {color: #fff; padding-left: 10px; font-size: 12px; margin-top: 5px; margin-bottom:3px;}
#footersocial {
width: 60%;}
.searchit {color: #fff; display: block; width:35%; float: right; text-align: right; margin-top:10px;}
.mobilesearchbox {width:85px;}
.bottomborder {display: none;}

.peslideshowslide {width: 94%;
	
}
	.vidpichover {
	height: 190px;
	}
	.videoholder {
	height: 300px;
	}
	#filterStrip { height: 85px;width: 100%;margin-left: 0px;padding-right: 0px;}
	.pageholder {
margin-top: 0px;
padding-left: 10px;
padding-right: 0px;
width: 95%;
}
	.publicationslide {
		width: 95%;
		margin-right: 0px; padding:0px;
	}
	#wellinlogo {display: none;}
	#navicon{display: inline; float: right;height: 30px; width: 30px; margin-right: 5px; margin-top: 10px;}
	.navopener {height:30px; width: 30px; }
	.navopenerActive {background-image: url('/includes/customcode/wellin/images/barsdark30.png');height:30px; width: 30px;}
	#wellinmobilelogo {display: inline; float: left; margin-left:5px; margin-bottom: 10px;  }
		} 
#exhibitpage p {
	line-height:1.5;
}