/*---------*/
/* Global */
/*--------*/


* {
    border: 0 solid #eee;
    margin: 0;
    padding: 0;
    list-style: none
}

#homepage, #bg, #bg table, #bg td {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    cursor: default;
    background: #212312;
    color: #fff;
    line-height: 16px;
    margin-top: 0;

}

/* Fix for firefox 3 outline of transparent swf */
object {
    outline: none;
}

.wrap {
    background: #45472F;
    width: 93%;
    margin: 0 auto;
    max-width: 1600px;
    min-width: 1050px;
}

.wrap-inner {
    width: 100%;
    margin: 0 auto;
}

.container {
    background: #45472F;
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 auto;
    width: 92.38%; /* 970px / 1050px = 0.9238 */
    min-width: 970px;
}

.dark_background {
    /* changes the background color for the tour */
    background: #292A20;
    position: relative;
}

#homepage .container {
    /* removes background for homepage */
    background: transparent;
    padding-top: 20px;
}

a {
    text-decoration: none;
    color: #9A9E5A;
    outline: 0
}

a:hover {
    text-decoration: underline;
    color: #9A9E5A;
    background: none;
}

a:visited {
    color: #9A9E5A;
}

/* CF Hacks to get the info links showing up in interesting ways */
a.info_link {
    color: #9A9E5A;
    text-decoration: none;
    border-bottom: 1px dotted #9A9E5A;
}

a.image_link {
    padding-left: 20px;
    background: transparent url(/assets/icon_picture_popup-86ff3c9f70e4b26e032ac44d3f43c4b4b05cf9eb80cdee02dd493d5d4054aa89.png) no-repeat center left;
}

a.text_link {
    padding-left: 20px;
    background: transparent url(/assets/icon_excerpt_popup-9330efbaa7f06f6027224d90c888589ba4916ab8442e0841c1a640eaa3d10556.png) no-repeat center left;
}

a.external_link {
    padding-right: 20px;
    background: transparent url(/assets/icon_external_link-937eecfefa651d42ff2596e8aee2163aed99c588236fe236208faf37244bbaeb.png) no-repeat center right;
}

a.compare_link {
    padding-left: 0;
}

a.compare_link.active {
    padding-left: 0;
    color: white;
}

h1, h2, h3, h4 {
    color: #B6BA9F;
}

h2 {
    color: white;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 28px;
}

h3 {
    font-size: 14px;
    line-height: 18px;
}

h4 {
    font-size: 12px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
    line-height: 18px;
}

img {
    display: block
}

blockquote {
    color: inherit;
}

p {
    line-height: inherit;
}

p img.right, img.right {
    float: right;
    margin: 0 0 0 1.5em;
}

p img.left, img.left {
    float: left;
    margin: 0 1.5em 0 0;
}

.inline {
    display: inline;
    vertical-align: -3px;
}

.arrow:after {
    content: url(/assets/link_arrow_sm-d2d10c660f34dea2bcdbf5d275ea8b8c4eba97d4f17405dce87f53c568826f89.gif);
    margin-left: 10px;
}

.caption {
    font-size: 10px;
}

.invisible {
    visibility: hidden;
}

.subhead {
    position: relative;
}

.fade {
    moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}

.hide {
    moz-opacity: .00;
    filter: alpha(opacity=0);
    opacity: .00;

}

/*----------*/
/* Homepage */
/*----------*/

/* Background */

#bg div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2%;
    left: 0;
    z-index: -10;
}

#bg td {
    vertical-align: top;
    text-align: center
}

#bg img {
    min-height: 95%;
    min-width: 95%;
    margin: 0 auto
}

#site_title {
    position: absolute;
    left: 190px;
    top: 50px;
}

#beta_message {
    position: absolute;
    right: 0;
    top: 0;
    background: #212312;
    moz-opacity: .70;
    filter: alpha(opacity=70);
    opacity: .70;
    width: 400px;
    font-size: 16px;
    line-height: 33px;
    padding: 20px;
    padding-right: 60px;
    padding-top: 30px;
}

#beta_message p {
    margin-bottom: 0;
}

#application_entries {
    position: relative;
    top: 475px;
    z-index: 70;
    color: #fff;
    font-size: 11px;
}

#application_entries a:hover {
    text-decoration: none;
}

#application_entries_inner {
    width: 860px;
    margin: 0 auto;
}

#application_entries #tour, #application_entries #gallery, #application_entries #journey {
    width: 230px;
    height: 155px;
    overflow: auto;
    background: #45472F;
    padding: 10px 15px;
    margin-right: 20px;
    float: left;
    border: 1px solid #66693B;
}

#application_entries h3 {
    margin-bottom: 8px;
}

