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

/* RESET STYLES */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0 0.7em;;
}
body {
	line-height: 1.1em;
}
ol, ul {
	list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* END OF RESET */

#gson_bar a { font-weight: normal; }

p {
	margin: 0.3em 0 0.7em;
}

body {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	/*background: #e84098 url(../images/bgfade.png) repeat-x top;*/
	background-attachment: fixed;
}

#headerbg {
	background: #fff;
	text-align: left;
	height: 150px;
}
#header {
	width: 920px;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	margin: 0;
	width: 221px;
	height: 84px;
	position: absolute;
	top: 37px;
}
#header h1 a {
	text-indent: -9999em;
	font-size: 0.01em;
	margin: 0;
	display: block;
	width: 221px;
	height: 84px;
	background: url('/images/header_logo.png') no-repeat;
}
#header .header_button { width: 920px; margin: 0 auto; position: relative; }
	#header .header_button.home { width: 920px; }
	#header .header_button a { text-indent: -9999em; display: block; width: 230px; height: 100px; position: absolute;
		right: 0px; top: 20px; background: url('../images/header_button_smfaca.png') no-repeat; }
#header .header_message { width: 920px; margin: 0 auto; position: relative; line-height: 1.3em; }
	#header .header_message a { width: 600px; color: #e84098; text-align: right; font-weight: bold; position: absolute;
		 right: 0px; top: 33px; font-size: 1.1em; }
	#header .header_message a .secondary { font-size: 0.9em; color: #ff66b5; display: block; }

#header .header-social-links { width: 920px; margin: 0 auto; position: absolute; bottom: 33px; text-align: right; }
.header-social-links a { display: inline-block; width: 24px; height: 24px; margin: 0 0 0 3px;
	text-indent: -999em; overflow: hidden; text-align: left; }
.header-social-links .social-link-facebook { background-image: url('/images/social_facebook.png'); }
.header-social-links .social-link-twitter { background-image: url('/images/social_twitter.png'); }

#container {
	text-align: center;
	width: 960px;
	margin: 0 auto;
}

#nav {
	color: #fff;
	background: #000;
	width: 890px;
	margin: 0 auto 1.5em;
	padding: 10px 15px;
	text-align: left;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: -1px;
}
#nav ul {
	margin: 0;
}
#nav ul li {
	font-size: 1.05em;
	list-style-type: none;
	margin: 0 20px 0 0;
	display: inline-block;
}
#nav li a { color: #fff; text-decoration: none; }
#nav li:hover a { color: #e84098; }
#nav li.active a { color: #fff; }
#nav li.active:hover a { color: #e84098; }
#nav img { background-color: #e84098; }

#latestnewsstory { background-color: #e84098; padding: 10px; color: #fff; margin: 0 0 20px; }
#latestnewsstory a { color: #fff; }
#latestnewsstory a .date, #latestnewsstory a .readmore { color: #ffdeef; font-size: 0.9em; }

#homephotobar { background-color: #ff66b5; height: 175px; margin: 0 0 30px; overflow: hidden; }
#homephotobar .slideshow { width: 300px; float: left; }
	#homephotobar .slideshow ul { margin: 0; padding: 0; position: relative; }
	#homephotobar .slideshow ul li { position: absolute; top: 0; left: 0; }
#homephotobar .blurb { width: 530px; float: right; color: #fff; font-size: 1.15em; font-weight: bold; line-height: 1.4em;
	padding: 50px 40px 40px 50px; background: url('/images/photobarshadow.png') repeat-y left; text-transform: uppercase; }

#exhibitions { float: left; width: 440px; overflow: hidden; margin: 0 20px 20px 0; }
#exhibitions h2 { margin: 0 0 1.2em; color: #e84098; text-transform: uppercase; letter-spacing: -1px; }
#exhibitions dt { float: left; width: 150px; color: #ff66b5; text-transform: uppercase; }
#exhibitions dd { margin: 0 0 20px 150px; }
#exhibitions dd .title { margin: 0; }
#exhibitions dd .description { font-size: 0.9em; margin-bottom: 0; }
#exhibitions dd strong.title { color: #e84098; }
#exhibitions a.more { color: #ff66b5; font-weight: normal; margin: 0 0 0.2em; }

