body
{
    background: #FFF;
}
#galleryPage
{
    margin: 0 auto;
    width: 1004px;
    background-color: White;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}
#galleryContainer
{
    margin: 0 auto;
    width: 1004px;
    background-color: White;
    padding-top: 40px;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
}
.galleryContent
{
    width: 864px;
    height: 432px;
    background: #000;
    text-align: center;
    position: relative;
    margin: 0 auto;
}
#galleryHeaderContainer
{
    width: 100%;
    background: #333;
    padding: 20px 0 15px;
}
.galleryHeaderContent
{
    margin: 0 auto;
    width: 864px;
    height: 60px;
    display: table;
}
.galleryHeaderContent .galleryLogo, .galleryHeaderContent .backContainer
{
    display: table-cell;
}
.galleryHeaderContent .galleryLogo
{
    vertical-align: middle;
}
.galleryHeaderContent .backContainer
{
    vertical-align: bottom;
    text-align: right;
}
.galleryHeaderContent .galleryLogo .logo
{
    width: 241px;
    height: 40px;
    background: url(../Images/PhotoGallery/GalleryLogo.png) center no-repeat;
    display: block;
}
.galleryHeaderContent .logo .logoLink:hover
{
    background: url(../Images/LogoHovered.png) center no-repeat;
}
.galleryHeaderContent .backContainer a, .galleryHeaderContent .backContainer a span
{
    color: #FFF;
}
.galleryHeaderContent .backContainer a:hover, .galleryHeaderContent .backContainer a:hover span
{
    color: #CCC;
}
.galleryContent img
{
    max-height: 100%;
}
.galleryContent .previousArrowContainer, .galleryContent .nextArrowContainer
{
    width: 76px;
    height: 402px;
    position: absolute;
}
.galleryContent .nextArrowContainer
{
    right: 0;
}
.galleryContent #previousArrow, .galleryContent #nextArrow, .galleryContent #previousThumbArrow, .galleryContent #nextThumbArrow
{
    width: 36px;
    height: 36px;
    margin: 186px 20px 0;
    display: block;
}
.galleryContent #previousArrow, .galleryContent #previousThumbArrow
{
    background: url(../Images/PhotoGallery/NavigationArrows.png) center no-repeat;
    background-position: 0 0;
    z-index: 100;
}
.galleryContent #previousArrow:hover, .galleryContent #previousThumbArrow:hover
{
    background-position: 0 -36px;
}
.galleryContent #nextArrow, .galleryContent #nextThumbArrow
{
    background: url(../Images/PhotoGallery/NavigationArrows.png) center no-repeat;
    background-position: -36px 0;
    z-index: 100;
}
.galleryContent #nextArrow:hover, .galleryContent #nextThumbArrow:hover
{
    background-position: -36px -36px;
}
#imageDisplayed
{
    width: 864px;
    height: 402px;
}
.loader
{
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
    z-index: 2;
    background: #000 url(../Images/PhotoGallery/loader.gif) no-repeat 50% 50%;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
#imageDisplayed img
{
    width: 864px;
    height: 402px;
}
#galleryActions
{
    background: #333;
    height: 30px;
    width: 100%;
    float: left;
    display: table;
}
#galleryActions .galleryOption
{
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
}
#galleryActions .galleryInfo
{
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    color: White;
}
#galleryActions .galleryInfo span
{
    color: White;
}
#photoDescription
{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #FFF;
    font-size: 11px;
    text-align: left;
    padding: 0 10px;
}

#photoDescription span
{
    color: #FFF;
    font-size: 11px;
}
#thumbsContainer
{
    width: 864px;
    height: 402px;
    padding: 0;
    position: absolute;
    background: rgba(255,255,255,0.8);
    top: 0;
    text-align: left;
}
#thumbPhotos
{
    width: 848px;
    height: 362px;
    padding: 20px 8px;
}
.thumbImage
{
    width: 88px;
    height: 44px;
    border: 3px solid #FFF;
    margin: 4px 6px;
}
#thumbsContainer a:hover img
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.galleryLinkOption
{
    width: 30px;
    height: 30px;
    display: block;
}
.galleryLinkOption:hover
{
    background: #000;
}
.galleryLinkOption img
{
    width: 30px;
    height: 30px;
}
.photoNumberContainer
{
    display: table;
}
.photoNumberContent
{
    display: table-row;
}
.photoNumberContent span
{
    display: table-cell;
}
.photoNumberContent .photoNumberSeparator
{
    padding: 0 2px;
}

/* Text content */
#content
{
    margin: 30px 70px 40px;
    text-align: justify;
}
#content .title
{
    font-size: 18px;
    margin-bottom: 20px;
    font-family: Georgia, Times, serif;
}

#content p, #content p span
{
    font-size: 14px;
    font-family: Georgia, Times, serif;
}

/* Newspaper information */
.newspaperInformation
{
    display: table;
    width: 100%;
    line-height: 1.8em;
    padding-top: 20px;
    border-top: 1px solid #CCC;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.newspaperColumn
{
    display: table-cell;
    width: 30%;
}
.newspaperFirstColumn
{
    padding-right: 30px;
}
.newspaperSecondColumn
{
    padding-right: 30px;
    padding-left: 30px;
}
.newspaperThirdColumn
{
    padding-left: 30px;
}
/* Footer */
#footer
{
    width: 864px;
    margin: 0 auto;
}
.footerNavigation ul, .footerNavigation .poweredBy
{
    margin-left: 0;
}
.contactLinks ul
{
    margin-right: 0;
}