#application_entries a p {
    color: #fff;
}

#application_entries a h3, #application_entries a h4 {
    color: #9A9E5A;
}

#application_entries #tour {
    width: 270px;
    height: 175px;
    padding: 0;
    background: url(/assets/homepage_tour_module-a1816a30d8790506822036547dd4f07cf27a2869278a0cc2c2e42ab208ac1021.jpg) no-repeat;
}

#application_entries #tour p {
    display: none;
}

#application_entries #tour:hover {
    background: #45472F;
}

#application_entries #tour:hover p {
    display: block;
}

#application_entries #gallery {
    width: 220px;
    padding-left: 20px;
    padding-right: 20px;
    background: url(/assets/homepage_gallery_module-94ff092d12d020d822c994a6dcac363a8663121de6e03fadcbfc89596f91e464.jpg) no-repeat;
}

#application_entries #gallery .thumbs img {
    float: left;
    margin-right: 10px;
    margin-bottom: 13px;
    border: 1px solid #9A9E5A;
}

#application_entries #gallery .thumbs img.last {
    margin-right: 0;
}

#application_entries h3:after {
    content: url(/assets/link_arrow-2f1befe8de5c69e075a84ac16f13baa9525d12b22a41f6d57b1ad261e0844ef0.gif);
    margin-left: 10px;
}

#application_entries h4 {
    margin-bottom: 5px;
}

#tour h3 {
    padding: 10px 0 0 15px;
    margin-bottom: 8px;
}

#tour p {
    padding: 10px 15px 0 15px;
}

.gallery .thumbs img {
    border: 1px solid #9A9E5A;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gallery .thumbs img.last {
    margin-right: 0;
}

#journey {
    position: relative;
}

#journey p {
    padding-bottom: 7px;
    border-bottom: 1px solid #66693B;
    margin-bottom: 7px;
}

#journey ul.left, #journey ul.right {
    position: absolute;
}

#journey ul.right {
    left: 50%;
}

#journey ul li {
    list-style-image: url(/assets/link_arrow_sm-d2d10c660f34dea2bcdbf5d275ea8b8c4eba97d4f17405dce87f53c568826f89.gif);
}

/*-------------*/
/* Application */
/*-------------*/

/* Navigation */

.header {
    width: 100%;
    min-width: 1050px;
    height: 69px;
    background: url(/assets/subpage_header_background-299ab9bf38e32425bdbc2e72f3706c224ae34860f5db5de459f3e34e95ce97d0.jpg) no-repeat;
    padding-top: 0;
    color: #45462E;
    font-size: 13px;
    max-width: 1600px;
}

.header_inner {
    width: 92.38%;
    min-width: 970px;
    height: 69px;
    margin: 0 auto;
    position: relative;
}

.header a {
    color: #45462e;
}

.header #logo {
    position: absolute;
    left: 0;
    height: 69px;
    width: 180px;
}

.header li {
    float: left;
}

#global_nav_main {
    text-transform: uppercase;
    position: absolute;
    top: 29px;
    left: 170px;
    margin-right: 0;

}

#global_nav_main li {
    background: #AECBB8;
    padding: 0 7px;
    border: 1px solid #66693B;
    margin-right: 8px;
    padding: 5px 10px;
}

#global_nav_main li:hover {
    background: #90A48B;
}

#global_nav_main li.last {
    margin-right: 0;
}

#global_nav_secondary {
    background: #AECBB8;
    border: 1px solid #66693B;
    height: 26px;
    position: absolute;
    top: 29px;
    right: 0;
    padding-left: 10px;
    margin-right: 0;
}

#global_nav_secondary li {
    margin-right: 10px;
    padding: 5px 0;
}

#global_nav_secondary li a:hover {
    text-decoration: underline;
}

/*---------*/
/* Gallery */
/*---------*/

/* Subnavigation for Gallery Pages */

.gallery .subhead {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.gallery .subhead .results_message {
    position: absolute;
    top: 2px;
    width: 100%;
    text-align: center;
}

#scrapbook .subhead .results_message {
    top: 16px;
}

.gallery .sub_nav {
    background: #3A3C28;
    height: 30px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    position: relative;
    margin-top: 10px;
    padding-top: 5px;
}

.gallery .sub_nav h5 {
    position: absolute;
    color: #fff;
    top: 9px;
    left: 9px;
    font-weight: lighter;
}

.gallery .sub_nav #gallery_filter_links {
    position: absolute;
    left: 60px;
    top: 8px;
    z-index: 2;
}

.gallery .sub_nav li {
    float: left;
    margin-right: 19px;
}

