html, body {
	font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
}

table {
	font-size: 12px;
	line-height: 1.6em;
}

/* GALLERY PAGE STYLES */

#galleryinfo {
	}
	
#galleryinfo h3 {
	font-weight: bold;
	color: #FF6600;
	font-size: 10px;
	margin: 0 0 3px 0;
	}
	
.designcredit {
	font-size: 9px;
	}

#map {
	width: 298px;
	height: 200px;
	margin: 10px 0 20px 0;
	border: 1px solid #aaaaaa;
	}
	
/* END GALLERY PAGE STYLES */




/* SUBHEAD (H2) STYLES */

h2.current-exhibition {
	width: 300px;
	padding: 3px 0 2px 0;
	border-bottom: 1px solid #ffffff;
	text-align: center;
	margin: 0;
	background-color: #cccccc;
	color: #666666;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	}

h2.news {
	padding: 3px 5px 2px 5px;
	text-align: left;
	margin: 0 0 10px 0;
	background-color: #999999;
	color: #ffffff;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	}

h2.reviews {
	padding: 3px 5px 2px 5px;
	text-align: left;
	margin: 0;
	background-color: #999999;
	color: #ffffff;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	}


/* NEWS */


/* NOTE: NEW news-left AND news-right STYLES IN layoutstules.css  */


/*
#news-left {
	width: 370px;
	float: left;
	margin: 20px 0 0 0;
	font-size: 11px;
	}

#news-right {
	width: 370px;
	float: right;
	margin: 20px 0 0 0;
	font-size: 11px;
	}



#news-hires {
	width: 500px;
	margin: 20px auto 0 auto;
	background-color: #EAEACA;
	border: 0;
	}
	
#news-hires td {
	margin: 0;
	padding: 3px;
	border: 0;
	}
	
#news-right table,#news-hires table {
	width: 100%;
	border-collapse: collapse;
	background-color: #FEF0C1;
	}

#news-right td,#news-hires td {
	padding: 3px 5px 5px 5px;
	border-bottom: 1px solid #666666;
	}

#news-right td p,#news-hires td p {
	margin: 0 0 5px 0;
	font-size: 11px;
	}

#news-right p {
	margin: 0;
	}





#news-left p {
	margin: 0 0 10px 0;
	}

#news-left h3 {
	margin: 0 0 .5em 0;
	font-size: 1em;
	}

#news-left ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
}

#news-left ul li {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#news-left ul li ul {
	margin: 10px 0 10px 2em;
	padding: 0;
	list-style: circle;
}

#news-left ul li ul li {
	margin: 0 0 .5em 2em;
	padding: 0;
	list-style: circle;
}


	
#review {
	text-align: center;
	}

#webreview {
	text-align: left;
	padding: 0 10px;
	max-width: 820px;
	margin: 0 auto;
	}

#webreview-content p {
	max-width: 500px;
}


#webreview #review-heading,
#webreview .review-heading {
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	font-weight: bold;
	}

#webreview #review-heading img,
#webreview .review-heading img {
	padding: 0 0 10px 0;
	}
		
#webreview img.logo {
	display: block;
	margin: 0 0 10px 0;
	}

#webreview img.block-center {
	display: block;
	text-align: center;
	margin: 0 auto;
	}




.webreview-photo {
	float: right;
	margin: 0 0 20px 20px;
	text-align: right;
	}


.webreview-photo.center {
	float: none;
	margin: 20px 0;
	text-align: center;
}

.webreview-photo.center p {
	float: none;
	text-align: center;
	margin: 5px auto;
	}

.webreview-photo.center img {
	display: inline;
}

.webreview-photo-left {
	float: left;
	margin: 0 20px 20px 0;
	text-align: left;
	}

.webreview-photo img {
	display: block;
	margin: 5px 0;
	text-align: right;
	}


.webreview-photo p {
	margin: 5px 5px 10px 0;
	text-align: right;
	font-size: 9px;
	line-height: 12px;
	}



	

#webreview-header {
	margin: 0 0 25px 0;
	}



*/




.highlight {
	background-color: #ffcc00;
	}





/* ARTIST PAGE STYLES */

			/* LEGACY STYLES FOR ARTIST PAGES */
			.thumb-row {
				display: block;
				margin: 0 10px 10px 0;
				}
				
						
			.thumb-row img {
				display: inline;
				margin: 0 0 0 10px;
				text-align: left;
				}	
					
			.thumb-row a img {
				border: 1px solid #cccccc;
				}
				
			.thumb-row a:hover img, .thumbnail a:active  img {
				border: 1px solid #333333;
				}
			
			#thumbnails p {
			font-family: arial, helvetica, sans-serif;
			font-size: 7pt;
			font-weight: bold;
			color: #666666;
			margin: 0 10px 10px 10px;
			text-align: center;
			}

#artists-index {
	position: relative;
	height: 1%;
	margin: 0 auto;
	/* width: 900px; */
	font-size: 1.2em;
 }



  .artists_worksby {
    /*
		padding: 1em;
		background: #ddd;
		border: 1px solid #999;
		*/
		margin: 1em 0;
	}
	
.artists-index-column-1 {
	width: 580px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	position: relative;
	height: 1%;
	}	

.artists-index-column-1-1,
.artists-index-column-1-2 {
	width: 180px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	}	

.artists_worksby .artists-index-column-1-1 {
	width: 170px;
}

.artists-index-column-2 {
	width: 200px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}
	
.artists-index-column-3 {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}

#artists-index-preview {
	width: 300px;
	height: 300px;
	margin: 0;
	padding: 0;
}


