/* CSS definition file containing sitestyle stylesheets
    Additional style sheet Osero-Safaris.css for JAlbum skin - Exhibit Plus  */


/*  */
 body {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: small; 
	color: #D8C588;
	background-color: #45301F;
	font-weight: normal; 
	font-style: normal; 
	background-image: none;
	margin: 0px;
	text-align: left;
	}

	
 a:link { 
	color: #D8C588; 
	} 
 a:visited { 
	color: #D8C588;
	}
 a:hover { 
	color: #D8C588;
	}
 p {
	margin:0px 10px 10px 10px;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 p.indent { 
	margin-left: 30pt;
	}
 table,tr,td {	
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
	clear: left;
	}
 img {
	border: 0px solid #FFFFCC;
	}

/* Used to setup the main page structure */
#centercontent { background: #45301F; background-image: url(); text-align: center; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 5x; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; }

#centercontentxx {
	background: #D8C588;
	color: #45301F;
	font-size: x-small;
	background-image: url();
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 778px;
	float: center;
}

#moredetails {
	background: #45301F;
	color: #F1C25F;
	font-size: x-small;
	background-image: url();
	text-align: center;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0x;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 778px;
	float: center;
}

/* Styles assosicated with index pages */
 #indexframe { background-color: #45301F; text-align: center;  margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0x; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; float: center; }
 .folderData { color: #D8C588; font-size: x-small; }
 .folderDescription { color: #D8C588; font-size: x-small; line-height: 100%; }
 .folderNavigation {	font-size: x-small; }
 .float { } 
 .float p { }
 .float p.thumbComment { color: #D8C588; }
 .thumbName a {font-size: x-small; }
 .thumbDate { color: #D8C588; }
 #w3clogosright { }

  #indextext { 
  background-color: #45301F; 
  text-align: left;  
  }

/* Styles assosciated with slide pages */

 #frame {
	background-color: #D8C588;
	position: relative;
	margin: 0 auto;
	margin-bottom: 0px;
	text-align: center;
	border: 1px;  /* Netscape 4.x friendly */
	}
 .minithumb {
	padding: 0px;
	border: 1px solid #FFFFCC;
	vertical-align: top;
	}
 .minithumbCurrent {
	border: 2px dotted #D8C588; 
	padding: 0px;
	}
 .minithumbBox {
	float: center;
	}
 .photoName { 
	position: relative;
 	font-size: medium;
	font-weight: bold;
	color: #D8C588;
	font-size: small;
	}
	
 .photoPosition { 
	position: relative;
 	font-size:x-small;
	color: FFFFCC;
	font-weight: normal;
	color: #D8C588;
 	}
 .photoComments {  
	color: #D8C588;
	position: relative;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: small 
	font-weight: bold; 	
	font-style: normal; 
	font-variant: normal; 
	text-align: center; 
	}
 .photoData {
	color: #D8C588;
	position: relative;
	font-size: x-small; 
	color: FFFFCC;
	}
 .photoData b { /* This is the bolding used for the fields in the EXIF data. To remove bolding use font-weight:normal here */ 
	font-weight: normal;
	color: #D8C588;
	}
 .photoData i { /* This is not used for italics, but to provide the | separator character inside the photoData clase */
	color: #D8C588;
	font-weight: bold; 
	font-style: normal;
	}
 .photoDataPopupBase {
	position: absolute; 
	text-align: center;
	margin: 0 auto; 
	visibility: visible;
	width: 90%;
	background: #D8C588;
	}
 .photoDataPopup {
	color: #D8C588;
	background-color: #45301F;
	position: absolute;
	left: 0;
	bottom: 160px;
	z-index: 3; 
	border: 1px outset #777;
	padding: 2px;
	font-size: x-small; 
	color: rgb(0,204,0);
	visibility: hidden; 
 	}
 .keyboardDataPopup {
	color: #45301F;
	width: 250px;
	position: absolute;
	top: -150px;
	left: 0;
	background-color:  #D8C588;
	text-align: left;
	z-index: 10; 
	border: 1px solid #45301F;
	padding: 5px;
	font-size: x-small; 
	visibility: hidden; 
	float: left;
 	}
 .slideFrameButtons {
	width: 350px; 
	position:absolute; 
	right: 0px;
	padding-top: 10px; 
	}
 #buttonbox_portrait {
 	position: absolute;
 	left: 25px;
  	z-index: 25;
 	}
 #photonavbar_inside_portrait {
	position: absolute;
	right: 25px;
	z-index: 15;	
	}
 #w3clogosleft {
	float: left;
	position: relative;
	left: -30px;
	}
 
/* Styles assosciated with additional files, e.g. news.inc, footer.inc etc */
 .dateline { color: #D8C588; }
 .header { color: #45301F; font-size: large; font-weight: normal; text-align: left; }
 .footer { color: #45301F; }
 .footercourtesy {
	color: #45301F;
	font-style: italic;
	text-align: right;
	font-size: x-small;
}

/* experimental */

 .folderNavigation {
	position: relative;
	font-size: x-small;
	line-height: 200%;
	}
 
.folderNavigation a {background: #45301F;
color: #D8C588; text-decoration: none;
padding: 1px 3px 2px 3px; border: 1px solid #D8C588;}
.folderNavigation a:link {}
.folderNavigation a:visited {background: #45301F; color: #D8C588;}
.folderNavigation a:hover {background: #D8C588; color: #45301F;}

 .folderNavigationheader {
	position: relative;
	font-size: x-small;
	line-height: 200%;
	}


.folderNavigationheader a {
	background: #45301F;
	font-size: small;
	font-weight: bold;
	color:  #F1C25F; text-decoration: none;
	padding: 1px 3px 2px 3px; border: 1px solid  #D8C588;}
.folderNavigationheader a:link {}
.folderNavigationheader a:visited {background: #45301F; color: #F1C25F;}
.folderNavigationheader a:hover {background: #D8C588; color: #45301F; border: 1px solid #D8C588;}