#gallery_filter_links li:after {
    content: url(/assets/gallery_filter_down_arrow-d49c0b165c0dfe60378664f0bb1ff0aab99e32724c47a9d8600fed155dbd51ab.gif);
    position: relative;
    top: -1px;
}

.gallery .sub_nav li a {
    margin-right: 6px;
    color: #9A9E5A;
}

.gallery .sub_nav li a:hover {
    text-decoration-line: none;
}

.gallery .sub_nav li a:focus {
    color: white;
}

.gallery .sub_nav li#show_all:before {
    content: "|";
    color: #9A9E5A;
}

.sub_nav li#show_all:after {
    content: "";
    color: #9A9E5A;
}

.gallery .sub_nav li#show_all a {
    margin-right: 12px;
}

.gallery .sub_nav li#show_all a {
    margin-left: 12px;
}

.gallery .sub_nav select {
    height: 18px;
    background: url(/assets/subpage_header_background-299ab9bf38e32425bdbc2e72f3706c224ae34860f5db5de459f3e34e95ce97d0.jpg) no-repeat;
    border: none;
}

.gallery .sub_nav #gallery_search {
    position: absolute;
    right: 20px;
    top: 5px;
}

#gallery_search input#term {
    background: #3A3C28;
    border: 1px solid #66693B;
    color: #9A9E5A;
    height: 22px;
    padding-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

#gallery_search input.search_submit {
    background: #83875B;
    height: 22px;
    border: 1px solid #66693B;
    color: white;
    text-transform: uppercase;
    text-align: center;
    width: 59px;
    vertical-align: middle
}

/* Gallery Index Page */
div.pagination {
    position: absolute;
    right: 0;
    top: 6px;
    width: 485px;
    font-size: 13px;
    text-transform: uppercase;
    color: #666a47;
    text-align: right;
    margin-right: 10px;
}

div.pagination a {
    color: #9A9E5A;
}

div.pagination a, div.pagination span {
    margin-left: 5px;
}

#gallery_thumbs {
    width: 970px;
    margin: 0 auto;
}

#gallery_thumbs h5 {
    color: #fff;
    font-weight: lighter;
    text-transform: uppercase;
    text-indent: 9px;
    letter-spacing: 1px;
    font-size: 11px;
}

div.image_thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 140px;
    height: 140px;
    border: 1px solid #45472F;
}

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

/* Gallery Index Image Rollover */
div.image_thumb {
    position: relative;
    overflow: visible;
}

div.image_thumb:hover {
    border: 1px solid #9A9E5A;
}

div.image_thumb_rollover h4 {
    font-size: 16px;
    display: inline;
    text-transform: none;
    color: white;
    font-weight: normal;
}

div.image_thumb a, div.image_thumb a:hover {
    text-decoration: none;
}

div.image_thumb_rollover {
    position: absolute;
    bottom: 125px;
    left: -20%;
    min-width: 170px;
    max-width: 190px;
    z-index: 200;
    color: #fff;
    height: auto;
    padding: 15px;
    background: #21221A;
    overflow: visible;
}

div.image_thumb_rollover span {
    position: absolute;
    bottom: -8px;
    left: 45%;
}

/* Popup Filters */
div#gallery_filter_popups {
    position: relative;
    left: 70px;
    z-index: 200;
}

div.gallery_popup {
    width: 210px;
    background: #3A3C28;
    position: absolute;
    top: 25px;
    line-height: 20px;
}

div#subject_popup {
    left: 0;
}

div#subject_popup ul, #medium_popup ul, #location_popup ul, #artist_popup ul, #owner_popup ul {
    margin-top: 10px;
}

div#subject_popup ul li, #medium_popup ul li, #location_popup ul li, #artist_popup ul li, #owner_popup ul li {
    float: none;
}

div#medium_popup {
    left: 80px;
}

div#location_popup {
    left: 160px;
}

div#artist_popup {
    left: 325px;
}

div#owner_popup {
    left: 250px;
}

#zoomify_pane object {
    background: #36372E;
}

/* Gallery Detail Page */
.gallery_title {
    width: 77%;
    float: left;
}

.gallery_title h2 {
    color: white;
    text-transform: none;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.gallery_title p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 15px;
}

.gallery h3 {
    text-transform: uppercase;
    color: white;
    margin-bottom: 0;
}

.gallery h3 img {
    display: inline;
    margin-right: 5px;
    vertical-align: middle;
    padding-bottom: 4px;
}

.divide {
    border-bottom: 6px solid #3A3C28;
    padding-bottom: 10px;
}

.gallery_image_full {
    position: relative;
    width: 950px;
    margin: 0 auto;
    padding: 10px;
    z-index: 10;
}

#gallery_detail object#zoomify_swf {
    /* adds border around the zoomify object in the gallery and scrapbook */
    border: 1px solid #3C3E29;
}

