/*------ lightbox--------*/
#lightbox {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TEXT-ALIGN: center
}
#lightbox IMG {WIDTH: auto; HEIGHT: auto}
#lightbox A IMG {BORDER: none}
#outerImageContainer {MARGIN: 0px auto; WIDTH: 250px; POSITION: relative; HEIGHT: 550px; BACKGROUND-COLOR: white}
#imageContainer {PADDING: 5px}
#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, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink {margin-LEFT: 0px; FLOAT: left}
#nextLink {margin-RIGHT: 0px; FLOAT: right}
#prevLink:hover {BACKGROUND: url(../images/prevlabel.gif) no-repeat left 15%}
#prevLink:hover:visited {BACKGROUND: url(../images/prevlabel.gif) no-repeat left 15%}

#nextLink:hover {BACKGROUND: url(../images/nextlabel.gif) no-repeat right 15%}
#nextLink:hover:visited {BACKGROUND: url(../images/nextlabel.gif) no-repeat right 15%}

#imageDataContainer {MARGIN: 0px auto; FONT: 10px/1.4em Verdana, Helvetica, sans-serif; OVERFLOW: auto; WIDTH: 450px; BACKGROUND-COLOR: white}
#imageData {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #666; PADDING-TOP: 0px}
#imageData #imageDetails {FLOAT: left; WIDTH: 70%; TEXT-ALIGN: left}
#imageData #caption {FONT-WEIGHT: bold;color:#6B0101;font-size:11px}
#imageData #numberDisplay {CLEAR: left; DISPLAY: block; PADDING-BOTTOM: 1em}
#imageData #bottomNavClose {FLOAT: right; PADDING-BOTTOM: 0.7em; WIDTH: 66px; outline: none}

#overlay {Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 500px; BACKGROUND-COLOR: #000}