/* ExhibitPlus V1.4a 25.10.2005. Author: Mark Fyvie. Official site: http://exhibitplus.fyvie.net

    This is basestyle.css - a darker style with black left and right margins around a dark purple background
    Even though colour information is specified here, each HTML page actually calls a second style sheet, and this style sheet contains just the colour information for the various styles. In this way the dark style is modified into other styles */
 
/* FEEZELL edit: this file has been heavily edited; the original is backed up as old redgray basestyle.css */

/* MAIN COLORS USED: */
/* bright blue (links) - #0000FF */
/* black #000000 */
/* white #FFFFFF */
/* dark green #008000 */
/* navy #336699 */
/* dark gray (main content border) #CCCCCC */
/* light gray (outside main content) #EFEFEF */
/* visited links #800080 */


 body {
	font-family: Arial,Helvetica,Sans-serif,sans-serif; 
	/* FEEZELL EDIT: was font-size:small; I made it pixels */
	font-size: 12px; 
	color: black; 
	font-weight: normal; 
	font-style: normal; 
	background-color: #F0F0F0; 
	background-image: none;
	text-align:center;
	margin: 0px;
	}
/* Feezell edit: was #bfbfbf originally-I darkened it */ 
a:link { 
	color: #0000FF;
	font-weight:bold; 
	} 
/* Feezell edit: was #808080 */
 a:visited { 
	color: #0000FF;
	font-weight:normal;
	}
/* Feezell edit: was #003300 originally */
 a:hover { 
	color: #009900;
	}
/* Feezell edit: links w/o underline */
.nounderline a:link {
	font-size:11px;
	color: #0000FF;
	text-decoration:none;
	font-weight:bold;
}
.nounderline a:visited {
	font-size:11px;
	color: #0000FF;
	text-decoration:none;
	font-weight:normal;
}
.nounderline a:hover {
	font-size:12px;
	color: #0000FF;
	text-decoration:none;
}
/* Feezell edit: links w/o underline */
.nounderlinewhite a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.nounderlinewhite a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.nounderlinewhite a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
 p {
	margin:0px 5px 5px 5px;
	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;
	}
/* Used to setup the main page structure with borders on the left and right */
#centercontent {
	/* FEEZELL addition: next 2 lines */
	width:770px;
	min-width:770px;

	background: white;
	border: 2px solid #CCCCCC;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding:0px;
	text-align:left;
	/*OLD background-image: url(purplestripe.gif); */
	}

/*Feezell edit: styles for top banner that shows on all pages*/
.toplogo {
	background-color:#336699;
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px;
}
.toplogotext {
	color:white;
	font-size:22px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:40px;
}
.topnav {
	background-color:#336699;
	width:100%;
	text-align:left;
	padding:0px;
	margin:0px;
}
.topnavtext {
	margin-left:30px;
	margin-top:0px;
}
.topnavtext a:link {
	color: #FFFFFF;
	text-decoration:none;
}
.topnavtext a:visited {
	color: #FFFFFF;
	text-decoration:none;
}
.topnavtext a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
.topshortcuts {
	background-color:#FFFFFF;
	width:100%;
	text-align:right;
	padding:0px;
	margin:0px;
}
.topshortcutstext {
	margin-right:10px;
	margin-bottom:0px;
}


/*Feezell edit: sidebar on index pages - for related photo albums and links */
#sidebar {
	float:left;
	width:150px;
	min-width:150px;

	background: white;
	border: solid thin #336699;
	margin-left: 0px;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:left;
	}
.sidebarhead {
	background-color:#336699;
	padding-top:7px;
	padding-bottom:6px;
	text-align:center;
	width:100%;
}
.sidebarheadtext { 
	font-weight:900;
	font-size:14px;
	width:100%;
	color:white;
	background: #336699;
	margin-bottom: 0px;
}
.sidebarlink {
	font-size:13px;
	padding-top:7px;
	padding-bottom:7px;
	background: #EFEFEF;
	background-color: #EFEFEF;
	margin-left:0px;
	margin-right:0px;
	border-bottom:solid white 2px;
}

/*Feezell edit: for main content column next to sidebar on index pages*/
#maintext {
	float:right;
	width:605px;
	min-width:605px;

	margin-left:0px
	margin-right:0px;
	margin-top:5px;
	padding:0px;
	text-align:left;
	}


/* Styles assosicated with index pages */

