body {background:#000; font-family:Copperplate, Helvetica, Arial, sans-serif; color:#FFF; font-size:22px; margin:10px 0;}
img {border:0;}

a {text-decoration:underline; color:#FFF}
a:hover {text-decoration:none; color:#09F}

#Head {width:900px; margin:auto; height:185px; border-bottom:#FFF 2px solid;}
#Nav {float:left; margin-top:12px; width:600px;}
#Nav .on {float:left; border-left:#FFF 2px solid; border-top:#FFF 2px solid; border-right:#FFF 2px solid; padding:5px 5px 13px 5px; background:#000; margin-right:5px;}
#Nav .off {float:left; border:#FFF 2px solid; padding:5px; margin-right:5px;}

#Main {width:896px; margin:auto; border-left:#FFF 2px solid; border-bottom:#FFF 2px solid; border-right:#FFF 2px solid;}

.left {float:left;}
.right {float:right;}

#Oneblock {width:856px; padding:20px;}
#Leftwide {width:510px; float:left; padding:20px;}
#Rightwide {width:510px; float:right; padding:20px;}
#Left {width:300px; float:right; padding:20px;}
#Right {width:300px; float:right; padding:20px;}
#Lefthalf {width:45%; float:left; padding:20px;}
#Righthalf {width:45%; float:right; padding:20px;}

#Admin_table {width:200px; white-space:nowrap;}
#Admin_table .shaded {background:#CCC;}

.center {text-align:center;}
.right {text-align:right;}

#Footer {width:900px; margin:auto;}

img.thumbs {border:#FFF 2px solid; margin:5px;}

.small {font-size:10px;}
.error {background:#FAE5E5 url('img/warning.png') 10px center no-repeat; border:#CC0000 thin solid; height:30px; padding:0 45px; line-height:30px;}
.alert {background:#FDF7E1 url('img/alert.png') 10px center no-repeat; border:#FFCC66 thin solid; height:30px; padding:0 45px; line-height:30px;}

input {margin:5px;}

#Logo {background:url('img/logo.gif') top left no-repeat; height:130px; width:460px;}

/* LIGHTBOX */

#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%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(img/prev_label.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(img/next_label.gif) right 15% no-repeat;}

#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:1.0em;}
#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;}

/* END LIGHTBOX */