.gallery_info h2 {
    text-transform: none;
    font-size: 20px;
    font-weight: lighter;
}

.gallery_info p {
    color: #C0C4AA;
}

div.item_info {
    /* controls the about this series and the tour indicator */
    float: right;
    padding: 5px;
}

div#tour_indicator {
    background: #292A20;
    margin-bottom: 20px;
}

div#tour_indicator_inner {
    border: 1px solid #424237;
    padding: 5px;
}

div#tour_indicator img.left {
    margin: 5px 10px auto 5px;
}

div#tour_indicator p {
    margin-bottom: 5px;
}

div#tour_indicator ul {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 10px;
    color: #9A9E5A;
}

div#tour_indicator li {
    list-style-image: url(/assets/link_arrow_gallery-0fbd48af321dc34c2f5be0e4f7a26f1c070724d26d2d415cfc8d9d7a3ecd9863.gif);
}

/*---------*/
/* Tour    */
/*---------*/

/* Landing Page */

div.tour_inner {
    width: 1050px;
    margin: 0 auto;
    position: relative;
}

#tour_map_items {
    width: 1050px;
    height: 729px;
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg);
    position: absolute;
    top: 0;
    left: -60px;
    z-index: 0;
}

#tour_map_items li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: absolute;
    width: 66px;
    height: 66px;
}

#tour_map_items li.satellite {
    width: 34px;
    height: 34px;
}

#tour_map_items a {
    height: 66px;
}

#tour_map_items li.satellite a {
    height: 34px;
}

#tour_map_items li span {
    display: none;
}

#tour_map_items a {
    display: block;
}

#falls {
    left: 61px;
    top: 407px;
}

#clove {
    left: 203px;
    top: 394px;
}

#empire1 {
    left: 318px;
    top: 498px;
}

#empire2 {
    left: 390px;
    top: 497px;
}

#empire3 {
    left: 389px;
    top: 542px;
}

#empire4 {
    left: 348px;
    top: 569px;
}

#empire5 {
    left: 302px;
    top: 561px;
}

#holyoke {
    left: 494px;
    top: 487px;
}

#catskill {
    left: 508px;
    top: 360px;
}

#voyage1 {
    left: 486px;
    top: 208px;
}

#voyage4 {
    left: 523px;
    top: 278px;
}

#voyage3 {
    left: 558px;
    top: 250px;
}

#voyage2 {
    left: 557px;
    top: 208px;
}

#architect {
    left: 551px;
    top: 100px;
}

#etna {
    left: 669px;
    top: 40px;
}

#two_lakes {
    left: 790px;
    top: 49px;
}

#kindred {
    left: 923px;
    top: 144px;
}

#falls a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -61px -1136px no-repeat;
}

#clove a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -203px -1123px no-repeat;
}

#empire1 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -318px -1227px no-repeat;
}

#empire2 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -390px -1226px no-repeat;
}

#empire3 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -389px -1271px no-repeat;
}

#empire4 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -348px -1298px no-repeat;
}

#empire5 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -302px -1290px no-repeat;
}

#holyoke a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -494px -1216px no-repeat;
}

#catskill a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -508px -1089px no-repeat;
}

#voyage1 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -486px -937px no-repeat;
}

#voyage4 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -523px -1007px no-repeat;
}

#voyage3 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -558px -979px no-repeat;
}

#voyage2 a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -557px -937px no-repeat;
}

#architect a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -551px -829px no-repeat;
}

#etna a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -669px -769px no-repeat;
}

#two_lakes a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -790px -778px no-repeat;
}

#kindred a:hover {
    background: url(/assets/map_tour_landing-883db878a5d2471024a332ca442e40f8e723b32bc649fe1a497694ddac0e69d7.jpg) -923px -873px no-repeat;
}

div.tour_text {
    position: relative;
    z-index: 100;
    right: auto;
    margin: 0 auto;
}

div.tour_text h3 {
    line-height: 24px;
    font-size: 18px;
    font-weight: normal;
}

div.tour_text q {
    color: #B6B89F;
    font-style: italic;
    font-size: 15px;
    line-height: 24px;
}

#tour_intro_quote {
    margin-top: 220px;
}

#tour_intro_caption {
    color: #B6B89F;
    font-size: 10px;
}

/* Tour Series View parallel styles CF */
div#tour_series_view .subhead {
    height: 66px;
    margin-bottom: 0;
}

/* Tour Navigation on the Detail Page */

div#tour_detail_view .subhead {
    height: 66px;
    margin-bottom: 0;
}

div#tour_detail_view h3 {
    position: absolute;
    top: 7px;
}

div#tour_detail_nav {
    position: absolute;
    top: 0;
    right: 50px;
}

