#lightbox
{
    Z-INDEX: 100;
    LEFT: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 0;
    POSITION: absolute;
    TEXT-ALIGN: center
}
#textLightbox
{
    Z-INDEX: 100;
    LEFT: 0px;
    WIDTH: 100%;
    LINE-HEIGHT: 0;
    POSITION: absolute;
    TEXT-ALIGN: center
}
#lightbox A IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
#outerTextContainer
{
    BORDER-RIGHT: #000 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #000 1px solid;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px auto;
    BORDER-LEFT: #000 1px solid;
    WIDTH: 400px;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #000 1px solid;
    POSITION: relative;
    HEIGHT: 400px;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left
}
#closeText
{
    TEXT-ALIGN: right
}
#bottomNav
{
    MARGIN-TOP: 5px;
    TEXT-ALIGN: right
}
#outerImageContainer
{
    MARGIN: 0px auto;
    WIDTH: 250px;
    POSITION: relative;
    HEIGHT: 250px;
    BACKGROUND-COLOR: #3e4a73
}
#imageContainer
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
#loading
{
    LEFT: 0%;
    WIDTH: 100%;
    LINE-HEIGHT: 0;
    POSITION: absolute;
    TOP: 40%;
    HEIGHT: 25%;
    TEXT-ALIGN: center
}
#hoverNav
{
    Z-INDEX: 10;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 100%
}
#imageContainer > #hoverNav
{
    LEFT: 0px
}
#hoverNav A
{
    outline: none
}
#prevLink
{
    DISPLAY: block;
    BACKGROUND: url(../images/blank.gif) no-repeat;
    WIDTH: 49%;
    HEIGHT: 100%
}
#nextLink
{
    DISPLAY: block;
    BACKGROUND: url(../images/blank.gif) no-repeat;
    WIDTH: 49%;
    HEIGHT: 100%
}
#prevLink
{
    LEFT: 0px;
    FLOAT: left
}
#nextLink
{
    RIGHT: 0px;
    FLOAT: right
}
#prevLink:hover
{
    BACKGROUND: url(../images/prev.gif) no-repeat left 3%
}
#prevLink:hover:visited
{
    BACKGROUND: url(../images/prev.gif) no-repeat left 3%
}
#nextLink:hover
{
    BACKGROUND: url(../images/next.gif) no-repeat right 3%
}
#nextLink:hover:visited
{
    BACKGROUND: url(../images/next.gif) no-repeat right 3%
}
#imageDataContainer
{
    MARGIN: 0px auto;
    FONT: 10px/1.4em Verdana, Helvetica, sans-serif;
    OVERFLOW: auto;
    WIDTH: 100%;
    BACKGROUND-COLOR: #3e4a73
}
#imageData
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px
}
#imageData #imageDetails
{
    FLOAT: left;
    WIDTH: 70%;
    TEXT-ALIGN: left
}
#imageData #caption
{
    FONT-WEIGHT: bold
}
#imageData #numberDisplay
{
    CLEAR: left;
    DISPLAY: block;
    PADDING-BOTTOM: 1em
}
#imageData #bottomNavClose
{
    FLOAT: right;
    PADDING-BOTTOM: 0.7em;
    WIDTH: 66px
}
#overlay
{
    Z-INDEX: 90;
    LEFT: 0px;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 500px;
    BACKGROUND-COLOR: white
}