#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}


@media screen, projection {
.BeNiceToMacIE5 {  /* reveal @media rules to MacIE */
	font-family: "\"}\"";
	font-family: inherit;
}
body {
	background-color: #fff;
	color: #000;
}
.nav ul {
	margin: .5em 0 0 0;
	border-bottom: 1px solid #ccc;
	text-align: right;
	list-style: none;
}
.nav li {
	display: inline;
	font-size: 90%;
	color: #fff;
}
/* MacIE makes a terrible mess of inline lists with padding :(
   We need to hide the next few rules from it.
   WinIE 5.0 also does not support padding on inline elements,
   but it does (erroneously) support width, so we'll specify
   a width for that browser. (escaped comment hack follows) \*/
.nav li {
	padding: .1em 0 .1em 20px;
	background: #2a2a2a url(images/slash.png) 0 100% no-repeat;
}
.nav li.first {
	background-image: url(images/slash-end.png);
}
* html body .nav li,
* html body .nav li a {
	width: 5em;
	wid\th: auto;
} /* end IE hacks */

.nav a {
	padding-left: 12px;
	padding-right: 10px;
	background: #2a2a2a url(images/bullet.png) -20px 50% no-repeat;
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #ccc;
}
/* Hide from MacIE, again \*/
.nav li a {
	border-width: 0;
} /* end MacIE hack */

.nav a:hover {
	background-position: 1px 50%;
	text-decoration: none;
	color: #fff;
}
/* divider bar */
.nav .divider {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 10px;
	overflow: hidden;
	width: 100%;
	background: #575756 url(images/divider.jpg) 75% 0 no-repeat;
}

/* readability aid */
.content {
	max-width: 85%;
	margin: 1em auto;
}


} /* end media rules */
