/* Combined style sheet for the index pages and the slide pages. */

/* CSS gymnastics to make tables center properly in all browsers */
.center { text-align: center; margin-left: auto; margin-right: auto; }
.center table {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
}

/* Just in case... */
img { border-width: 0; }

/* Custom link styles */
a {	color: #DDDDDD; }
a:hover { color: #4444aa; }

/* Style for all bodies and to control the margin on top. */
body {
	margin-top: 40px;
	margin: 40px 1ex 2px 1ex;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	color: #DDDDDD;
	background-color: black;
	background-repeat: repeat-x;
}

/* Style for the titles */
.leftheader {
	position: absolute;
	left: 1ex;
	top: 5px;
	font-weight: bold;
	white-space: nowrap; 
}	

.rightheader {
	position: absolute;
	right: 1ex;
	top: 5px;
	font-weight: normal;
	color: #888888;
	white-space: nowrap; 
}

/* Style for Included Header info */
.incheader { margin-bottom: 1.5em; }

/* Style for Included Footer info */
.incfooter { margin-top: 1.5em; }

/* Style for copyright message */
.copyright { margin-top: 1em; font-size: x-small; text-align: center; }

/* Style for the folders and thumbnails */
.cell { text-align: center; padding: 0.5em; font-size: smaller; vertical-align: bottom;}

.folderbox {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 132px; height: 108px;
	background-color: transparent;
	background-image: url("folder.gif");
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.imagebox {
	cursor: pointer;
}

/* Style for images */
.image {
	border-color: #777;
	border-width: 2px;
	border-style: outset;
	margin-top: 0.5em;
	padding: 0ex;
}


.embeddedimage {
	border-color: #ccc;
	border-width: 1px;
	border-style: inset;
	margin: 0;
	padding: 0;
}

/* Style for Image Comment */
.comment {
	position: absolute; left: 1ex; top:32px; z-index:1;
	width: 36%; color: white; background-color: transparent;
	font-size: x-small; 
	visibility: visible; 
}


/* Style for image info box */
.imageinfo {
	position: absolute; right: 1ex; top:32px; z-index:1; 
	color: black; background-color: white;
	border: 1px outset #777; padding: 1ex;
	font-size: x-small; 
	visibility: hidden; 
}

/* Styles for frame components */
.frame {
}

.tl {
	width: 22px; height: 22px;
	background-image: url("black_tl.gif");
	background-repeat: no-repeat;
}

.tm {
	width: auto; height: 22px;
	background-image: url("black_tm.gif");
	background-repeat: repeat-x;
}

.tr {
	width: 22px; height: 22px;
	background-image: url("black_tr.gif");
	background-repeat: no-repeat;
}

.lm {
	width: 22px; height: auto;
	background-image: url("black_lm.gif");
	background-repeat: repeat-y;
}

.mm {
	text-align: center;
	vertical-align: middle;
	margin: 0; padding: 0;
}

.rm {
	width: 22px; height: auto;
	background-image: url("black_rm.gif");
	background-repeat: repeat-y;
}

.bl {
	width: 22px; height: 22px;
	background-image: url("black_bl.gif");
	background-repeat: no-repeat;
}

.bm {
	width: auto; height: 22px;
	background-image: url("black_bm.gif");
	background-repeat: repeat-x;
}

.br {
	width: 22px; height: 22px;
	background-image: url("black_br.gif");
	background-repeat: no-repeat;
}