 /* ExhibitPlus V1.1 03.11.2003. Author: Mark Fyvie. Official site: http://www.fyvie.net/photos/info_exhibitplus.html */
 /* This is dark.css - a darker style with black left and right margins around a dark purple background */
 /* Please submit alternate colour schemes to the author for possible inclusion in this skin, see web site for details */

 body  {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: small; 
	color: #ffff99; 
	font-weight: normal; 
	font-style: normal; 
	background-color: black; 
	background-image: none;
	margin: 0px;
	}
 A:link { 
	color: #bfbfbf; 
	} 
 A:visited { 
	color: #808080; 
	}
 A:hover { 
	color: #003300; 
	}
 P {
	margin:0px 10px 10px 10px;
	}
 P { 
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 P.indent { 
	margin-left: 30pt;
	}
 .folderData { 
	font-size: xx-small; 
	color: #666666; 
	line-height: 90%; 
	}
 .folderDescription { 
	color: #666666; 
	}
 .photoComments {  
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: medium; 
	font-weight: bold; 	
	font-style: normal; 
	font-variant: normal; 
	text-align: center; 
	}
 .photoName { 
	font-size: medium; 
	color: rgb(255,255,255); 
	font-weight: bold;
	}
 .photoData { 
	font-size: x-small; 
	color: rgb(0,204,0);
	}
 .photoDataSeparator { 
	color: silver; 
	font-weight: bold; 
	}
 .dateline { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: x-small; 
	color: rgb(191,191,191); 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 .header { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: large; 
	color: rgb(255,255,255); 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal;
	}
 .footer { 
	font-size: xx-small; 
	color: rgb(97,97,97); 
	text-align: center; 
	clear:both;
	}
TABLE,TR,TD {	
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
	clear: left;
	}
IMG {
	border: 0px;
	}
/* Used to setup the main page structure with borders on the left and right */
#centercontent {
	background: black;
	margin-left: 40px;
	margin-right:40px;
	padding:20px 35px 20px 35px;
	background-image: url(purplestripe.gif);
	}
#photonavbar_inside_portrait {
	position: absolute;
	right: 75px;
	z-index:2;	
	}
#buttonbox_portrait {
	position: absolute;
	z-index:2;
	}
#w3clogosright {
	float: right;
	position: relative;
	bottom: 15px;
	right: -40px;
	left: 212px;
	top: 695px;


	}
#w3clogosleft {
	float: left;
	position: relative;
	bottom: 15px;
	left: -30px;
	}
/* Frame around entire picture (slide page) - used for glow effect under photos*/
/* Note: it is advisable to use one of the 16 predefined colours here, since other colours will not dither well! */
/*  */
#frameback {
	border: 0px;  /* Netscape 4.x friendly */
	position: relative; 
	text-align: center;
	top: 0px; 
	left: 0px;
	white-space: nowrap;
	}
#frame {
	background-color: #000000;
	border: 0px;  /* Netscape 4.x friendly */
	position: absolute; 
	top: 0px; 
	left: 0px;
	float: left;
	}
/* Used to provide frame under the thumbnails on the index page. */
#indexframe {
	width: 100%;
	background-color: black;
	padding: 4px;
	border: 0px;  /* Netscape 4.x friendly */
	}
/* Used to allow captions under the thumbnails, while at the same time preserving the "free flow" nature of thumbs when the browser is resized */
.float {
	float: left;
	padding: 4px;
	} 
.float P {
	text-align: center;
	margin: 0px 10px 2px 10px;
	}
.float P.small  {
	font-size: x-small;
	}
