/*******************************************************************************
* galleries.css
* Styles specific to the galleries section
*******************************************************************************/

body {
    background-color: #222D2C;
    background-image: url(../img/bg/galleries.gif);
}

/*******************************************************************************
* Subnav and content area styles
*******************************************************************************/

#subnav h2 {
    background: url(../img/sub_galleries.gif) 1px 0 no-repeat;
    background-color: #3C5655;
}

#content h1 {
    color: #3C5655;
}

#content h2 {
    color: #41706E;
}

#content h3 {
    color: #41706E;
}

#content blockquote {
    color: #3F8A87;
}

#content blockquote p {
    color: #3F8A87;
}


div.imagecount {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #41706E;
}


div.imageblock .link {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    line-height: 1.3em;
}

div.imageblock .link a:link, div.imageblock .link a:visited {
    text-decoration: none;
}

div.galleryIndex {
    position: relative;
    float: left;
    width: 184px;
}

div.galleryIndex .image img {
    border: 3px solid #D6D5D1;
    margin-bottom: 0;
    margin-right: 15px;
}

div.galleryIndex .image {
    height: 121px;
}

div.endGalleryIndex .image img {
    margin-right: 0;
}

div.endGalleryIndex {
    width: 169px;
}

div.galleryIndex .text {
    width: 169px;
}

div.galleryIndex .text .pad {
    padding: 0.4em;
    border: 1px solid #D6D5D1;
    border-top: none;
    margin-top: 0;
    margin-bottom: 1em;
    background-color: #F6F5F0;

}

div.galleryimage {
    float: left;
    margin-right: 15px;
    width: auto;
}

div.galleryimage .text {
    border: 1px solid #D6D5D1;
    border-top: none;
    margin-bottom: 0.3em;
    padding: 0.4em;
    background-color: #F6F5F0;
}

div.galleryimage .image {
}

div.exhibitImageText {
    border-top: none;
    margin-bottom: 0.3em;
}

div.exhibitImageText .title {
    font: bold 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
    margin-bottom: 1em;
}

div.exhibitImageText .caption {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2C6793;
    margin-bottom: 1em;
}

div.exhibitImageText .source {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
}

div.exhibitImageText .credit {
    font: normal 0.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #888888;
}



div.thumbnail {
    float: left;
    margin: 0 8px 0 0;
}

div.galleryarrow {
    float: left;
    margin: 0 12px 0 0;
}

div.galleryarrowlast {
    float: left;
    margin: 0 0 0 2px;
}

div.thumblast {
    float: left;
    margin-right: 0;
}

div.thumbnail img {
    border: 1px solid #C7C7C5;
}

div.thumbhere img {
    border: 1px solid #000000;
}


div.thumbsnav {
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    height: 48px;
    padding: 0; margin: 0;
}

div.thumbsnav .pad {
    padding: 7px 0 0 0;
    margin: 0;
}

div.gallerybody {
    margin: 14px 0 14px 0;
    width: 538px;
    position: relative;
}

div.gallerymediabody {
    margin: 0;
    padding: 1em 0 0 0;
    border-top: 1px solid #D4D4D4;
}

div.galleryfooter {
    border-top: 1px solid #D4D4D4;
    padding-top: 0.6em;
    clear: both;
    position: relative;
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    margin: 0;
    height: 2em;
}

div.galleryfooter a:link { color: #20557F; }
div.galleryfooter a:visited { color: #7C7D7C; }

div.galleryfooter .prev {
    float:left;
}
div.galleryfooter .next {
    float: right;
}


div.return {
    position: absolute;
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
    top: 14px; right: 18px;
}

div.return a:link { color: #20557F; }
div.return a:visited { color: #7C7D7C; }

.title {
    font-style: italic;
}

.event {
    font: normal 0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #20557F;
}

#content .event .date {
    font-size: 1.0em;
    margin-bottom: 0em;
}

.event .people {
    font-style: italic;
}

.event .milestone {
    font-weight: bold;
}

.event .description {

}

#content .event .description p {
    font-size: 1.0em;
}