div#tour_detail_nav ul {
    width: 744px;
    height: 41px;
    background: url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg);
    position: relative;
    margin: 0;
}

div#tour_detail_nav ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    width: 35px;
}

div#tour_detail_nav li, #tour_detail_nav a {
    height: 41px;
    display: block;
}

#tour_detail_nav a span {
    display: none;

}

#tour_detail_nav a:hover {
    text-decoration: none;
}

#tour_detail_nav a:hover span {
    display: block;
    position: absolute;
    top: 45px;
    width: 300px;
    font-style: italic;
    left: -100%;
    z-index: 300;
}

/* This is a hack until I can figure out how best to add classes via prototype */
#tour_nav_item_83 a:hover span {
    width: 200px;
}

#tour_nav_item_49 a:hover span {
    width: 530px;
    left: -400%;
}

#tour_nav_item_25 a:hover span {
    width: 480px;
    left: -850%;
}

#tour_nav_item_109 a:hover span {
    width: 100px;
}

#tour_nav_item_14 {
    /* Falls of the Kaaterskill */
    left: 0;
}

#tour_nav_item_16 {
    /*The Clove */
    left: 43px;
}

#tour_nav_item_63 {
    /* The Course of Empire: The Savage State */
    left: 103px;
}

#tour_nav_item_65 {
    /* The Course of Empire: The Arcadian or Pastoral State */
    left: 139px;
}

#tour_nav_item_67 {
    /* The Course of Empire: The Consummation of Empire */
    left: 175px;
}

#tour_nav_item_69 {
    /* The Course of Empire: Destruction */
    left: 210px;
}

#tour_nav_item_71 {
    /* The Courese of Empire: Desolation */
    left: 246px;
}

#tour_nav_item_49 {
    /* View from Mt. Holyoke */
    left: 307px;
}

#tour_nav_item_22 {
    /* View on the Catskill */
    left: 349px;
}

#tour_nav_item_73 {
    /* The Voyage of Life: Childhood */
    left: 414px;
}

#tour_nav_item_75 {
    /* The Voyage of Life: Youth */
    left: 450px;
}

#tour_nav_item_77 {
    /* The Voyage of Life: Manhood */
    left: 486px;
}

#tour_nav_item_79 {
    /* The Voyage of Life: Old Age */
    left: 523px;
}

#tour_nav_item_91 {
    left: 585px;
}

#tour_nav_item_83 {
    /* Mount Etna From Taormina, Sicily */
    left: 627px;
}

#tour_nav_item_25 {
    /* A View of the Two Lakes... */
    left: 669px;
}

#tour_nav_item_109 {
    /* Kindred Spirits */
    left: 710px;
}

/* Hover States */

#tour_nav_item_14 a:hover, #tour_nav_item_14.active {
    /* Falls of the Kaaterskill */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) 0 -41px no-repeat;
}

#tour_nav_item_16 a:hover, #tour_nav_item_16.active {
    /*The Clove */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -43px -41px no-repeat;
}

#tour_nav_item_63 a:hover, #tour_nav_item_63.active {
    /* The Course of Empire: The Savage State */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -103px -41px no-repeat;
}

#tour_nav_item_65 a:hover, #tour_nav_item_65.active {
    /* The Course of Empire: The Arcadian or Pastoral State */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -139px -41px no-repeat;

}

#tour_nav_item_67 a:hover, #tour_nav_item_67.active {
    /* The Course of Empire: The Consummation of Empire */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -175px -41px no-repeat;

}

#tour_nav_item_69 a:hover, #tour_nav_item_69.active {
    /* The Course of Empire: Destruction */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -210px -41px no-repeat;
}

#tour_nav_item_71 a:hover, #tour_nav_item_71.active {
    /* The Courese of Empire: Desolation */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -246px -41px no-repeat;

}

#tour_nav_item_49 a:hover, #tour_nav_item_49.active {
    /* View from Mt. Holyoke */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -307px -41px no-repeat;

}

#tour_nav_item_22 a:hover, #tour_nav_item_22.active {
    /* View on the Catskill */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -349px -41px no-repeat;
}

#tour_nav_item_73 a:hover, #tour_nav_item_73.active {
    /* The Voyage of Life: Childhood */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -414px -41px no-repeat;
}

#tour_nav_item_75 a:hover, #tour_nav_item_75.active {
    /* The Voyage of Life: Youth */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -450px -41px no-repeat;
}

#tour_nav_item_77 a:hover, #tour_nav_item_77.active {
    /* The Voyage of Life: Manhood */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -486px -41px no-repeat;
}

