body {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #ccc;
	background: #fff url(back.jpg) fixed no-repeat top left;
	}
a {
	text-decoration: none;
	font-weight: bold;
	color:  #4F70C2;
	outline: none;
	}
a:visited {
	color:  #4F70C2;
	}
a:active {
	color:  #4F70C2;
	}
a:hover {
	color: #4F70C2;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	margin-left: 10px;
	margin-right: 10px;
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
    font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	}
h2 {
	font-size: 12px;
	color:#990000;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	}
h3 {
	font-size: 10px;
	color:#fff;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
#content {
	float: left;
	padding: 0px;
	margin: 20px;
	background: #101010;
	border: 5px solid #252525;
	width: 400px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 400px;
	}
html>body #content {
	width: 425px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	padding: 10px;
	}
	
#content ul {
    background-color: #333;
    list-style-type: none;
    margin-bottom: 10px;
    padding: 0px;
    border-left: solid 5px #000;
	border-right: solid 5px #000;
	margin-left: 10px;
	margin-right: 10px;
            }
            
#content ul li {
    border-bottom:    solid 1px #000;
    font-size:        10px;
    padding:          4px 8px 4px 8px;
    color:            #fff;
            }
#link {
    float: left;
	padding: 0px;
	margin: 5px;
	}
	
#link a {
    font-size:10px;
	}				
			
.thumbs {
     padding-left: 5px;
	 padding-bottom: 5px;
	 
}

#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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.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; }