ul.artistlist {
	margin: 0;
	list-style: none;
	padding: 0;
	font-weight: bold;
}

.artists_worksby ul.artistlist {
	margin: 0;
	list-style: none;
	padding: 0;
	font-weight: normal;
}


ul.artistlist li {
	margin: 0 0 1em 0;
	list-style: none;
	padding: 0;
}

p.worksby {
	margin: 0;
	font-size: 10px;
}

#artists-index a:link, #artists-index a:visited {
	text-decoration: none;
}
	
#artists-index a:hover, #artists-index a:active {
	text-decoration: underline;
}
			

#artists-index a:link img, #artists-index a:visited img {
	border: 1px solid #f2f2f2;
}
	
#artists-index a:hover img, #artists-index a:active img {
	border: 1px solid #ff6600;
}
			
			
.artist-thumbnail {
	width: 150px;
	margin: 0;
	float: left;
	text-align: center;
	}

.artist-thumbnail img {
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
}

.artist-thumbnail p {
	font-size: 9px;
	line-height: 12px;
	margin: 5px auto 10px auto;
	padding: 0 5px;
	}




#artist-info {
	margin: 0 250px 0 0;
	}

#artist-image {
	margin: 0 250px 0 0;
	text-align: center;
	}

#artist-info p {
	font-size: 10px;
	}


#artist-info #artist-name {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	margin: 0 0 8px 0;
	padding: 0;
	}
			
			
			.biolink {
				padding: 0;
				margin: 0 0 5px 1px;
				color: #ffffff;
				}
				
			.biolink a {
				background-color: #FCE599;
				padding: 0 2px 1px 2px;
				font-size: 8px;
				}
				
			.biolink a:link, .biolink a:visited {
				background-color: #FCE599;
				}
				
			.biolink a:hover, .biolink a:active {
				background-color: #FF6633;
				color: #ffffff;
				}



.imagelabel, .exhibition-image-big p {
	font-size: 10px;
	line-height: 14px;
	padding: 10px 0 0 0;
	}

.title {
	font-weight: bold;
	}

.name-callout {
	font-weight: bold;
	}

.title-plain {
	font-weight: bold;
	font-style: normal;
	}


#thumbnails-right {
	width: 230px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#thumbnails-right p {
	font-family: arial, helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #666666;
	margin: 0 auto 10px auto;
	}

#thumbnails-right .thumbnail {
	float: right;
	display: inline;
	margin: 0 5px 10px 5px;
	padding: 0;
	}	
		
#thumbnails-right .thumbnail a:link img, #thumbnails-right .thumbnail a:visited img {
	border: 1px solid #cccccc;
	
	}
	
