﻿#page-wrapper {
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    position: relative;
    width: 475px; /*width of featured content slider*/
    height: auto;
    z-index: 9000;
    /*border: 1px green solid;*/
}

.sliderwrapper {
    position: relative; /*leave as is*/
    overflow: hidden; /*leave as is*/
    border: 0;
    width: 474px; /*width of featured content slider*/
    height: 325px; /*height of featured content slider*/
}

.sliderwrapper .contentdiv {
    visibility: hidden; /*leave as is*/
    position: absolute; /*leave as is*/
    left: 0;  /*leave as is*/
    top: 0;  /*leave as is*/
    margin: 0px 0px 0px 0px; /*Top Right Bottom Left*/
    padding: 0px 0px 0px 0px; /*Top Right Bottom Left*/
    background: url(../images/sliderImages/sliderFrame1.png) top center no-repeat;
    width: 475px; /*width of content DIVs within slider.*/
    height: auto;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    z-index: 0;
    overflow: hidden;
    /*border: 1px red solid;*/
}

.sliderwrapper .contentdiv p {
    color: #FFFFFF;
    background: #333333;
    position: relative; /*leave as is*/
    left: 0em;  /*leave as is*/
    top: 18.75em;  /*leave as is*/
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    z-index: 1;
}

.sliderwrapper .contentdiv .cropped {
    width: 445px;
    height: 240px;
    overflow: hidden;
    margin: 0em auto 5px auto; /*Top Right Bottom Left*/
    padding: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    /*border: 1px red solid;*/
}

.pagination {
    /*width: 97%; Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
    /*min-width: 450px;
    max-width: 450px;*/
    text-align: center;
    background: #333333;
    margin: -11px 0.25em 0em 0.355em; /* Top Right Bottom Left*/
    padding: 0em 0.25em 0.15em 0em; /*Top Right Bottom Left*/
    overflow: hidden;
}

.pagination .numbers {
    width: 458px;
    /*min-width: 450px;
    max-width: 450px;*/
    text-align: right;
    background: inherit;
    margin: 0em -0.00em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0.15em 0.15em 0.15em; /*Top Right Bottom Left*/
    color: #FFFFFF;
    font-weight: bold;
    float: right;
}

.pagination a:link, .pagination a:visited {
    margin: 0em 0em 0em 0em; /*Top Right Bottom Left*/
    padding: 0em 0.25em 0em 0.25em; /*Top Right Bottom Left*/
    text-decoration: none;
    color: #FFFFFF;
    background: inherit;
}

/*Formatting for current item selected/showing in the featured content area*/
.pagination a:hover, .pagination a.selected {
    color: #CC3333;
    /*background: #CC3333;*/
}

/** Added by EJC **/
.photo-meta-data {
    background: #333333;
    font-size: 0.9em;
    width: 446px;
    height: 52px;
    margin: 0px auto 0em auto; /*Top Right Bottom Left*/
    padding: 8px; /*Top Right Bottom Left*/
    position: relative;
    z-index: 9990;
    color: #FFFFFF;
    overflow: hidden;
    border-top: 3px #CC3333 solid;
}

.photo-meta-data .caption {
    width: 475px;
    float: left;
}

/*
.photo-meta-data span {
    font-size: 0.75em;
    margin: 0em 0em 0.15em 0em; 
    padding: 0.15em 0em 0.15em 0em;
}
*/

.photo-meta-data a:link {
    color: #CC3333;
    text-decoration: none; 
}

.photo-meta-data a:hover, .photo-meta-data a.selected {
    color: #FFFFFF;
    text-decoration: none; 
}

/*White gradient added*/
.photo-white-grad {
    background: transparent url('../images/sliderImages/transpWhite.png');
    width: 75px;
    height: 348px;
    margin: 0em 0em 0em 380px; /*Top Right Bottom Left*/
    padding: 0em; /*Top Right Bottom Left*/
    position: relative;
    z-index: 9999;
    overflow: hidden;
    /*border: 1px red solid;*/
}
