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

/* Style for all bodies and to control the margin on top. */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #F0F0F0;
	background-image: url('topbar.gif');
	background-repeat: repeat-x;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	SCROLLBAR-FACE-COLOR: #DDDDDD; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FBFEFF; 
	SCROLLBAR-SHADOW-COLOR: #FBFEFF; 
	SCROLLBAR-3DLIGHT-COLOR: #DDDDDD; 
	SCROLLBAR-ARROW-COLOR:#FBFEFF; 
	SCROLLBAR-TRACK-COLOR:#FBFEFF; 
	SCROLLBAR-DARKSHADOW-COLOR: #DDDDDD; 
	SCROLLBAR-BASE-COLOR: #FBFEFF
}

/* Style for the Title */
#index .xptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EFEFEF;
}	

#slide .xptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EFEFEF;
}	

/* Custom link styles */
a:active {
	text-decoration: none;
	color: #EFEFEF;
}

a.gray:active {
	text-decoration: none;
	color: #FFAAAA;
}

a:visited {
	text-decoration: none;
	color: #EFEFEF;
}

a.gray:visited {
	text-decoration: none;
	color: gray;
}

a:hover {
	text-decoration: underline;
	color: #EFEFEF;
	font-weight: bold;
}

a.gray:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}

a:link {
	text-decoration: none;
	color: #EFEFEF;
}

a.gray:link {
	text-decoration: none;
	color: gray;
}

.comment {
	color: black;
	font-size: 11px;
}

/* Put a border on all generated images
and control the distance between images */
.image {
	border:3px solid #999999; margin:2; 
}

/* To control the font of the image label */
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.imageinfo {
	position:absolute;
	left:73px;
	top:104px;
	z-index:1;
	background-color: #FFFFCC;
	layer-background-color: #FFFFFF;
	width: 360px;
	visibility: hidden;
	border: 2px solid #000000;
}