#thumbnails-right .thumbnail a:hover img, #thumbnails-right .thumbnail a:active  img {
	border: 1px solid #ff6600;
	}
	
	
	
	
	
#artistbio {
	text-align: left !important;
	}

#artistbio p {
	font-size: 9px;
	margin: 0 0 10px 0;
	clear: both;
	line-height: 12px;
	position: relative;
	}

#artistbio  .printlink {
	text-align: right;
	font-size: 8px;
	font-family: verdana, arial, helvetica, san-serif;
	float: right;
}

#artistbio  .printlink img{
	border-width: 0;
}

#artistbio  .printlink a:link, #artistbio  .printlink a:visited{
	text-decoration: none;
}

#artistbio  .printlink a:hover, #artistbio  .printlink a:active{
	text-decoration: underline;
}

.bio-listing {
	margin: 0 0 0 40px;
	}

#artistbio h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #666666;
	padding: 0;
	margin: 0 0 10px 0;
	}



#artistbio h4 {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
	clear: both;
	}

.bio-year {
	width: 50px;
	float: left;
	display: block;
	}



/* Artist page alt views */

div.image_switch_main {
	height: 500px;
	vertical-align: middle;
}

div.image_switch_thumbs a img {
	border: 1px solid #cccccc;
}
div.image_switch_thumbs a.current img,
div.image_switch_thumbs a:hover img,
div.image_switch_thumbs a:active img {
	border: 1px solid #333333;
}




/* EXHIBITION PAGE STYLES */

#exhibitions-left a img {
	border: none
	}


p.currentexhibition {
	color: #CC3300;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 10px 0;
	}

.upcoming-exhibitions {

}

/*.row {
	position: relative;
	overflow: auto;
	width: 100%
}*/

.upcoming-exhibitions h2 {
	padding: 1px 0 2px 5px;
	text-align: left;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	color: #666666;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	}

h2.past-exhibitions {
	padding: 3px 5px 2px 5px;
	text-align: left;
	margin: 15px 0 10px 0;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	color: #666666;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	}

.upcoming-exhibition, .upcoming-fair, .upcoming-ex-nopic {
	margin: 0 0 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 16px;
	}

.upcoming-exhibition.inline {
	width: 130px;
	margin-right: 20px;
	float: left;
}

.upcoming-exhibition p {
	margin: 0;
	position: absolute;
	top: 10px;
	left: 110px;
	}

.upcoming-exhibition.inline p {
	position: relative;
	top: 0;
	left: 0;
	}
	
.upcoming-ex-nopic p {
	margin: 0;
	}
	
.upcoming-fair p {
	position: relative;
	margin: 5px 0 0 0;
	top: 0;
	left: 0;
	}

.upcoming-exhibition a,
.upcoming-ex-nopic a,
.upcoming-fair a {
	text-decoration: none;
	}

.upcoming-exhibition-thumb {
	display: inline;
	margin: 0 15px 0 0;
	}

.upcoming-exhibition a:link img, .upcoming-exhibition a:visited img {
	border: 1px solid #f2f2f2;
	}

.upcoming-exhibition a:hover img, .upcoming-exhibition a:active img {
	border: 1px solid #ff6600;
	}


#exhibitions-list {
	margin: 0;
	padding: 20px 0 20px 10px;;
	clear: both;
	}
	
#exhibitions-list p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 11px;
	line-height: 15px;
	}	


	
#past-years {
	font-size: 9px;
	margin: 5px 0 10px -5px;
	padding: 0 0 10px 0;
	}
	
#past-years a {
	padding: 1px 6px 0px 6px;
	border-right: 1px solid #666666;
	}

#past-years a.last {
	border-right: none;
	}

#past-years a.current {
	color: #999999;
	}

#past-years a.current-last {
	border-right: none;
	color: #999999;
	}

#past-years ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#past-years ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

#exhibition-text {
	text-align: left;
	}

#exhibition-artist {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
	}


#exhibition-artist2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 24px;
	color: #666666;
	margin: 15px 0 8px 0;
	padding: 0;
	}
	