#tour_nav_item_79 a:hover, #tour_nav_item_79.active {
    /* The Voyage of Life: Old Age */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -523px -41px no-repeat;
}

#tour_nav_item_91 a:hover, #tour_nav_item_91.active {
    /* The Architect's Dream */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -585px -41px no-repeat;

}

#tour_nav_item_83 a:hover, #tour_nav_item_83.active {
    /* Mount Etna From Taormina, Sicily */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -627px -41px no-repeat;
}

#tour_nav_item_25 a:hover, #tour_nav_item_25.active {
    /* A View of the Two Lakes... */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -669px -41px no-repeat;
}

#tour_nav_item_109 a:hover, #tour_nav_item_109.active {
    /* Kindred Spirits */
    background: transparent url(/assets/tour_subnav-20949b3b86d27d5f3612e9cd2a315a0952600ffb72cdec774d7ee7882457ab5e.jpg) -710px -41px no-repeat;
}

div.gallery_pagination {
    position: absolute;
    top: 7px;
    right: 0;
}

.gallery_pagination img {
    float: left;
}

.gallery_pagination img#prev_arrow {
    margin-right: 10px;
}

/* Main Image */
div#tour_detail {
    width: 100%;
}

div#tour_detail .gallery_image_full {
    background: #45453A;
}

/* code to create two column tour tool layout */
div#tour_detail_view object#zoomify_swf {
    width: 649px;
    float: left;
}

div#tour_detail_view div.zoom object#zoomify_swf {
    width: 950px;
}

div#tour_detail_view {
    width: 100%;
}

/* About this Series Tab */

div#about_this_series {
    width: 200px;
    color: #999D5A;
    text-align: center;
    border: 1px solid #999D5A;
}

div#about_this_series h5 {
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 0;
    color: #999D5A;
    font-weight: lighter;
}

div#about_this_series h4 {
    text-transform: none;
    font-size: 20px;
    color: #999D5A;
    margin-bottom: 0;
    font-weight: lighter;
}



/*-------------------*/
/* Reference Popups */
/*-------------------*/
div.reference_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    text-transform: none;
    background: url(/assets/transbg-3d7a4694df4837f781e4162bcb9a54f6d3d223e5bf9d71e9ca991f1d25a6cfba.png);
    top: 0;
    left: 0;
    z-index: 1000;
}

div.reference_popup_inner {
    padding: 25px 20px;
    line-height: 19px;
}

div.reference_popup h2 {
    font-size: 22px;
    font-weight: lighter;
    text-transform: none;
    width: 95%;
    color: #fff;
    margin-bottom: 10px;
}

div.reference_popup h5 {
    font-size: 14px;
    line-height: 20px;
}

div.reference_popup dt {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: lighter;
}

div.reference_popup .content {
    height: 180px;
    padding: 0 10px 0 0;
    overflow: auto;
}

div#reference_popup .reference_popup_inner {
    width: 400px;
    max-height: 200px;
    background: #45453A;
    position: fixed;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -100px;
}

/*-------------------*/
/* Image Popups  */
/*-------------------*/

div#image_popup .reference_popup_inner {
    padding: 25px 20px;
    width: 700px;
    max-height: 650px;
    background: #45453A;
    left: 50%;
    margin: -310px 0 0 -375px;
    position: fixed;
    top: 50%;
}

div#image_popup .content {
    height: 650px;
    overflow: auto;
}

div#image_popup img {
    margin: 0 auto 15px auto;
    max-width: 670px;
    height: auto;
}

div#image_preview h5 {
    margin-bottom: 15px;
}

div#image_preview p {
    margin-bottom: 0;
}

div.image_preview_detail {
    border-top: 1px solid #2A2A1E;
    padding-top: 15px;
    padding-bottom: 0;
    margin-bottom: 15px;
}

/*-------------------*/
/* Text Popups  */
/*-------------------*/

div#text_popup .reference_popup_inner {
    padding: 25px 20px;
    width: 700px;
    max-height: 620px;
    background: #45453A;
    left: 50%;
    position: fixed;
    top: 50%;
    margin: -310px 0 0 -375px;
}

div#text_popup .content {
    height: 560px;
    overflow: auto;
    font-size: 14px;
    line-height: 22px;
}

div#text_popup h5 {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: lighter;
    color: white;
}

/*-------------------*/
/* Cole's Landscapes */
/*-------------------*/

div.landscapes h2 {
    margin-bottom: 6px;
}

div.landscapes .pagination {
    width: auto;
    margin-right: 0;
    margin-top: -5px;
}

div.landscapes .pagination ul {
    margin: 0;
}

div.landscapes .pagination li {
    float: left;
    margin-left: 10px;
    border: 1px solid #61643D;
    padding: 2px;
}

