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


/* RESET
---------------------------------------------- */
html{color:#000;background-color:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body {font-family: sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}


/* COLORS
----------------------------------------------
white:			fff
purple:			b55ea4
grey:			7c7c7c
dark brown:		514838
light grey:		989898						*/


/* CORE ELEMENTS
---------------------------------------------- */
html {background-color: #e6e6e6;}
body {font-family: "helvetica neue", arial, sans-serif; font-size: 62.5%; color: #262626;}

a {color: #b55ea4; text-decoration: none; cursor: pointer; outline: none;}
a:hover {color: ; text-decoration: underline;}
a:active {}
a:visited {}

a img {display: block;}
a:hover img {opacity: .96; filter: alpha(opacity=96);}

em {font-style: italic;}
strong {font-weight: bold;}

.name {text-transform: uppercase;}
.Hidden {display: none !important;}
.NoMarginRight {margin-right: 0 !important;}
.alignleft, .FloatLeft {float: left;}
.alignright, .FloatRight {float: right;}


/* CORE DESCRIPTORS
---------------------------------------------- */
#header {position: relative;}
#s7-home {position: absolute; z-index: 2; top: 35px; left: 7px; width: 245px; height: 100px; text-indent: -9999px;}

#menu {position: absolute; top: 85px; left: 258px; font-weight: bold; color: #b55ea4;}
#menu li {display: inline;}
#menu a {display: inline-block; padding: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #b55ea4;}
#menu li:after {content:' | ';}
#menu li:last-child:after {content:'';}
#menu .current_page_item a {text-decoration: underline;}
#menu .page-item-493,
#menu .page-item-496 {display: none !important;} /* Hide "Homepage" Link */

#TourStops li {position: absolute;}
#TourStops .RecentArrow {position: absolute; top: -56px; left: -2px; display: none;}
#TourStops .recent .RecentArrow {display: block;}
#TourStops a {display: block; width: 42px; height: 42px; background: url(/images/sound_icon.png) center top no-repeat;}
#TourStops a:hover {background-position: center;}
#TourStops a:active {background-position: center bottom;}

#container {position: relative; width: 940px; margin: 0 auto 36px; background: #fff /*url(/images/column_background.png) left top repeat*/;}
#content {height: 650px; overflow: hidden;}
#content #ContainerHidden > div > div {height: 520px;}
#content #footer {clear: both; position: relative; z-index: 2; height: 57px; margin-top: 592px; background: url(/images/footer_border.gif);}
#content #footer p {padding: 24px 0 0; text-align: center; font-size: 9px; text-transform: uppercase; color: #989898;}

#ContainerHidden {position: absolute; top: 14px; left: 80px; width: 780px; height: 1000px; overflow: hidden;}

#content.home {position: relative; height: 450px; margin-top: 26px;}
#content.home #footer {margin-top: 392px;}
#content.home h3 {margin: 0 0 15px; font-size: 14px; line-height: 1em; font-weight: bold; text-transform: uppercase; color: #7c7c7c;}
#content.home #latesth3 {position: absolute; left: 85px; top: 0;}
#content.home .title {display: block; min-height: 36px; margin-bottom: 6px; font-size: 14px; line-height: 1.285em; letter-spacing: .025em;}
#content.home .image {display: block; height: 160px; overflow: hidden;}
#content.home .image img {width: auto; height: 160px;}
#content.home .image.podcastImage {height: 130px; margin-bottom: 4px;}
#content.home .image.podcastImage img {width: 100% ; height: auto;}
#content.home .image.podcastImage a:hover {cursor: default;}
#content.home .image.podcastImage a:hover img {opacity: 1;}
#content.home .tourPodcasts {display: none;}
#content.home .primary {display: block;}
#content.home .location {display: block; min-height: 1.285em; font-size: 10px;}
#content.home .credits {display: block; min-height: 1.285em; font-size: 9px;}
#content.home .credits span {text-transform: uppercase;}
#content.home .all {display: block; margin-top: 16px; font-size: 12px; font-style: italic;}

#content.home #HomeLeft {float: left; width: 219px; margin: 0 0 0 160px;}
#content.home #HomeRight {float: right; width: 540px;}
#content.home #HomeRight .column {float: left; width: 140px; margin-right: 20px;}
#content.home #HomeRight .NoMarginRight .tourImage {display: block;}
#HomeBottom {display: none; position: absolute; top: 300px; left: 80px;}


#content.earth-day {display: block; height: 845px; background: url(/images/TemporaryHomepage.gif) top left no-repeat;}
#content.earth-day #footer {margin-top: 788px;}
#earth-day-artsfortransit {position: absolute; top: 724px; left: 48px; width: 261px; height: 37px; text-indent: -9999px; background: url(/images/TemporaryArtsForTransit.gif) center no-repeat;}
#earth-day-artsfortransit:hover {opacity: .92; filter: alpha(opacity=92);}
#earth-day-links {position: absolute; bottom: 56px; right: 0; width: 516px; height: 304px; background: url(/images/TemporaryCorner.gif) center no-repeat;}
#earth-day-links * {position: absolute; z-index: 1;}
#earth-day-links a:hover {opacity: .82; filter: alpha(opacity=82);}
#earth-day-links #earth-day-basecamp {top: -150px; left: 82px; width: 111px; height: 143px; background: url(/images/TemporaryBasecamp.gif);}
#earth-day-links #earth-day-listenin {z-index: 2; top: -90px; left: 169px; width: 65px; height: 83px; background: url(/images/TemporaryListenIn.gif);}
#earth-day-links #earth-day-explore {top: -124px; right: 22px; width: 92px; height: 117px; background: url(/images/TemporaryExplore.gif);}


#content.about {position: relative; z-index: 1000; height: auto; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 14px #aaa; -webkit-box-shadow: 0 0 14px #aaa;}
#content.about h3 {font-size: 14px; font-weight: bold; color: #7c7c7c;}
#content.about p {margin-bottom: 1.285em; font-size: 14px; line-height: 1.285em; color: #514838;}
#content.about #HalfLeft {;float: left; width: 300px; margin: 0 0 0 124px;}
#content.about #HalfRight {float: right; width: 457px; margin: 54px 40px 0 0;}


.NavArrow {position: absolute; top: 81px; width: 30px; height: 29px; text-indent: -999px; background-image: url(/images/NextPreviousArrow.gif); background-repeat: no-repeat; outline: none;}
#PreviousArrow {left: 13px; background-position: left top;}
#PreviousArrow:hover {background-position: left center;}
#PreviousArrow:active {background-position: left bottom;}
#NextArrow {right: 13px; background-position: right top;}
#NextArrow:hover {background-position: right center;}
#NextArrow:active {background-position: right bottom;}

#content.news {position: relative; z-index: 1000; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 11px #aaa; -webkit-box-shadow: 0 0 11px #aaa;}
#news {position: absolute; top: 0; left: 0; width: 15000px;}
.news h3 {position: absolute; top: 14px; left: 80px; font-size: 20px; line-height: 1em; font-weight: bold; text-transform: uppercase; color: #7c7c7c;}
#content.news #ContainerHidden {margin-top: 39px;}
#content.news .newsItem {position: relative; float: left; width: 219px; margin-right: 20px; overflow: hidden;}
#content.news .newsItem img {width: 100%; height: auto; margin-bottom: 8px;}
#content.news .newsItem .newsType {margin-bottom: 3px; font-size: 11px; line-height: 1.285em; color: #b55ea4;}
#content.news .newsItem h4 {margin-bottom: 14px; font-size: 14px; line-height: 1em; font-weight: bold; color: #514838;}
#content.news .newsItem .newsAuthor {display: none; height: 4em; font-size: 10px; line-height: 1.285em; color: #514838; overflow: hidden;}
#content.news .newsItem .newsAuthor span {text-transform: uppercase;}
#content.news .newsItem .newsDescription {font-size: 12px; line-height: 1.285em; color: #514838;}
#content.news .newsItem .newsDate {clear: left; margin-top: 8px; font-size: 9px; text-transform: uppercase; color: #7c7c7c;}

#content.single {position: relative; z-index: 1000; height: auto; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 11px #aaa; -webkit-box-shadow: 0 0 11px #aaa;}
#content.single .singleItem {position: relative; width: 616px; margin: 57px 0 0 80px; overflow: hidden;}
#content.single .singleItem img {width: 100%; height: auto; margin-bottom: 8px;}
#content.single .singleItem .singleType {margin-bottom: 3px; font-size: 11px; line-height: 1.285em; color: #b55ea4;}
#content.single .singleItem h4 {width: 219px; margin-bottom: 4px; font-size: 14px; line-height: 1.25em; font-weight: bold; color: #B55EA4;}
#content.single .singleItem .singleAuthor {height: 2.5em; font-size: 10px; line-height: 1.285em; color: #514838; overflow: hidden;}
#content.single .singleItem .singleAuthor span {text-transform: uppercase;}
#content.single .singleItem .singleDescription {padding-right: 230px; font-size: 12px; line-height: 1.285em; color: #514838;}
#content.single .singleItem .singleDate {position: absolute; top: 0; right: 0; height: auto !important; font-size: 9px; text-transform: uppercase; color: #7c7c7c;}
#content.single .singleItem embed {display: none;}
#content.single #footer {margin-top: 21px;}
#backtonews {display: block; margin-top: 1.8em; font-size: 1.2em; font-weight: bold;}


#content.podcasts {position: relative; z-index: 1000; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 11px #aaa; -webkit-box-shadow: 0 0 11px #aaa;}
#podcasts {position: absolute; top: 0; left: 0; width: 15000px;}
.podcasts h3 {position: absolute; top: 14px; left: 80px; font-size: 20px; line-height: 1em; font-weight: bold; text-transform: uppercase; color: #7c7c7c;}
#content.podcasts #ContainerHidden {margin-top: 39px;}
#content.podcasts .podcast {position: relative; float: left; width: 140px; margin-right: 20px; overflow: hidden;}
#content.podcasts .podcast img {height: 140px;}
#content.podcasts .podcast .podcastStop {margin-bottom: 3px; font-size: 11px; line-height: 1.285em; color: #b55ea4;}
#content.podcasts .podcast h4 {margin-bottom: 4px; font-size: 14px; line-height: 1em; font-weight: bold; color: #514838;}
#content.podcasts .podcast .podcastAuthor {height: 4em; font-size: 10px; line-height: 1.285em; color: #514838; overflow: hidden;}
#content.podcasts .podcast .podcastAuthor span {text-transform: uppercase;}
#content.podcasts .podcast .podcastImage {position: absolute; top: 92px; left: 0;}
#content.podcasts .podcast .podcastImage a:hover {cursor: default;}
#content.podcasts .podcast .podcastImage a:hover img {opacity: 1;}
#content.podcasts .podcast .podcastDescription {position: absolute; top: 270px; left: 0; font-size: 12px; line-height: 1.285em; color: #514838;}
#content.podcasts .podcast .audioplayer {position: absolute; top: 237px; left: 0;}
#content.podcasts #DownloadPackagedTours {position: absolute; bottom: 68px; left: 80px; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}

#content.maps {position: relative; z-index: 1000; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 11px #aaa; -webkit-box-shadow: 0 0 11px #aaa;}
#maps {position: absolute; top: 0; left: 0; width: 15000px;}
.maps h3 {position: absolute; top: 14px; left: 80px; font-size: 20px; line-height: 1em; font-weight: bold; text-transform: uppercase; color: #7c7c7c;}
#content.maps #ContainerHidden {margin-top: 39px;}
#content.maps .map {position: relative; float: left; width: 301px; margin-right: 20px; overflow: hidden;}
#content.maps .map h4 {margin-bottom: 16px; font-size: 14px; line-height: 1em; font-weight: bold; color: #514838;}
#content.maps .map .mapContent img {width: auto; height: 220px;}
#content.maps .map .mapDescription {font-size: 12px; line-height: 1.285em; color: #514838;}
#content.maps .map .mapDownload {margin: 3px 0 5px; font-size: 12px; text-transform: uppercase;}

#content.tours {position: relative; z-index: 1000; height: 1000px; margin-top: -70px; background-color: #fff; -moz-box-shadow: 0 0 11px #aaa; -webkit-box-shadow: 0 0 11px #aaa;}
#tours {position: absolute; top: 0; left: -10px; width: 15000px; height: 900px;}
.tours h3 {position: absolute; top: 14px; left: 80px; font-size: 20px; line-height: 1em; font-weight: bold; text-transform: uppercase; color: #7c7c7c;}
#content.tours #ContainerHidden {margin-top: 39px;}
#content.tours .tour {position: relative; float: left; width: 299px; margin-right: 20px; padding-left: 10px;}
#content.tours .tour .tourImage {float: left; margin-right: 6px; margin-bottom: 4px;}
#content.tours .tour .tourContent {margin-left: 10px; padding: 5px 5px 18px; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc;}
#content.tours .tour .tourPodcasts {font-size: 11px;}
#content.tours .tour .tourPodcasts li {list-style-position: inside; list-style-type: decimal;}
#content.tours .tour .tourDownloads {display: block; margin: 12px 0 5px; font-size: 11px; text-transform: uppercase; color: #b55ea4;}
#content.tours .tour .tourDescription {font-size: 12px; line-height: 1.285em; color: #514838;}
#content.tours #footer {margin-top: 942px;}

#content #instructions {position: absolute; bottom: 60px; left: 80px; width: 480px; height: 400px; padding-top: 17px; font-size: 1.2em; border-top: 2px dotted #ccc;}
#content #instructions h4 {margin-bottom: 6px; text-transform: uppercase; font-weight: bold; color: #b55ea4;}
#content #instructions ol {}
#content #instructions li {list-style: decimal outside; margin: 0 0 6px 32px; padding-left: 0; line-height: 1.35em;}
#content #instructions p {margin-bottom: 1.35em; line-height: 1.35em;}
#content #instructions #linkp {text-transform: uppercase; font-weight: bold;}


/* FACEBOOK FANBOX STYLES */
#facebookPage {display: none; position: absolute; z-index: 500; top: -24px; left: 0;}

/* CLEARFIXES */
#content.tours .tour .tourContent:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}