#exhibition-artist-small {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0;
	}

#exhibition-curator {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21px;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
	}
		
#exhibition-title-big {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #666666;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1em;
	}


#exhibition-title-big2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 24px;
	color: #666666;
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1em;
	}


#exhibition-title {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #666666;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

#exhibition-title-small {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
	}
	
/*

span.exhibition-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	color: #666666;
	}
*/

.exhibition-preview .exhibition-title,
.exhibition-preview .exhibition-date {
	text-align: center;
	margin: .5em 0;
	font-size: 14px;
}

.exhibition-preview .exhibition-date {
	font-size: 12px;
}


#exhibition-subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	color: #666666;
	margin: 5px 0 5px 0;
	padding: 0;
	line-height: 1em;
	}

#exhibition-date {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	margin: 5px 0 8px 0;
	padding: 0;
	line-height: 1em;
	}
	
#exhibition-reception {
	font-weight: 400;
	font-size: 11px;
	margin: -3px 0 15px 0;
	color: #666666;
	line-height: 1em;
	}

.exhibition-description {
	font-size: 11px;
	color: #666666;
	}
	
p.exhibition-description,
.exhibition-description p,
.exhibition-description blockquote {
	margin: 5px 100px 10px 0;
	}

/*
.exhibition-description blockquote {
	margin-top: 20px;
	margin-bottom: 20px;
}
*/

blockquote.exhibition-description {
	margin: 5px 330px 10px 30px;
	font-size: 10px;
	color: #666666;
	}
	
.exhibition-description-wrap {
	margin: 5px 20px 10px 0;
	font-size: 10px;
	line-height: 13pt;
	color: #666666;
	}
	
.exhibition-description-clear {
	margin: 5px 20px 10px 0;
	font-size: 10px;
	color: #666666;
	clear: both;
	}

#exhibition-imagelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0;
	color: #999999;
	}


.exhibition-mainimage {
	float: right;
	clear: right;
	margin: 10px 0 40px 40px;
	}

.exhibition-mainimage img {
	margin: 0;
	border: 0;
	}
	
.exhibition-mainimage p {
	margin: 5px 5px 10px 0;
	text-align: right;
	font-size: 9px;
	line-height: 12px;
	}

/*
.exhibition-mainimage p#exhibition-imagelink {
	text-align: center;
	}
*/


.exhibition-image-big {
	margin: 5px auto;
	text-align: center;
	}

.exhibition-image-big .enlarge {
	margin: .5em 0 1.5em 0;
	text-transform: uppercase;
	font-size: 90%;
	text-align: center;
	color: #999999;
}

.exhibition-image-big a img {
	border: 0;
}


#exhibition-preview {
	margin: 0 0 0 300px;
	padding: 15px 0 0 0;
}

#exhibition-preview-image {
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
}


#exhibition-preview .exhibition-description {
	margin-right: 10px;;
	}


/* CLICKIMAGE ID IS NEWER THAN CLASS - NEED TO UPDATE */

.clickimage {
	margin: 10px 0;
	padding: 5px 0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	clear: both;
	}

#clickimage {
	margin: 10px 0;
	padding: 5px 0;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	clear: both;
	}

/* */


#pressrelease {
	color: #666666;
	text-align: left;
}

#pressrelease p {
	margin: 0 0 10px 0;
	font-size: 10px;
	line-height: 14px;
	}
	
#pressrelease p.pressheading {
	font-weight: bold;
	}



.backlink {
	font-size: 8px;
	margin: -15px 0 20px 5px;
	text-align: left;
	}

.backlink-bottom, #pressrelease p.backlink-bottom {
	font-size: 8px;
	margin: 10px 0;
	text-align: center;
	}

.prevnext {
	font-size: 8px;
	margin: 0 0 10px 0;
	text-align: center;
	}


	
.prevnext a:link, .prevnext a:visited {
	padding: 2px 5px;
	background-color: #666666;
	color: #ffffff;
	text-decoration: none;
	}
	
.prevnext a:hover, .prevnext a:active {
	padding: 2px 5px;
	background-color: #ff6600;
	}

