#lightbox { 
position : absolute; 
left : 0; 
width : 100%; 
z-index : 100; 
text-align : center; 
line-height : 0; 
} 
#lightbox img { 
width : auto; 
height : auto; 
} 
#lightbox a img { 
border : none; 
} 
#outerImageContainer { 
position : relative; 
background-color : #fff; 
width : 250px; 
height : 250px; 
margin : 0 auto; 
} 
#imageContainer { 
padding : 10px; 
} 
#loading { 
position : absolute; 
top : 40%; 
left : 0%; 
height : 25%; 
width : 100%; 
text-align : center; 
line-height : 0; 
} 
#hoverNav { 
position : absolute; 
top : 0; 
left : 0; 
height : 100%; 
width : 100%; 
z-index : 10; 
} 
#imageContainer > #hoverNav { 
left : 0; 
} 
#hoverNav a { 
outline : none; 
} 
#prevLink, #nextLink { 
width : 49%; 
height : 100%; 
} 
#prevLink { 
left : 0; 
float : left; 
} 
#nextLink { 
right : 0; 
float : right; 
} 
#prevLink:hover, #prevLink:visited:hover { 
background : url(../ships/images/prevlabel.gif) no-repeat left 15%; 
} 
#nextLink:hover, #nextLink:visited:hover { 
background : url(../ships/images/nextlabel.gif) no-repeat right 15%; 
} 
#imageDataContainer { 
font : 10px Verdana, Helvetica, sans-serif; 
background-color : #fff; 
margin : 0 auto; 
line-height : 1.4em; 
overflow : auto; 
width : 100%; 
} 
#imageData { 
padding : 0 10px; 
color : #666; 
} 
#imageData #imageDetails { 
width : 70%; 
float : left; 
text-align : left; 
} 
#imageData #caption { 
font-weight : bold; 
} 
#imageData #numberDisplay { 
display : block; 
clear : left; 
padding-bottom : 1em; 
} 
#imageData #bottomNavClose { 
width : 66px; 
float : right; 
padding-bottom : 0.7em; 
outline : none; 
} 
#overlay { 
position : absolute; 
top : 0; 
left : 0; 
z-index : 90; 
width : 100%; 
height : 500px; 
background-color : #000; 
} 
body { 
font-size : medium; 
font-family : arial; 
background-color : #000000; 
text-align : center; 
color : #ffffff; 
} 
h1 { 
font-size : 130%; 
font-family : arial; 
font-weight : bold; 
color : #ffffff; 
text-decoration : underline; 
} 
h2 { 
font-size : 120%; 
font-family : arial; 
font-weight : bold; 
color : #ffffff; 
text-decoration : underline; 
text-align : center; 
} 
.footer { 
padding : 5px; 
height : auto; 
width : 800px; 
background-color : #000000; 
color : #ffffff; 
text-align : center; 
border-style : solid; 
border-width : 1px; 
border-color : #cdcdcd; 
} 
p { 
font-size : 100%; 
font-family : arial; 
font-weight : bold; 
color : #ffffff; 
} 
table { 
border-style : solid; 
border-width : 1px; 
border-color : #404040; 
width : 800px; 
border-collapse : collapse; 
text-align : center; 
font-size : 100%; 
font-family : arial; 
font-weight : bold; 
color : #ffffff; 
} 
td { 
border-style : solid; 
border-width : 1px; 
border-color : #404040; 
padding : 5px; 
} 
a:link { 
text-decoration : none; 
color : #99ccff; 
} 
a:visited { 
text-decoration : none; 
color : #ccccff; 
} 
a:hover { 
text-decoration : underline; 
color : #99ccff; 
font-style : italic; 
} 
a:active { 
text-decoration : none; 
color : #80ff80; 
}