#homepage_news ul li { margin: 0 0 0.5em 14px; list-style-type: square; color: #ccc; }

#featureimage { float: right; width: 460px; margin: 0 0 30px; font-size: 0.1em; }
#featureimage { display: block; }
#featureimage a { font-weight: normal; }
#featureimage .caption { padding: 10px 20px 0; font-size: 8em; color: #666; overflow: hidden; }
#featureimage .caption .logo { float: right; margin: 0 0 10px 10px; display: block; }
#featureimage .caption .title { font-weight: bold; }
#featureimage .caption .author {  }
#featureimage .caption p { margin: 0; }

#newsbar { clear: both; background: #e84098 url('/images/newsbarbg.png') no-repeat top left;
	color: #fff; overflow: hidden; }
#newsbar h3 { text-transform: uppercase; text-align: left; margin: 0 0 1em; }
	
	#newsbar .wrapper { background: url('/images/current_program.png') no-repeat 22px 42px; overflow: hidden; }		
	
	#newsbar .currentprogram { width: 190px; float: left; text-align: center;
		padding: 15px 15px 0; font-size: 0.1em; overflow: hidden; }
	#newsbar .currentprogram h3 { font-size: 12em; }
	#newsbar .currentprogram a { display: block; height: 95px; text-indent: -9999em; }
	
	#newsbar .latestnews { width: 350px; float: left; padding: 15px; }
	#newsbar .latestnews ul { margin: 0; padding: 0 0 0 20px; font-size: 0.9em; }
	#newsbar .latestnews li { margin: 0 0 0.5em; padding: 0; list-style-type: square; }
	#newsbar .latestnews li a { color: #fff; font-weight: normal; }
	#newsbar .latestnews li a:hover { color: #eee; }
	#newsbar .latestnews a.more { font-weight: normal; color: #fff; }
	#newsbar .latestnews a:hover { color: #eee; }
	
	#newsbar .awardlogos { width: 290px; float: right; padding: 17px 15px 5px; text-align: center; }
	#newsbar .awardlogos a { margin: 0 5px 10px; display: inline-block; }

#subnav h4 { font-size: 1.3em; font-weight: normal; text-transform: uppercase; margin: 0 0 1.3em; }
#subnav ul { margin: 0 0 0.5em; padding: 0; }
#subnav ul li { margin: 0; padding: 0.5em 0 0.5em; list-style: none; border-top: 1px dotted #bbb; }
#subnav ul li.last, #subnav ul li.more { border-bottom: 1px dotted #bbb; margin-bottom: 2em; }
#subnav ul li.active a { font-weight: bold; }
#subnav ul li.active li a { font-weight: normal; }
#subnav ul li a { font-weight: normal; }
	#subnav ul li ul { margin: 0.7em 0 0; padding: 0 0 0 10px; }
	#subnav ul li ul li { font-size: 0.8em; border-color: #ddd; }


#contentboxhome { padding: 0 20px; margin: 0 auto; text-align: left; overflow: hidden; }

#contentbox { padding: 4px; margin: 0px auto 20px; text-align: left; overflow: hidden; }
#contentbox #subnav { float: right; width: 172px; padding: 0px 20px 20px; color: #000; }
#contentbox #content { background: #fff; padding: 0px 20px 20px; width: 700px; font-size: 0.9em; text-align: left; line-height: normal;
	float: left; }

#content h2 { text-transform: uppercase; font-size: 2.2em; line-height: normal; letter-spacing: -0.05em; font-weight: bold;
	color: #000; margin: 0 0 0.5em; }
#content h3 { text-transform: uppercase; font-size: 1.8em; line-height: normal; letter-spacing: -0.05em; font-weight: bold;
	color: #333; clear: left; margin: 1.2em 0 0.8em; }