.prevnext span {
	padding: 2px 5px;
	background-color: #cccccc;
	color: #ffffff;
	text-decoration: none;
	}
		
#exhibition-thumbnails {
	margin: 10px auto 0 auto;
	clear: both;
	width: 920px;
	}

#exhibition-image {
	margin: 10px 0 20px 0;
	}
	
#exhibition-image img {
	margin: 0 0 0 0;
	}


					
						
					/* LEGACY TABLE STYLES FOR EXHIBITION THUMBNAILS */
					#exhibition-thumbnails table {
						width: 100%;
						text-align: center;
						}
					
					#exhibition-thumbnails table.2across {
						width: 85%;
						text-align: center;
						}
						
					#exhibition-thumbnails td.thumb-4across {
						padding: 10px 10px 5px 10px;
						width: 25%;
						}
					
			
					
					/*IE HACK*/ #exhibition-thumbnails a:hover {background-position: 0 0;}
					
					
					#exhibition-thumbnails td.thumblabel {
						padding: 5px 10px 20px 10px;
						font-size: 9px;
						}
						

					/* END LEGACY TABLE STYLES FOR EXHIBITION THUMBNAILS */


/* NEW SYLES FOR EXHIBITION THUMBNAILS */


#exhibition-thumbnails a:link img, #exhibition-thumbnails a:visited img {
			border: 1px solid #f2f2f2;
			}
		
#exhibition-thumbnails a:hover img, #exhibition-thumbnails a:active img {
			border: 1px solid #ff6600;
			}
			
	
.thumbnail-box3 {
		width: 295px;
		margin: 0 0 10px 0;
		float: left;
		text-align: center;
}


.thumbnail-box3.long {
		width: 440px;
}


.thumbnail-box1 {
		width: 440px;
		margin: 0 auto 10px auto;
		text-align: center;
}


.thumbnail-box3.short {
		width: 220px;
}

.thumbnail-box4 {
		width: 220px;
		margin: 0 0 10px 0;
		float: left;
		text-align: center;
}

.thumbnail-box4.wide {
	width: 220px;
}


.thumbnail-box2 {
		width: 400px;
		margin: 0 0 10px 0;
		float: left;
		text-align: center;
}



.thumbnail-wrapper {
	height: 150px;
	width: 150px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}


.thumbnail-wrapper.wide {
	width: 220px;
}


.thumbnail-wrapper.tall {
	height: 210px;
}


.thumbnail-wrapper.short {
	height: 100px;
}

.thumbnail-wrapper.tall img {
	position: absolute;
	bottom: 0;
	left: 10px;
}

.long .thumbnail-wrapper {
	width: 400px;
}

.thumbnail-wrapper img {
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
}

.thumbnail-wrapper img.horizontal {
	position: absolute;
	bottom: 0;
	left: 0;
}	

.thumbnail-wrapper img[width="150"] {
	position: absolute;
	bottom: 0;
	left: 0;
}

.thumbnail-box3 p, .thumbnail-box4 p, .thumbnail-box2 p, .thumbnail-box1 p {
	font-size: 9px;
	line-height: 12px;
	margin: 5px auto 10px auto;
	padding: 0 5px;
	}

.review-date {
	font-weight: bold;
	margin-top: 5px;
	text-transform: uppercase;
	font-size: 120%;
	color: #333333;
	}
	
.review-heading {
	text-align: center;
	margin: 15px;
	}


/* Image display via colorbox */

.image-display {
	width: 800px;
}

/*  UI */

.collapse-trigger {
	background-image: url('/css/images/collapse_arrows.gif');
	background-repeat: no-repeat;
	background-color: #aaa;
	padding: 4px 4px 4px 17px;
	margin: 0;
	font-size: .75em;
	text-transform: uppercase;
}

.collapse-trigger a {
   text-decoration: underline !important;
	 color: #fff;
 }

.collapse-trigger.close {
	background-position: 4px 4px;
}

.collapse-trigger.open {
	background-position: 4px -11px;
}

.collapsible {
	padding: 10px;
	background: #dedede;
}