#indexframe {
	/* FEEZELL edit: next 2 lines; was width:99% */
	width:100%;
	background-color: white;
	padding: 0px;
	border: 0px;  /* Netscape 4.x friendly */
	}
 .folderData { 
	font-size: 10px; 
	color: black; 
	line-height: 95%; 
	}
 .folderDescription { 
	color: black; 
	line-height: 110%;
	margin-top: 10px;
	}
 .folderNavigation {
	position: relative; 
	font-size: 13px;
	}
 .folderNavigation a { 
      }
.folderNavigation a:link { 
      }
.folderNavigation a:visited { 
      }
.folderNavigation a:hover { 
      }
 .float {           /* 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: left;
	} 
 .float p {
	text-align: center;
	margin: 0px 10px 2px 10px;
	}
 .float p.thumbComment  {
	font-size: 10px;
	}
 .thumbName a { 
	color: black;
	text-decoration: none; 
	}
 .thumbDate {
	color: black;
	font-size: 10px;
	}
 #w3clogosright {
	float: right;
	position: relative;
	right: -20px;
	}

/* Styles assosciated with slide pages */

/* Feezell edit: for google ad sidebar on slide page next to photo */
#mainslidecontent { 
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	border: 0px;
	width:100%;
	}

#slidesidebar {
	background-color:white;
	float:left;
	margin-right:0 px;
	margin-top:5px;
	padding: 0px;
	min-width:166px;
	width:166px;
	text-align:right;
	border: 0px;
	}

 #frame {
	/* float: right;*/
	margin-top:3px;
	/*was margin: 0 auto; */
	margin:0;
	margin-bottom: 10px;
	text-align: center;
	border: 0px;  /* Netscape 4.x friendly */
	}
 .minithumb {
	padding: 0px;
	}
 .minithumbCurrent {
	border: 1px dotted black;
	padding: 0px;
	}
 .minithumbBox {
	/* no-want it centered--- OLD: float: right; */
	/* FEEZELL edit: added all lines below */
	border: solid thin black;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:3px;
	padding-left:3px;
	margin:0px;
	margin-top:15px;
	margin-bottom:0px;
	width: 750px;
	min-width: 750px;
	}
 .photoName { 
	position: relative;
	float: left;
	font-size: medium; 
	color: black; 
	font-weight: bold;
	}
 .photoPosition { 
	position: relative;
	font-size: small; 
	color: black; 
	font-weight: normal;
	}
 .photoComments {  
	/* FEEZELL edit: added margin-top:10px; */
	margin-top:10px;
	position: relative;
	font-family:Arial,Helvetica,Sans-serif,sans-serif; 
	/* FEEZELL edit: was font-size:medium */
	font-weight: bold; 	
	font-style: normal; 
	font-variant: normal; 
	text-align: center; 
	}
 .photoData { 
	position: relative;
	color: black;
	}
 .photoData b { /* This is the bolding used for the fields in the EXIF data. To remove bolding use font-weight:normal here */ 
	font-weight: bold;
	}
 .photoData i { /* This is not used for italics, but to provide the | separator character inside the photoData clase */
	color: silver; 
	font-weight: bold; 
	font-style: normal;
	}
 .photoDataPopupBase {
	position: absolute; 
	text-align: center;
	margin: 0 auto; 
	visibility: visible;
	width: 90%;
	background: black;
	}
 .photoDataPopup {
	position: absolute;
	left: 0;
	bottom: 160px;
	background: white;
	z-index: 3; 
	border: 1px outset #777;
	padding: 2px;
	font-size: small; 
	color: black;
	visibility: hidden; 
 	}
 .keyboardDataPopup {
	width: 250px;
	position: absolute;
	top: -150px;
	left: 0;
	background-color: silver;
	color: black;
	text-align: left;
	z-index: 10; 
	border: 1px solid black;
	padding: 5px;
	font-size: small; 
	visibility: hidden; 
	float: left;
 	}
 .slideFrameButtons {
	width: 350px; 
	position:absolute; 
	right: 3px; 
	}
 #buttonbox_portrait {
	position: absolute;
	z-index: 25;
	}
 #photonavbar_inside_portrait {
	position: absolute;
	right: 75px;
	z-index: 15;	
	}
 #w3clogosleft {
	float: left;
	position: relative;
	left: -30px;
	}

/* Styles assosciated with additional files, e.g. news.inc, footer.inc etc */
 .dateline { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: x-small;
	color: #999999; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 .header { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: large; 
	color: #009900; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal;
	}
 .footer { 
	font-size: xx-small; 
	color: rgb(97,97,97); 
	text-align: center; 
	}