#content h4 { font-size: 1.6em; line-height: normal; letter-spacing: -0.05em; font-weight: bold;
	color: #555; margin: 1.3em 0 1em; clear: both; }
#content h5 { text-transform: uppercase; font-size: 1.3em; line-height: normal; letter-spacing: -0.05em; font-weight: bold;
	color: #666; margin: 1.3em 0 0.5em; }
#content h6 { font-size: 1.3em; line-height: normal; letter-spacing: -0.05em; font-weight: bold;
	color: #777; margin: 1.3em 0 0; }

#content p {
	margin: 0.5em 0 1.3em;
	line-height: 1.5em;
}
#content p.articleintro, #contentboxhome p.articleintro {
	font-size: 1.4em;
	font-weight: bold;
	color: #999;
	letter-spacing: -1px;
	line-height: 1.3em;
}
#contentboxhome p.articleintro {
	margin: 0 0 40px;
}

#breadcrumbs { margin: 0 0 1.3em; padding: 0.5em 0; border: 1px dotted #ccc; border-left: none; border-right: none;
	font-size: 0.9em; text-transform: uppercase; }
#breadcrumbs a { font-weight: normal; }
#breadcrumbs span.hide { margin: 0 5px 0; color: #ccc; }

#subpages { margin: 2em 0 0; }

