@charset "UTF-8";
/* CSS Document */

/* Legacy styles from blue templates with modifications  */



/* Exhibition Landing */

.exhibitionlanding {
padding-bottom:100px;	
}

.exhibitionslideshow {width:600px;overflow:hidden;}

.exhibitionslideshow img {width:600px;}

.exhibitionlanding h2 { width: 320px; display: block; float: left; margin: 9px 0 0 0;font-size:20px;}

.exhibitionlanding .documentcontent {width: 320px; float: right;}

.exhibitionlanding .listing {width: 600px; clear: left; float: left; margin-bottom: 18px;}

.exhibitionlanding .manylistings {clear: left; width: 600px; float: left; margin-bottom: 18px;}
.exhibitionlanding .manylistings .singlelisting {width: 320px; float: left; margin: 0 18px 18px 0;}
.exhibitionlanding .manylistings .singlelisting h3 { font-size: 18px; margin: 0 0 9px 0;}
.exhibitionlanding .manylistings .singlelisting h3 a {color: #666; font-weight: lighter; }

.exhibitionlanding .manylistings .singlelisting .item {clear: both; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc; }
.exhibitionlanding .manylistings .singlelisting .item .thumb {width: 80px; float: right; padding: 14px 0 9px 18px}
.exhibitionlanding .manylistings .singlelisting .item .thumb img {width: 80px}
.exhibitionlanding .manylistings .singlelisting .item h4 {margin: 0; padding: 14px 0 0 18px; font-size: 14px;}
.exhibitionlanding .manylistings .singlelisting .item p {margin: 0px; padding: 0px 0 18px 18px;color: #666; margin-top: 0; font-style: italic;}
.exhibitionlanding .manylistings .singlelisting .swatch0 {border-top: 1px solid #ccc; margin-top: 9px;}


/*Art Matters feed */

.landing .artmattersfeed {clear: both; color: #666; border-top: 1px solid #ccc; padding: 9px 0; margin-top: 18px; width: 100%; overflow: hidden;}
.landing .artmattersfeed a {color: #64B35E;border-bottom:none;}
.landing .artmattersfeed h3 {width: 288px; float: left; padding: 9px 18px 9px 0; margin: 0;}
.landing .artmattersfeed h3 a {width: 162px; height: 18px; display: block; background: url(../images/artmatterstitle.gif) no-repeat;}
.landing .artmattersfeed h3 a span {display: none;}
.landing .artmattersfeed ul {list-style: none; padding: 0; margin: 0;}
.landing .artmattersfeed ul li {width: 288px; float: left; padding: 9px 18px 9px 0; margin: 0; display: block;}
.landing .artmattersfeed ul li.rssrow2, .landing .artmattersfeed ul li.rssrow5, .landing .artmattersfeed ul li.rssrow8, .landing .artmattersfeed ul li.more {padding-right: 0;}
.landing .artmattersfeed ul li.rssrow3, .landing .artmattersfeed ul li.rssrow6, .landing .artmattersfeed ul li.rssrow9 {clear: both;}

/* Hero Slideshow */

.heroslideshow {width: 960px; height: 350px; position: relative; overflow: hidden; text-align: left; background-color: #ececec; clear: both;}	
.heroslideshow .slides {width: 632px; position: relative;  float: left; background: #ed1c24; }
.heroslideshow .slides img {width:632px;height:350px;}

.heroslideshow .tabs {width: 328px; float: right; margin: 0 0 0 -8px; padding: 0; z-index: 100; position: relative;}
.heroslideshow .tabs div {margin: 0 0 0 -8px;  position: relative;}
.heroslideshow .tabs div span {font-size:14px;line-height:18px;margin-left: 8px; display: block;  padding: 10px 20px; border-top: 2px solid #cccccd; font-weight: 400;}
.heroslideshow .tabs div span a {color: #ed1c24;font-weight:400;border-bottom:none;margin-bottom:0;padding-bottom:0;}
.heroslideshow .tabs div span a span { font-size: 13px; line-height:20px; line-height:14px; color: #0d1d1d; padding: 0; padding-top:3px; margin: 0; border: none;font-weight:normal;}

.heroslideshow .tabs div.first span {border-top: none;}
.heroslideshow .tabs div.selected {background: url(/assets/templates/red/images/hero-redarrow.png); background-position: left center;}
.heroslideshow .tabs div.selected span {background-color: #ed1c24;}
.heroslideshow .tabs div.selected span a {color:#fff;}
.heroslideshow .tabs div.selected span a span { color: #fff;}

.heroslideshow .tabs div.more span {border-top: none; text-align: right; text-transform: uppercase; font-size: 11px;}
.heroslideshow .tabs div.more span a {color: #ed1c24; font-weight: lighter;}



/* Exhibition landing page  */

#content h2#current {margin-top:.6em;margin-bottom:.6em;}

.landingsquares .griditem {padding: 0 0 30px 0; width: 300px; float: left;}
div#content .landingsquares .griditem h3 {font-size:16px; line-height:20px; margin: .7em 0 .2em 0; padding:0; border-bottom: none;padding-top:0; font-weight: 400;}
.landingsquares .griditem p {color: #666; margin: 0; font-size: 14px;padding-top:0;}
.landingsquares .griditem img {width:300px;height:auto;}


.landingsquares hr { background-color: #fff; color:#fff;  margin: 0;}
.landingsquares hr.count0, .landingsquares hr.count1, .landingsquares hr.count3, .landingsquares hr.count4, .landingsquares hr.count6, .landingsquares hr.count7, .landingsquares hr.count9, .landingsquares hr.count10, .landingsquares hr.count12, .landingsquares hr.count13, .landingsquares hr.count15, .landingsquares hr.count16, .landingsquares hr.count18, .landingsquares hr.count19, .landingsquares hr.count21, .landingsquares hr.count22, .landingsquares hr.count24, .landingsquares hr.count25, .landingsquares hr.count27, .landingsquares hr.count28, .landingsquares hr.count30, .landingsquares hr.count31 {display: none;}
.landingsquares div.count0, .landingsquares div.count1, .landingsquares div.count3, .landingsquares div.count4, .landingsquares div.count6, .landingsquares div.count7, .landingsquares div.count9, .landingsquares div.count10, .landingsquares div.count12, .landingsquares div.count13, .landingsquares div.count15, .landingsquares div.count16, .landingsquares div.count18, .landingsquares div.count19, .landingsquares div.count21, .landingsquares div.count22, .landingsquares div.count24, .landingsquares div.count25, .landingsquares div.count27, .landingsquares div.count28, .landingsquares div.count30, .landingsquares div.count31  {margin-right: 30px;}


/* Landing Squares */

.collectionsquares .griditem {padding: 0 0 18px 0; width: 288px; float: left; margin-right: 18px;}
.collectionsquares .griditem h3 {font-size:14px; line-height:16px; margin: .7em 0 .2em 0; padding:0; border-bottom: none;}
.collectionsquares .griditem p {color: #666; margin: 0; font-size: 14px; line-height: 1.5em;}

.collectionsquares hr { background-color: #fff; color:#fff;  margin: 0;}
.collectionsquares hr.count0, .collectionsquares hr.count2, .collectionsquares hr.count4, .collectionsquares hr.count6, .collectionsquares hr.count8, .collectionsquares hr.count10, .collectionsquares hr.count12 {display: none;}


/*EDUCATION CHART*/

#education_chart  { border:1px solid #77b800; width:100%; font-size:12px; line-height:14px;margin-bottom:30px; }
/*#membership_chart_picasso caption {display:none;}*/
#education_chart td, #education_chart th { border:1px solid #77b800; text-align:center; font-size:11px; color:#666; }
#education_chart td .last { border:0; }
#education_chart .colhead { padding:5px; text-align:center; font-size:12px; color:#fff; background-color:#77b800; }
#education_chart tbody td { padding:5px 0; }
#education_chart thead th { overflow:hidden;  height:30px;/*padding:3px 7px;*/}
#education_chart tbody.left-aligned td { text-align: left; padding: 5px; }

#education_chart.orange  { border:1px solid #FF5A00; width:100%; font-size:12px; line-height:14px;margin-bottom:30px; }
#education_chart.orange td, #education_chart.orange th { border:1px solid #FF5A00; text-align:center; font-size:11px; color:#666; }
#education_chart.orange .colhead { padding:5px; text-align:center; font-size:12px; color:#fff; background-color:#FF5A00; }

#education_chart.blue  { border:1px solid #0096DB; width:100%; font-size:12px; line-height:14px;margin-bottom:30px; }
#education_chart.blue td, #education_chart.blue th { border:1px solid #0096DB; text-align:center; font-size:11px; color:#666; }
#education_chart.blue .colhead { padding:5px; text-align:center; font-size:12px; color:#fff; background-color:#0096DB; }


/* AGO NEXT PAGES */

div.agoNext {
overflow:hidden;
}


div.agoNext h2 {
background:url('/assets/images/555/logoNext.gif') no-repeat;
width:112px;
height:112px;
margin:36px 0 35px 306px;
padding:0;
text-indent:-4000em;
}
/*
div.agoNext .left {
width:288px;
float:left;
padding-top:25px;
overflow:hidden;
color:#bc302d;
font-size:11px;
}

div.agoNext .right {
width:594px;
float:right;
overflow:hidden;
}

div.agoNext a {
color:#bc302d;
}

div.agoNext h3 {
font-size:13px;
color:#bc302d;
text-transform:uppercase;
margin-top:0;
padding-top:0;
}

div.agoNext p.larger {
	font-size:14px;
	line-height:19px;
	font-weight:bold;
	margin-top:35px;
}

div.agoNext ul {
margin-left:2em;
	padding-left:0;
	list-style: disc url(/assets/images/555/bulletGrey.gif) outside;


}

div.agoNext hr {
	color:#bc302d;
	background-color:#bc302d;
	margin:15px 0;
	clear:both;
	float:none;
	overflow:hidden;
}

div#image1737 {  
	text-align:center;
	padding:25px 40px 40px 40px;
	float:none;
	clear:both;
}

div#faq {
float:left;
margin-left:40px; 
width:230px;
height:91px;
vertical-align:middle;
padding-top:16px;
}

div#image1738 {  
	width:230px;
	float:right;
	margin:0 40px 30px 0;
}*/

/* AGO Next new */
/*
div#agoNext {
	overflow:hidden;
    padding-top:40px;
	font-weight:normal;
	font-size:13px;
}

div#agoNext a {color:#bc302d;}

div#agoNext #leftnav {width: 258px; float: left; font-size: 14px; padding-top: 158px;margin-right:30px;}

div#agoNext #leftnav ul li {border-top:1px solid #b5b5b5; border-bottom:none; border-left:4px solid #bc302d; margin-bottom: 9px; padding: 9px 0 9px 16px;}
div#agoNext #leftnav ul li ul {list-style: disc; margin: 6px 0 3px 20px;}
div#agoNext #leftnav ul li ul li {border: none; margin-bottom: 0; padding: 3px;}
div#agoNext #leftnav ul li a { color:#bc302d;font-size:12px;}

div#agoNext #leftnav ul li a.selected { color:#bc302d; background:url(../images/blackarrow.gif) no-repeat; background-position: right; width: 240px; display: block;  padding-right: 28px;}
div#agoNext #leftnav ul li ul li a.selected { color: #1d1d1d; background:url(../images/blackarrow.gif) no-repeat; background-position: right; width: 220px; display: block;  padding-right: 28px;}

div#agoNext div#next-logo { display:block; margin-bottom:40px; }

div#agoNext h2 {color:#bc302d;text-transform:uppercase;font-size:20px;margin-top:18px;}	
div#agoNext h3 {color:#bc302d;text-transform:uppercase;}

div#agoNext .listing .item h3 {margin: 0; padding: 14px 0 0 18px; font-size: 14px; color:#bc302d; text-transform:none; }
div#agoNext .listing .item h3 a {color:#bc302d;}
div#agoNext .listing .item p {margin: 0px; padding: 9px 0 18px 18px; }
	
	
div#agoNext div#leftnav ul li ul li.innerRowTpl a.selected {color: #bc302d; background: none;}
	*/
#leftnav a.facebook {
display:block;
padding-left:25px;
background:url(/assets/images/555/facebook_14.gif) 0 0 no-repeat;
font-size:13px;
line-height:15px;
height:15px;
font-weight:bold;
color:#1d1d1d;
margin-top:40px;
border-bottom:none;
}


/* Art Rental */

.art-rental-landing #content {padding-bottom:100px;overflow:hidden;}

.arsg h2 {margin-bottom: 0;}

.arsg .about {background: #1d1d1d; color: #fff; width: 320px; height: 260px; overflow: hidden; padding: 20px; float: left;}
.arsg .about h3 {display: none;}
.arsg .about p {margin: 0;}
.arsg .about-images {float: right;}

.arsg #promotions {
	padding-top:20px;	
	padding-bottom:20px;
}

.arsg .services {width: 431px; float: left; clear: both;}
.arsg .services h4 {margin-bottom: 0;}
.arsg .services p {margin-top: 0;}

.arsg .image-terms {float: left; padding-right: 18px;}
.arsg .image-services {float: right; padding-left: 18px;}

.arsg .rates {width: 431px; float: right; padding-left: 18px; margin-bottom: 18px;}

.arsg h3 {font-size: 18px; color: #1d1d1d;}
.arsg h3 a {color: #1d1d1d;border-bottom:none; }

.arsg .rates .item {clear: both; width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;}
.arsg .rates .item .thumb {width: 80px; float: right; padding: 14px 0 9px 18px}
.arsg .rates .item .thumb img {width: 80px}
.arsg .rates .item h4 {margin: 0; padding: 14px 0 0 18px; font-size: 14px;}
.arsg .rates .item p {margin: 0px; padding: 9px 0 18px 18px;}
.arsg .rates .swatch0 {border-top: 1px solid #ccc; margin-top: 9px;}

.arsg-signup {background: #e0e0e0; border: 1px solid #ccc; padding: .5em 1em;}
.arsg-signup h3 {font-size: 14px; color: #666; font-weight: bold;}

.arsg-mailinglist {
	clear:both;
	float:right;
	border-top: 1px solid #ccc;
    margin:18px 0;
	overflow:hidden;
	
}

.arsg-mailinglist .desc {
	width:288px;
	float:left;
	text-align:right;
	padding-right:18px;
}

.arsg-mailinglist form {
	background-color:#ccc;
	padding:18px;
	font-size:12px;
	width:288px;
	float:left;
	
}

.arsg-mailinglist form label {
	font-weight:bold;	
}




/* Venue Rental legacy */

.venuerental {padding-bottom:60px;}
.venuerental .topbanner {color: white; background: url(/assets/templates/blue/images/venuerental/lightsbg.gif) black; background-repeat: no-repeat; width: 900px; overflow: hidden; margin-top: 18px;}
.venuerental .topbanner .venuetagline {float: left; background: url(/assets/templates/blue/images/venuerental/venuetagline.png); display: block; height: 405px; width: 306px;}
#content .venuerental .topbanner .venuetagline h2 {display: none;}
.venuerental .topbanner .venuetagline span {display: none;}
.venuerental .topbanner .venueslideshow {float: right;}

.venuerental .weddings {width: 450px; float: left; padding: 18px 0;}
#content .venuerental .weddings h3 {
	font-family: "alternate-gothic-no-3-d",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	}

.venuerental .weddings .images {width: 135px; float: right; border-right: 1px solid #ccc; padding: 0 18px; margin-top: 18px;}
.venuerental .weddings .images .image {margin-bottom: 18px;}

.venuerental .corporate {width: 432px; float: left; padding: 18px 0 9px 18px;}
#content .venuerental .corporate h3 {
	font-family: "alternate-gothic-no-3-d",Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	}

.venuerental .corporate .images {width: 135px; float: right; padding-left: 18px;  margin-top: 18px;}
.venuerental .corporate .images .image {margin-bottom: 18px;}

.venuerental .donloadpackage {display: block; width: 252px; height: 33px; background: url(/assets/templates/blue/images/venuerental/infopackage.gif);}
.venuerental .donloadpackage span {display: none;}

.venuerental .bookings {clear: both; background: #1d1d1d; color: #fff; width: 100%; overflow: hidden; margin: 9px 0;  background: url(/assets/templates/blue/images/venuerental/lightsbg-small.gif) black; background-repeat: no-repeat; background-position: top right;}
.venuerental .bookings .promise {float: right; padding: 9px; margin-right: 9px; font-size: 11px;} 
#content .venuerental .bookings h3 {float: left; width: 215px; font-size: 13px; padding-top:0;margin: 9px 0 9px 13px; color: #ccc;}
.venuerental .bookings p {float: left; padding-right: 24px; margin: 9px 0;}

.venuerental .faq {clear: both; padding: 9px 0;}
.venuerental .faq h3 {color: #956E8E; display: inline; padding-right: 9px; border-right: 1px solid #ccc; margin-right: 9px;}
.venuerental .faq p {display: inline;}
.venuerental .faq ul {margin: 18px 0; padding: 0; width: 100%; overflow: hidden;}
.venuerental .faq ul li {width: 271px; display: block; float: left; padding: 0 9px 7px 20px; background: url(/assets/templates/blue/images/venuerental/checkmark.png); background-repeat: no-repeat; background-position: 0px 1px;}
.venuerental .faq ul li.first {clear: left;}


/* Tabbed Slideshow */

.blueslideshow .infobox {border: 4px solid #ececec; width: 421px; padding: 9px; margin-bottom: 18px;list-style-position:inside;}
.blueslideshow .infobox h4 {margin: 0;}
.blueslideshow .infobox ol {margin: 9px 0 0 0;}

.blueslideshow #slidecontrols {width: 288px; float: right; list-style: none; margin: 0; padding-left: 0; clear: both;}
.blueslideshow #slidecontrols li {padding: 12px; border-top: 1px solid #fff;background-color:#ececec;} 
.blueslideshow #slidecontrols li a {display: block; padding: 0 12px 0 24px;border-bottom:none;font-weight:bold;color:#1d1d1d;}
.blueslideshow #slidecontrols li.selected {background-color:#ff5c00; }
.blueslideshow #slidecontrols li.selected a {color: #fff;}
.blueslideshow #slides {width: 594px; float: left;   padding-bottom: 20px;}
.blueslideshow #slides h3 {margin-top: 20px;}
.blueslideshow .lastmodified {clear: both;}



/* GP Slideshow */

.gpslideshow {width: 660px; overflow: hidden; color: #999; }
.gpslideshow a {font-size:10px;color:#c3c3c3;text-decoration:none;}
.gpslideshow .image {width:660px; text-align: center; float: left; }
.gpslideshow .image:hover {cursor: pointer;}
.gpslideshow .image .caption {margin:30px 0; text-align: left;color:#000;font-size:12px;line-height:15px;}

.gpslideshow .slidecontrols {clear: both; text-align: center; width: 100%; overflow: hidden;}

.gpslideshow .slidecontrols .arrow {float: left; display: block; width: 50px;height:30px;}
.gpslideshow .slidecontrols .arrow a:hover {cursor: pointer;}
#content .gpslideshow .slidecontrols .arrow a {font-size:20px;color:#c3c3c3;text-decoration:none;font-weight:bold;}

.gpslideshow .slidecontrols .counter {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.gpslideshow .slidecontrols .counter li {display: block; margin: 0; padding: 0; float: left; width: 13px; height:30px;background: url(../images/counter-off.gif) center 45% no-repeat;}
.gpslideshow .slidecontrols .counter li:hover {cursor: pointer;}
.gpslideshow .slidecontrols .counter li.selected {background: url(../images/counter-on.gif) center 45% no-repeat;}
.gpslideshow .slidecontrols .counter li span {display: none;}

/* AGOSlideshow */
.agoSlideshow { background-color:#ececec;width:100%; }
.agoSlideshowCtrls div.agoSlideshowNav { display: inline; }
.agoSlideshowCtrls a.agoSlideshowNext:hover, .agoSlideshowCtrls a.agoSlideshowPrev:hover { cursor: pointer; }
.agoSlideshowCtrls a.agoSlideshowNext, .agoSlideshowCtrls a.agoSlideshowPrev { font-size: 20px; width: 50px; height: 30px; display: inline; float: left; }
.agoSlideshowCtrls a { color: #c3c3c3; text-decoration: none; border-bottom:none;}
.agoSlideshowCtrls { text-align: center !important; clear: both; width: 100%; overflow: hidden; }
.agoSlideshowCtrls div.agoSlideshowNav a.agoSlideshowItem { display: inline; float: left; height: 30px; width: 13px; background: url(../../blue/images/counter-off.gif) center 45% no-repeat; }
.agoSlideshowCtrls div.agoSlideshowNav a.agoSlideshowItem span { display: none; }
.agoSlideshowCtrls div.agoSlideshowNav a.agoSlideshowItem.activeSlide { background: url(../../blue/images/counter-on.gif) center 45% no-repeat; }
.agoSlideshowCtrls div.agoSlideshowNav a.agoSlideshowItem:hover { cursor: pointer; }


/* Landing Pages */

.landing {clear: both;overflow:hidden;padding-bottom:80px;}
#content .landing h2 {float: left; clear: both; margin-top:.6em;margin-bottom:.6em;}

.landing .toplinks {width: 441px; float: right; font-size: 14px; color: #666; text-align: right; padding-top: 26px; font-weight: 400;}
.landing .toplinks div {width: 355px; float: left;}
.landing .toplinks span {margin: 0 .6em; color: #999;}
.landing .toplinks a span {display: none;}


.brick135 {
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
	width:140px;
	height:244px;
	float:left;
	overflow:hidden;
	margin-right:24px;
	color:#fff;
}

.brick288 {
	margin:0;
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
	width:300px;
	height:244px;	
	float:left;
	overflow:hidden;
	margin-right:24px;
	color:#fff;
}


.brick135 a,
.brick288 a {
	color:#fff;	
}


.brick135 .image img {
	width:140px;	
}


.brick288 .image img {
	width:300px;	
}



#content .brick135 p,
#content .brick288 p  {
	font-size:12px;
	line-height:15px;
	color:#fff;
	margin:2px 10px 1em 10px;
	margin-top:6px;
	padding:0;
}


#content .brick135 h3,
#content .brick288 h3 {
	color:#fff;
	border-bottom:none;
	font-size:14px;
	line-height:15px;
	font-weight:400;
	padding-top:0;
	padding:0;
	margin:1em 10px 0 10px;
}

#content .brick135 h3 a,
#content .brick288 h3 a {
	color:#fff;	
	border-bottom:none;
}


.brick135.colour0,
.brick288.colour0 {
	background-color:#bc34ba;
}

.brick135.colour1,
.brick288.colour1 {
	background-color:#0096db;
}

.brick135.colour2,
.brick288.colour2 {
	background-color:#c9dd0a;
	color:#4d4e53;
}

#content .brick135.colour2 p, #content .brick288.colour2 p {color:#4d4e53;}
#content .brick135.colour2 h3 a,
#content .brick288.colour2 h3 a {color:#4d4e53;}

.brick135.colour3,
.brick288.colour3 {
	background-color:#ff5a00;
}


.brick135.colour4,
.brick288.colour4 {
	background-color:#77b800;
}


.brick135.colour5,
.brick288.colour5  {
	background-color:#005abb;
	margin-right:0;
}

.brick135:hover,
.brick288:hover {
	/*cursor:pointer;*/	
}

#content .brick135:hover p,
#content .brick135:hover h3 a,
#content .brick288:hover p,
#content .brick288:hover h3 a {color:#0d1d1d;}

.brick135:hover .image img,
.brick288:hover .image img {
	opacity:.30;	
	filter: alpha(opacity = 30);
}

.landing div.last {margin-right: 0;}

/*
.brick135 {float: left; width: 140px;height:234px; margin: 24px 24px 24px 0;position:relative;}
.brick135 img {width:140px;height:140px;}
.brick288 {float: left; width: 300px;height:234px; margin: 24px 24px 24px 0;}
.brick288 img {width:300px;height:140px;}
#content .brick135 h3, #content .brick288 h3 {font-size: 13px; padding-top:0;padding-bottom:0;margin-top:.8em;margin-bottom: 0;}
.brick135 p, .brick288 p {font-size: 12px;ine-height:14px; margin-top: 0;padding-top:0;}


.brick135  a.boxcontainer {
display:block;
color:#fff;
border-bottom:none;
width:140px;
height:234px;
overflow:hidden;
position:relative;
top:0;
}

.brick288  a.boxcontainer {
display:block;
color:#fff;
border-bottom:none;
width:300px;
height:234px;
overflow:hidden;
}


.brick135.colour1 a.boxcontainer,
.brick288.colour1 a.boxcontainer {
	background-color:#bc34ba;
}

.brick135.colour2 a.boxcontainer,
.brick288.colour2 a.boxcontainer {
	background-color:#0096db;
}

.brick135.colour3 a.boxcontainer,
.brick288.colour3 a.boxcontainer {
	background-color:#c9dd0a;
	color:#4d4e53;
}

.brick135.colour3 a.boxcontainer p,
.brick288.colour3 a.boxcontainer p {color:#4d4e53;}

.brick135.colour4 a.boxcontainer,
.brick288.colour4 a.boxcontainer {
	background-color:#ff5a00;
}

.brick135.colour5 a.boxcontainer,
.brick288.colour5 a.boxcontainer {
	background-color:#77b800;
}

.brick135.colour6 a.boxcontainer,
.brick288.colour6 a.boxcontainer {
	background-color:#005abb;
}

.brick135 a.boxcontainer h3,
.brick288 a.boxcontainer h3 {
font-size:13px;
line-height:16px;
padding:12px 10px 0 10px;	
}

.brick135 a.boxcontainer p,
.brick288 a.boxcontainer p {
	font-size:11px;
	line-height:16px;
	padding:0 10px 0 10px;	
	color:#fff;
}

.brick135 a.boxcontainer:hover img,
.brick288 a.boxcontainer:hover img {
	opacity:.40;
	filter: alpha(opacity = 40);
}

.brick135 a.boxcontainer:hover,
.brick135 a.boxcontainer:hover p,
.brick288 a.boxcontainer:hover,
.brick288 a.boxcontainer:hover p {
	color:#0d1d1d;
}
*/

/* What's On */

.landing ul.socialmedia {margin: 0; padding: 0; display: block; list-style: none; width: 83px; overflow: hidden; float: right;}
.landing ul.socialmedia li {margin: 0 2px; padding: 0; float: left; display: block; width: 16px; height: 16px;}
.landing ul.socialmedia li a {width: 16px; height: 16px;  padding: 0; display: block; background:url(../../blue/images/socialmedia.png) no-repeat; }
.landing ul.socialmedia li a.twitter { background-position: 0px 0px;}
.landing ul.socialmedia li a.facebook { background-position: -16px 0px;}
.landing ul.socialmedia li a.youtube { background-position:  -32px 0px;}
.landing ul.socialmedia li a.flickr { background-position:  -48px 0px;}
.landing ul.socialmedia li a span {display: none;}

.landing .slider {clear: both; width: 100%; background: #1d1d1d; overflow: hidden; margin-bottom: 18px;}
.landing .slider .wrapper {width: 902px; overflow: hidden; float: left; height: 195px;}
.landing .slider .wrapper .inside {width: 1530px;}
.landing .slider .wrapper .inside .item {width: 140px; margin: 9px 0 0 9px; float: left;}
.landing .slider .wrapper .inside .item img {width:140px;height:140px;}
.landing .slider p {margin-top: 6px;font-size:11px;line-height:12px;}
.landing .slider a {color: #fff;border-bottom:none;font-weight:bold;}

.landing .slider .wrapper .inside .item:hover img {
opacity:.30;	
filter: alpha(opacity = 30);
}

.landing .slider .wrapper .inside .item:hover p a {
	color:#ed1c24;
}

.landing .slider a.previous {width: 28px; height: 195px; display: block; float: left;  background: #1d1d1d url(../../blue/images/slider-arrows.gif)  0px center no-repeat;}
.landing .slider a.previousactive { background: #1d1d1d url(../../blue/images/slider-arrows.gif) -33px center no-repeat;}
.landing .slider a.previousactive:hover {cursor:pointer; background: #4d4e53 url(../../blue/images/slider-arrows.gif) -66px center no-repeat;}

.landing .slider a.next {width: 30px; height: 195px; display: block; float: left; background: #1d1d1d url(../../blue/images/slider-arrows.gif)  -99px center no-repeat;}
.landing .slider a.nextactive {background: #1d1d1d url(../../blue/images/slider-arrows.gif)  -132px center no-repeat;}
.landing .slider a.nextactive:hover {cursor:pointer; background: #4d4e53 url(../../blue/images/slider-arrows.gif)  -165px center no-repeat;}

.landing .slider a.previous span, .landing .slider a.next span {display: none;}

.landing .whatson {clear: both; overflow: hidden; width: 100%; border-top: 1px solid #ccc;}
.landing .whatson .column {width: 300px; margin-right: 30px; float: left;}
.landing .whatson .column .image {width: 80px; float: right; margin: -24px 0 9px 18px; clear: both;}
.landing .whatson div.last {margin-right: 0;}

.landing .whatson h3 {font-size: 14px; padding: 0; padding: 14px 80px 9px 0; margin: 0; border-top: 1px solid #ccc; clear: both;}
.landing .whatson h3.first {border-top: none;}
.landing .whatson h3 a {color: #1d1d1d;border-bottom:none;	}
.landing .whatson ul {margin: 0; padding-bottom: 18px;}
.landing .whatson li {padding-bottom: 4px;}

.landing .artmattersfeed {clear: both; float:none; color: #666; border-top: 1px solid #ccc; padding: 9px 0; margin-top: 24px; width: 100%; overflow: hidden;}
.landing .artmattersfeed a {color: #64B35E;}
.landing .artmattersfeed h3 {width: 288px; float: left; padding: 9px 18px 9px 0; margin: 0;}
.landing .artmattersfeed h3 a {width: 162px; height: 18px; display: block; background: url(../../blue/images/artmatterstitle.gif) no-repeat;}
.landing .artmattersfeed h3 a span {display: none;}
.landing .artmattersfeed ul {list-style: none; padding: 0; margin: 0;}
.landing .artmattersfeed ul li {width: 288px; float: left; padding: 9px 18px 9px 0; margin: 0; display: block;}
.landing .artmattersfeed ul li.rssrow2, .landing .artmattersfeed ul li.rssrow5, .landing .artmattersfeed ul li.rssrow8, .landing .artmattersfeed ul li.more {padding-right: 0;}
.landing .artmattersfeed ul li.rssrow3, .landing .artmattersfeed ul li.rssrow6, .landing .artmattersfeed ul li.rssrow9 {clear: both;}


/* Visit: Stephanie's Tables */

table.stephanie {border-collapse:collapse;}
.stephanie td { border: 1px dotted #cccccd; margin-left:auto; margin-right:auto;  padding: 6px; text-align: center;}
.stephanie th { border: 1px dotted #cccccd; margin-left:auto; margin-right:auto;  padding: 6px; text-align: center;}

table.hours { border:solid #cccccd 4px; }
table.education { border:solid #cccccd 4px; }
table.shopping { border:solid #cccccd 4px; }
table.food { border:solid #cccccd 4px; }
table.holiday-hours { border:solid #cccccd 4px; }

td.day { text-align: right; }
td.time {  }
td.freestyle { color:#1296d3; }
span.freeadmission { color:#2e5586; }

.daystyle { font-size:11px;line-height:14px; text-align:left; text-transform:uppercase;}

.youtube { border: 10 px solid #c3b600; }

table.admission { border-collapse:collapse;width:100%;}
table.admission th {background-color:#005abb;color:#fff;font-size:11px;line-height:16px;padding:10px;text-align:center;}
table.admission td { border-bottom: 1px solid #ccc; margin-left:auto; margin-right:auto;  padding: 6px; text-align: center;}
table.admission tr.top td {border-bottom: 3px solid #ccc;}
table.admission td.first {text-align: left;}

table.admission th.highlight {background-color:#337bc9;} /* blue highlight header */
table.admission td.highlight {background-color:#eaf3fd;}  /* blue highlight tds */

table.admission th.highlight-blue {background-color:#337bc9;} /* blue highlight header */
table.admission td.highlight-blue {background-color:#eaf3fd;}  /* blue highlight tds */
table.admission .button {
	font-size:10px;
	padding:0 8px;
	font-weight:normal;	
	webkit-border-radius: 6px;
	moz-border-radius: 6px;
	khtml-border-radius: 6px;
	border-radius: 6px;
	background-image:none;
}

table.schools {border-collapse:collapse;}
/*table.schools tr {}*/
table.schools td {border:1px solid #808080; padding:5px 10px;}
table.schools th {border:1px solid #808080; padding:5px 10px;}
/*table.schools th {}*/

.ticketfootnotes {
	font-size:10px;
	line-height:13px;	
}



/* Membership chart */

table#membership_chart_exhibitions {
	border:1px solid #005abb;
	margin-top:1.5em;
}

table#membership_chart_exhibitions th {
	background-color:#005abb;
	color:#fff;
	padding:10px;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
}

table#membership_chart_exhibitions td {
	padding:10px;	
	font-size:12px;
	line-height:15px;
}

table#membership_chart_exhibitions td.desc {
	font-weight:bold;	
}

table#membership_chart_exhibitions td.note {
	background-color:#ececec;
	font-weight:bold;
	font-style:italic;
}



/* ACCESSIBLE AGO SECTION */

table.accessible-chart {
	border-collapse:collapse;
}

table.accessible-chart,
table.accessible-chart th,
table.accessible-chart td {
	border:1px solid #cccccc;
	vertical-align:top;
}

table.accessible-chart th {
	margin:0;
	padding:7px 7px 4px 7px;
	text-transform:uppercase;
	font-size:11px;
	
}


table.accessible-chart td {
	margin:0;
	padding:7px;
}

#content table.accessible-chart td h4,
table.accessible-chart td p {
	margin:0;
	padding:0;
	margin-top:0;
	padding-top:0;
}

.note {
	font-size:11px;
}

.contact-column {
	width:140px;	
}
/*
#cel-wheeltrans {
	padding-left:40px;
	background:url(../../blue/images/accessible-icons.gif) -388px 10px no-repeat;
}*/

#cel-wheelchairs {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 8px 10px no-repeat;
}

#cel-supportpersons {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 6px -190px no-repeat;
}

#cel-serviceanimals {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 6px -393px no-repeat;
}

#cel-frontofline {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 8px -590px no-repeat;
}

#cel-largeprint {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 8px -1190px no-repeat;
}

#cel-medical {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 8px -790px no-repeat;
}

#cel-tty {
	padding-left:40px;
	background:url(../images/accessibility-icon-sprite.gif) 8px -990px no-repeat;
}

/* FROM THE COLLECTIONS SLIDESHOW (FORMERLY ART OF THE DAY) */

#aodslideshow {
	background-color:#ececec;
	margin-top:0;
	padding: 20px 0;	
	text-align:center;
	height: 470px;
	visibility: hidden;
	position: relative;
	overflow: hidden;
}

#aodslideshow a {
	border-bottom:none;
	width:100%;
	text-align: left;	
}

#ftc_imgContainer {
	display: block;
	height: 470px;
	padding: 0 20px;
}

#ftc_captionContainer {
	display: block;
	position: absolute;
}

.ftc_slide {
	position: absolute;
}
.ftc_caption {
	padding: 10px;
	color: #fff;
	font-size: 0.9em;
	display: block;
	font-weight: normal;
	width: 470px !important;
	background: transparent url(/assets/templates/red/images/ftc-info-bg.png) 0 0 repeat;
	text-decoration: none;
	line-height: 1.4em;
}
.ftc_caption:hover {
	text-decoration: none;
	color: #fff;
}
.ftc_caption:visited {
	text-decoration: none;
	color: #fff;
}


/* FIRST THURSDAYS */

/*
#main.first-thursdays {

	color:#272425;
	font-size:14px;
	line-height:22px;
}
	
#main.first-thursdays h2 {
	width:288px;
	height:0;
	margin:0;
	padding-top:175px;
	background:url(../../blue/images/first-thursdays/first-thursday-logo-288.png) no-repeat;
	overflow:hidden;
	margin-bottom:2em;
	}
	
#main.first-thursdays-detail h2 {
padding-top:200px;
margin-bottom:1em;
width:auto;
overflow:visible;
}
	
#main.first-thursdays a {
color:#d4673c;	
border-bottom:none;
}




#main.first-thursdays .chunky {
font-size:1.3em;
line-height:1.6em;
font-weight:bold;
padding:0 5px;
}

#main.first-thursdays-detail .chunky {
padding-left:0;	
}*/
/*
#main.first-thursdays #utilities {
margin-top:100px;
border-top:6px solid #d7d7d7;	
}


#main.first-thursdays .item {
	border-left:8px solid #8d8e91;	
	border-bottom-width:5px;	
}
*/

/* Google Maps */

#map { width:592px; height:393px; border:1px solid #C7D1DA; }

#dirPanel { width:594px; }

#iwContent { text-align: left; width: 360px; }

.infoWindowAddress p { margin: 0.5em 0em; }
.infoWindowAddress p span { font-size: 0.9em; }
.infoWindowContent p { margin: 0px 0px 0.5em 0px; }

.infoWindowDirLink { text-align: right; }
.infoWindowDirLink a.dirLink{ text-align: right; cursor: pointer; }

.infoWindowForm #travelModes ul{ padding: 0; margin: 5px 30px; text-align: center; list-style: none; }
.infoWindowForm #travelModes ul li.travelModeButton { cursor: pointer; display: block; width: 28px; height: 24px; border: 1px #999 solid; background-color: #eee; text-decoration: none; float: left; border-right: medium none; }
.infoWindowForm #travelModes ul li.travelModeButton:hover { background-color: #ddd; }
.infoWindowForm #travelModes ul li.travelModeButton:active { background-color: #ccc; }
.infoWindowForm #travelModes ul li.last { border-right: 1px #999 solid; }
.infoWindowForm #travelModes ul li.current { background-color: #ddd !important; }
.infoWindowForm #travelModes ul li span.buttonIcon { display: block; background: url('../images/map-icons.png') no-repeat scroll transparent; }
.infoWindowForm #travelModes ul li span.car { width: 15px; height: 12px; margin: 7px 0 0 6px; background-position: 0 -31px; }
.infoWindowForm #travelModes ul li span.walk { width: 10px; height: 16px; margin: 4px 0 0 9px; background-position: 0 -103px; }
.infoWindowForm #travelModes ul li span.bike { width: 17px; height: 14px; margin: 5px 0 0 5px; background-position: 0 -167px; }
.infoWindowForm #travelModes ul li span.transit { width: 13px; height: 15px; margin: 5px 0 0 7px; background-position: 0 -16px; }

.infoWindowForm #waypoints { width: 330px; height: 60px; float: left; }

.infoWindowForm #waypointLabels { width: 30px; height: 60px; float: left; }
.infoWindowForm #waypointLabels .waypointLabel{ width: 16px; height: 16px; margin: 7px; background: url('../images/map-icons.png') no-repeat scroll transparent; }
.infoWindowForm #waypointLabels #waypointA{ background-position: 0 -59px; }
.infoWindowForm #waypointLabels #waypointB{ background-position: 0 -119px; }

.infoWindowForm #waypointInputs { width: 300px; height: 60px; float: left; }
.infoWindowForm #waypointInputs input.text { margin: 0.5em 0; border: 1px #999 solid; width: 99%; color: #000; background-color: #fff; display: block; }

.infoWindowForm #locationSwitcherDiv { width: 30px; height: 60px; float: left; }

.infoWindowForm #locationSwitcherMargin { width: 20px; height: 30px; margin: 12px 5px; }

.infoWindowForm #locationSwitcher { cursor: pointer; display: block; width: 18px; height: 28px; border: 1px #999 solid; background-color: #eee; text-decoration: none; }
.infoWindowForm #locationSwitcher span { display: block; width: 10px; height: 12px; margin: 8px 4px; background: url('../images/map-icons.png') no-repeat scroll 0 -75px transparent; }

.infoWindowForm #directionsErrors { color:#ff0000; clear: both; height: 26px; }
.infoWindowForm #directionsErrors p { margin: 0.4em 0; }

.infoWindowForm #submitDiv { text-align: right; }
.infoWindowForm #submitDiv input.submit { width: 92px; height: 25px; border: 1px solid #1296D3; background-color: #41ABDC; color: #fff; margin: 0 5px; }


/* FRANK RESTAURANT */

p.first {margin-top:0;padding-top:0;}
/*
.menu {color: #342400;}
.menu h3 {color:#ee203e;}
.menu h4 {color: #342400;text-transform:uppercase;margin-bottom:1em;}
*/
.menu table thead {display:none;}
.menu td.food {width:532px;padding-right:18px; }
.menu td.cost {vertical-align:top;text-align:right;}
.menu td {padding-bottom:1em;}
.menu_footer {font-size:11px;padding:25px 0 30px 0;}

.menu td div.right {float:right;}

#menu_listing {margin-top:20px;}
p.extra_padding {padding-top:15px;}

#content ul.frankstaff_list { list-style: none; margin-left: 0; padding-left: 0;margin-bottom:40px; }
.frankstaff_list li { display:inline-block;margin-right:20px; }
.frankstaff_photo { width: 135px; height: 135px; float: left; margin: 0 18px 18px 0; }
.frankstaff_bio { float: left; width: 440px; }
.frankstaff_bio p:first-child { margin-top: 0; }


/*MEMBERSHIP CHART*/

.membership-chart-page #content {
padding-bottom:	100px;
}

#membership_chart  { border:0; width:900px; font-size:12px; line-height:14px;margin-bottom:30px; }
#membership_chart caption {display:none;}
#membership_chart td, #membership_chart th { text-align:center; border-right:1px solid #c9d2d9; font-size:11px; color:#666; }
#membership_chart .desc { padding:10px 10px 10px 0; text-align:left; font-size:12px; color:#000; }
#membership_chart tbody td { border-bottom:1px dashed #cfd0d2; padding:5px 0; }
#membership_chart thead th { border-bottom:1px solid #cfd0d2;  overflow:hidden;  height:130px;/*padding:3px 7px;*/}

#membership_chart span.yes { display:block; height:100%; width:100%; text-indent:-3000em; background: url(../images/membership-chart-selected-square.gif) 50% 50% no-repeat; }
#membership_chart th a { display:block; 
font-size:14px;
/*writing-mode:tb-rl;*/
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	white-space:nowrap;
	
margin:0;
padding:0;
border-bottom:none;
}

#membership_chart tfoot td {
	padding-top:4px;
}

#membership_chart tfoot td a {
	padding:3px;
	background-color:#ed1c24;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none;
}

#membership_chart tfoot td a:hover {
	background-color:#1d1d1d;
}

#membership_chart th a span {font-size:11px;}

/*
#membership_chart th.corporatefriend a { background: url(/assets/templates/images/corporate-membership-chart_labels.gif) -25px 100% no-repeat; width:30px; height:150px; }
#membership_chart th.corporatefriend a:hover { background-position: -25px -6px; }
#membership_chart th.corporateassociate a { background: url(/assets/templates/images/corporate-membership-chart_labels.gif) -75px 100% no-repeat; width:30px; height:150px; }
#membership_chart th.corporateassociate a:hover { background-position: -75px -6px; }
#membership_chart th.corporatebenefactor a { background: url(/assets/templates/images/corporate-membership-chart_labels.gif) -125px 100% no-repeat; width:30px; height:150px; }
#membership_chart th.corporatebenefactor a:hover { background-position: -125px -6px; }
#membership_chart th.corporateleader a { background: url(/assets/templates/images/corporate-membership-chart_labels.gif) -175px 100% no-repeat; width:30px; height:150px; }
#membership_chart th.corporateleader a:hover { background-position: -175px -6px; }
*/

/* Google Search */

.result {margin: 1em 0;}

.nowrap {white-space:nowrap;}

.clearthis {clear:both;float:none;}
hr.clearthis {background-color:transparent;color:transparent;}