div.landscapes .pagination img {
    margin-right: 2px;
}

div.landscapes .pagination span {
    background: #45453A;
    padding: 4px 8px;
    float: left;
    margin: 0;
}

div.landscapes .pagination li.active a, div.landscapes .pagination a:hover {
    color: white;
    text-decoration: none;
}

div.landscapes .pagination a, div.landscapes .pagination span {
    /*clears a style set in the gallery pagination */
    margin: 0;
}

div.landscapes .divide {
    border-bottom-color: #45453A;
}

div#hudson_valley_map {
    background: #45453A url(/assets/landscape_hudson_valley-0e6528a015606ecd30a9b40bf9d7073d5ab53424b1bd73fa198c9a859a726eef.jpg) no-repeat;
    height: 731px;
    position: relative;
    width: 970px;
    margin: 17px auto 0 auto;
}

.map_markers a {
    color: white;
}

div#manhattan_map {
    background: #45453A url(/assets/landscape_manhattan-70b8b1206f9d5b9471fa5ccaf7be920c5833216fde8da454093fbc7ceb8839c6.jpg) no-repeat;
    height: 675px;
    position: relative;
    width: 970px;
    margin: 17px auto 0 auto;
}

div.map_key {
    position: absolute;
    background: #EEDEC2;
    left: 20px;
    padding: 15px;
    color: #272A1F;
    border: 1px solid #BAAD8E;
}

div#hudson_valley_key {
    bottom: 20px;
    width: 219px;
}

div#manhattan_key {
    top: 100px;
    width: 177px;
}

div.map_key h2 {
    color: #827257;
    text-align: center;
    font-weight: lighter;
    margin-bottom: 7px;
}

div.map_key h3 {
    color: #333324;
    font-size: 15px;
    font-weight: lighter;
    border-top: 1px solid #BAAD8E;
    padding-top: 10px;
    margin-bottom: 7px;
}

div.map_key h3 img {
    position: absolute;
    right: 15px;
}

div.map_key p.caption {
    border-top: 1px solid #BAAD8E;
    padding-top: 10px;
}

div#manhattan_key h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

div.map_key ol li {
    list-style-type: decimal;
    padding-left: 10px;
}

/* Location Detail */
div#map_marker_detail {
    position: absolute;
    left: 10px;
    background: #45472F;
    border: 1px solid #3C3E29;
    padding: 20px;
    width: 236px;
    -webkit-box-shadow: 2px 1px 50px #000;
    -moz-box-shadow: 2px 1px 50px #000;
    font-size: 12px;
    line-height: 16px;
}

div#map_marker_detail h4 {
    font-weight: lighter;
}

div#hudson_valley_map #map_marker_detail {
    height: 570px;
    top: 110px;
}

div#hudson_valley_map #map_marker_detail .inner {
    height: 490px;
    overflow: auto;
    padding-right: 10px;
}

div#manhattan_map #map_marker_detail {
    height: 447px;
    top: 10px;
}

div#manhattan_map #map_marker_detail .inner {
    height: 387px;
    overflow: auto;
    padding-right: 13px;
}

div.landscape_related_image_thumb {
    margin-bottom: 10px;
    overflow: hidden;
}

div#map_marker_detail .landscape_related_image_thumb img {
    width: 77px;
    float: left;
}

div.landscape_related_image_thumb .caption {
    float: left;
    width: 110px;
    font-size: 12px;
}

div#map_marker_detail h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: lighter;
    border-bottom: 1px solid #84836F;
    padding-bottom: 13px;
}

div#map_marker_detail h3 img {
    margin-right: 10px;
    float: left;
    width: 35px;
}

div#map_marker_detail h3 span {
    float: left;
    width: 185px;
}

/*-----------------*/
/* Reference Pages */
/*-----------------*/
/* Subnavigation for Reference Pages like Definitions */
#reference .subhead {
    position: relative;
    margin-bottom: 20px;
}

#reference h1 {
    margin-bottom: 8px;
}

#reference .sub_nav {
    background: #3A3C28;
    height: 30px;
    width: 100%;
    color: #66693B;
    text-transform: uppercase;
    font-size: 11px;
    position: relative;
}

#reference .sub_nav a {
    color: #9A9E5A;
    padding: 5px 7px;
}

#reference .sub_nav li {
    float: left;
    padding-top: 7px;
}

#reference .sub_nav form {
    vertical-align: top;
}

#reference .sub_nav #reference_search {
    position: absolute;
    right: 20px;
    top: 3px;
}

#reference_search input#search {
    background: #3A3C28;
    border: 1px solid #66693B;
    color: #3C3E29;
    height: 22px;
    padding-left: 5px;
    margin-right: 5px;
}