table { width: 100%; margin: 0 0 1.3em; border-collapse: collapse; }
th, td { padding: 6px 5px; border: 1px dotted #ccc; }
th { font-weight: normal; background-color: #f6f6f6; }

blockquote { color: #e84098;
	font-style: italic;
	margin: 0 3em 1.5em;
}
a {
	color: #e84098;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #ff66b5;
	font-weight: bold;
	text-decoration: none;
}
a.download {
	background: transparent url(../images/icon_download.gif) no-repeat center left;
	padding: 0 0 3px 22px;
	margin-top: 20px;
	display: block;
}

#content ul, #content ol { margin: 0.5em 0 1.5em 2.2em; }
#content li { margin: 0.5em 0; }
#content ul li { list-style-type: square; }
#content ol li { list-style-type: decimal; }

#content ul.toc { color: #ccc; margin-top: 1.5em; }

.articlephoto { width: 250px; float: right; margin: 0 0 20px 20px; clear: right; border-bottom: 2px solid #e84098; }
	.articlephoto a { display: block; }
	.articlephoto .articlecaption { margin: 0.5em 0 0.8em; color: #e84098; }

.imagegallery { margin: 0.5em 0 1em; }
.imagegallery.logos { text-align: center; }
.imagegallery .galleryitem { display: inline-block; margin: 0 10px 20px; }
.imagegallery.logos .galleryitem { vertical-align: middle; }

.imagegallery.logos.giving { padding: 0 40px; }
.imagegallery.logos.smfacaa { padding: 0 40px; }

.imagegallery.hype { margin: 0; }
.imagegallery.hype .galleryitem { margin: 0 7px 10px 0; border: 3px solid #e84098; }
.imagegallery.hype .galleryitem a { display: block; }
.imagegallery.hype .galleryitem a img { display: block; }

.galleryslideshow { height: 308px; overflow: hidden; margin: 0 0 20px; }
#content .galleryslideshow ul { position: relative; margin: 0; padding: 0; }
#content .galleryslideshow li { position: absolute; text-align: center; margin: 0; padding: 0;
	list-style: none; width: 100%; height: 308px; }
	#content .galleryslideshow li img { display: inline; border: 4px solid #e84098; vertical-align: middle; }

.subpageitem { line-height: 1.3em; clear: both; font-size: 1.5em; line-height: 30px; font-weight: bold; }
	.subpageitem .subpagepic { display: block; float: left; margin: 2px 10px 15px 0; }
.subpageclear { display: none; }

/* Events (Exhibitions and Workshops) */
.eventitem { margin: 0 0 1em; line-height: 1.2em; padding: 0 0 1em; clear: left; overflow: hidden;
	border-bottom: 1px dotted #ccc; }
	.eventitem .title { font-size: 1.1em; font-weight: bold; }
	.eventitem .pic { float: left; margin: 0 10px 10px 0; }
	.eventitem .pic a { display: block; }
	.eventitem .event-details { overflow: hidden; /* Stops the text wrapping around the image. */ }
	.eventitem .date { color: #999; }
	.eventitem .description { margin: 0.3em 0 0; line-height: 1.5em; }
	#content .eventitem .description p { margin: 0 0 0.5em; }
	.eventitem a.more { padding: 0 16px 0 0; background: url('/images/icons/arrow_simple_down.gif') no-repeat right;
		display: inline-block; }
	.eventitem a.less { padding: 0 16px 0 0; background: url('/images/icons/arrow_simple_up.gif') no-repeat right;
		display: inline-block; }

/* News Archives */
#newsarchives { overflow: hidden; }
	#newsarchives h3 { margin-top: 0; }
	#newsarchives h4 { padding: 0 0 15px; }
	.newsarchivesitem { margin: 0 0 1.3em; line-height: 1.2em; padding: 0; clear: left; }
		.newsarchivesitem .newsarchivestitle { font-size: 1.1em; font-weight: bold; }
		.newsarchivesitem .newsarchivespic { float: right; margin: 0 0 0 10px; }
		.newsarchivesitem .newsarchivespic a { display: block; }
		.newsarchivesitem .newsarchivesdate { color: #999; }
		.newsarchivesitem .clear { clear: right; }

/* .newsarchivesitem { line-height: 1.3em; }
	.newsarchivesitem .newsarchivespic { display: block; float: left; margin: 2px 10px 15px 0; }
	.newsarchivesitem .newsarchiveshead { font-weight: bold; }
	.newsarchivesitem .newsarchivesdesc { font-size: 0.9em; margin: 0 0 1em 70px; }*/

.shopitem { overflow: hidden; margin: 0 0 10px; }
.shopitem .image { width: 50px; float: left; margin: 0 10px 0 0; text-align: center; line-height: 50px; }
	.shopitem .image a { display: block; }
.shopitem .title { font-size: 1.1em; font-weight: bold; margin: 0 0 0 60px; }
.shopitem .title.nodesc { padding-top: 12px; }
.shopitem .description { font-size: 0.9em; color: #444; margin: 0 0 0 60px; padding: 0.3em 0 0; }

.publications.twocolumn .shopitem { width: 330px; margin: 0 10px 10px 0; display: inline-block; vertical-align: top; }

.featurebox { margin: 0 0 1.3em; padding: 1em 0 0.2em; }

#content .featurebox h5, #content .featurebox h4 { margin-top: 0; }

.downloadlink { margin: 10px 0; padding: 0; }
	.downloadlinktitle a { display: inline-block; padding-left: 24px;
		background: url('/images/icons/download.gif') no-repeat 0em 0.1em; line-height: 1.5em; }
	.downloadlinktitle span { padding-left: 0.5em; color: #777; font-size: 0.9em; }
	.downloadlinkdesc { margin-left: 24px; font-size: 0.9em; line-height: 1.1em; color: #555; }

.relatedlink { margin: 10px 0; padding: 0; }
	.relatedlinktitle a { display: inline-block; padding-left: 24px;
		background: url('/images/icons/page_white_world.gif') no-repeat 0em 0.25em; line-height: 1.5em; }
	.relatedlinkdesc { margin-left: 24px; font-size: 0.9em; line-height: 1.1em; color: #555; }
	.relatedlinkurl a { margin-left: 24px; font-size: 0.85em; }

.sidebox { clear: both; margin: 0 0 30px 20px; padding: 0 0 0 20px; width: 160px; float: right; line-height: 1.3em;
	border-left: 1px dotted #ccc; }
	#content .sidebox h3 { margin-top: 0; font-size: 1.2em; font-weight: bold; color: #ff66b5 }
	.sidebox .sideboxcontent { padding: 0; }
	#content .sidebox .sideboxcontent ul { margin-bottom: 0; }

#map { display: none; clear: both; height: 450px; border: 1px dotted #ff66b5; }

hr { border: none; border-top: 1px dotted #ccc; margin: 3em 0 2.5em; background-color: transparent; height: 1px;
	clear: both; }

.clear, .clearfloat { display: block; clear: both; font-size: 0.1em; height: 1px; }

.backtotop { border: 1px dotted #ccc; border-left: none; border-right: none; clear: both; padding: 0.5em 0; margin: 3em 0 0.3em;
	text-align: right; font-size: 0.8em; }
.backtotop a { font-weight: normal; text-decoration: none; text-transform: uppercase; }

#programviewer { border: 1px dotted #ccc; text-align: center; }

#footer { margin: 10px 0 20px; font-size: 0.8em; clear: both; }
#footerinner { width: 880px; margin: 0 auto; overflow: hidden; padding: 20px; background: #d1d1d1; }

.footer-links { width: 325px; float: left; overflow: hidden; }
.footer-links ul { margin: -0.5em 0 0; padding: 0; float: left; }
.footer-links .footer-links-column-1 { width: 215px; margin-right: 10px; }
.footer-links .footer-links-column-2 { width: 100px; }
.footer-links li { margin: 0; padding: 0; list-style: none; }
.footer-links a { font-weight: normal; font-size: 1.1em; line-height: 1.5em; color: #000; display: block; padding: 0.3em 0; }
.footer-links a:hover { color: #e84098; }

#footer .footer-contact-details { width: 333px; float: left; margin-right: 20px; padding: 0 20px; border: 1px solid #bbb; border-top: none; border-bottom: none; }

#footer .footer-logos { width: 160px; float: left; text-align: right; padding: 7em 0 0; }
#footer .footer-logos .gscc_logo { display: block; margin: 0 0 2em; }
#footer img { border: none; }

#footer p { margin: 0 0 1em; }


/* ------------------------------------------------------- */
/* Carousel */
/* ------------------------------------------------------- */

.carousel ol,
.carousel ul { list-style: none; }

.carousel { margin: 0 0 1.5em; height: 375px; }
.carousel .carousel-slides { margin: 0; padding: 0; position: relative; height: 350px; overflow: hidden; }

.carousel .carousel-slide { display: block; margin: 0; padding: 0; width: 920px; height: 350px; }
.carousel .carousel-graphic-link { display: block; height: 350px; }
.carousel .carousel-graphic { display: block; text-indent: -999em; overflow: hidden; }

.carousel .carousel-buttons { text-align: center; margin: 0; padding: 5px 0; }
.carousel .carousel-button { display: inline-block; width: 15px; height: 15px; text-align: left; text-indent: -999em; overflow: hidden;
	background: #bbb; margin-left: 5px; cursor: pointer; }
	.carousel .carousel-button.selected { background: #000; }

/* ------------------------------------------------------- */
/* Home Page Quick Links */
/* ------------------------------------------------------- */

.quick-links { display: block; clear: both; margin: 0 0 1.5em; padding: 0; overflow: hidden; }
.quick-links .quick-links-item { margin: 0 20px 0 0; padding: 0; list-style: none; width: 215px; float: left; }
.quick-links .quick-links-item-last { margin-right: 0; }

.quick-links .quick-links-item-link { display: block; padding: 215px 0 0; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 1.2em; }
.quick-links-item-link:hover .quick-links-caption { color: #ff66b5; }

.quick-links .quick-links-caption { display: block; background: #000; color: #fff; padding: 10px; }

.quick-links-launch-party { background-image: url('/images/quick_links_launch_party.jpg'); }
.quick-links-programs { background-image: url('/images/quick_links_programs.jpg'); }
.quick-links-shop { background-image: url('/images/quick_links_shop.jpg'); }
.quick-links-map { background-image: url('/images/quick_links_map.jpg'); }


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