#reference_search input.search_submit {
    background: #3C3E29;
    height: 22px;
    border: 1px solid #66693B;
    color: white;
    text-transform: uppercase;
    text-align: center;
    width: 59px;
}

/* Main Layout */
div.reference_content {
    width: 685px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 27px;
}

.reference_content p, .reference_content ul {
    line-height: 27px;
}

#reference h3 {
    font-size: 24px;
    margin: 10px 0;
    line-height: 30px;
}

/* About this Series Pages */
div.about_the_series_thumbs {
    float: left;
    border-bottom: 1px solid #45453A;
    margin-bottom: 15px;
}

div.about_the_series_thumbs .related_item {
    float: left;
    margin-right: 15px;
    width: 120px;
}

div.about_the_series_thumbs img {
    margin-bottom: 10px;
    width: 100%;
}

/* Definitions & Cole 's Circle (grouped because both are definition lists */
div.reference_content dl {
    margin-bottom: 20px;
}

div.reference_content dt {
    color: #8D9252;
    font-weight: normal;
}

div.reference_content dd {
    padding: 0;
    margin: 0 0 20px 0;
}

dd p {
    margin-bottom: 0;
}

.definition_item {
    margin-bottom: 30px;
}

div.letter_label {
    color: #4E5134;
    font-size: 64px;
    text-align: center;
    margin-top: 20px;
}

/* Learn More */
div#learn_more_list h2, div#reference h2 {
    margin-bottom: 0;
}

div#learn_more_list h3 {
    margin-bottom: -5px;
    margin-top: 45px;
}

div#learn_more_list ul li {
    line-height: 24px;
    text-indent: -15px;
    margin-left: 15px;
}

/* Contributers */
div#partners_list ul li.partners_list_item {
    /* Controls the list item of contributors */
    border-bottom: 1px solid #6a6852;
    padding-bottom: 22px;
}

div#partners_list h3 {
    margin-top: 0;
}

div#partners_list address {
    font-style: normal;
    margin-bottom: 5px;
}

div#partners_list ul ul {
    margin: 0;
}

div#partners_list ul ul li {
    /*controls the list item links WITHIN each contributor (underneath the address blocks) */
    font-size: 14px;
}

div#partners_list ul ul li a {
    padding-left: 30px;
    padding-right: 0;
}

div#partners_list li a.external_link {
    /* adds icons to the links on the contributors pages */
    background: transparent url(/assets/icon_external_link-937eecfefa651d42ff2596e8aee2163aed99c588236fe236208faf37244bbaeb.png) no-repeat center left;
}

div#partners_list li a.gallery_link {
    background: transparent url(/assets/icon_virtual_gallery-9f021f8dc46fec8d245eb9cba36a8db96dac35e36d7463d37bc0cce907f11491.gif) no-repeat center left;

}

div#partners_list li a.scrapbook_link {
    background: transparent url(/assets/icon_scrapbook_sm-a78609e06772af3fe1e0be02f81f3ed3c31b239d3b8733d68978fea7ba8e1ac3.gif) no-repeat center left;
}

/*--------*/
/* Footer */
/*--------*/

.footer {
    text-align: center;
    padding: 10px 0 0 0;
    width: 100%;
    background: #212312;
    color: #91947C;

}

.footer-inner {
    margin: 0 auto;

}

.footer p {
    margin-bottom: 5px;
}

.footer a {
    text-decoration: underline;
    color: inherit;
}

.footer ul {
    list-style: none;
    margin: 0 auto;
    width: 400px;
}

.footer li {
    float: left;
    margin-right: 5px;
}

.footer li:after {
    content: '•';
}

.footer li a {
    margin-right: 5px;
}

.footer li.last:after {
    content: "";
}

#homepage .footer {
    text-align: center;
    clear: both;
    background: #212312;
    position: absolute;
    left: -3px;
    top: 805px;
    height: 300px;
    padding: 5px 0;
    clear: both;
    color: #B6BBA0;

}

.footerByLine {
    padding-bottom: 5px;
    margin: 5px auto;
    width: 94.2%; /* 970px / 1050px = 0.9238 hadd to add some to get it to line up*/
    min-width: 970px;
    border-bottom: 1px solid #63693b;
    overflow-x: hidden;
}

.footerDesc {
    text-align: right;
}

.footerDesc img.logo {
    float: left;
    width: 247px;
    text-align: left;
}

/* Hide Link Corner */
#hide_link_x, div#tour_tool #hide_link_x {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    font-size: 11px;
    background: #999D5A;
    padding: 0 5px;
    color: #292A20;
}

#hide_link_x:hover {
    text-decoration: none;
}

/* self-clear floats */

.group:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

.last {
    margin-right: 0;
}