/* Style sheet for all photographs. */

html {
	overflow-y: scroll;
} /* Forces scroll bar on RHS when not IE */
body {
	margin: 0;
	font: 85% Arial, Helvetica, sans-serif;
	line-height: 1.4;
}

/* Styles for photo pages with eggshell background. */

#eggshell {
	background: #DFD4BC url("eggshell.gif");
	color: #272727;
}
#eggshell a:link, #eggshell a:visited {
	color: #0000FF;
}
#eggshell a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#eggshell div.middle, #eggshell #middle {
	padding: 10px;
	border: solid #554433 1px;
	border-left-color: #FFF7EE;
	border-top-color: #FFF7EE;
}
*/
/* Styles for photo pages with dark green background. */

#darkgreen {
	background: #0B360B url("dark_green.gif");
	color: #C1C1C1;
}
#darkgreen a:link, #darkgreen a:visited {
	color: #4444FF;
}
#darkgreen a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#darkgreen div.middle, #darkgreen #middle {
	padding: 10px;
	border: solid #000000 1px;
	border-left-color: #007700;
	border-top-color: #007700;
}
*/
/* Styles for photo pages with off white background. */

#offwhite {
	background: #F0F0F0 url("off_white.gif");
	color: #272727;
}
#offwhite a:link, #offwhite a:visited {
	color: #0000FF;
}
#offwhite a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#offwhite div.middle, #offwhite #middle {
	padding: 10px;
	border: solid #888888 1px;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
*/
/* Styles for photo pages with dark grey background. */

#darkgrey {
	background: #191919 url("dark_grey.gif");
	color: #C1C1C1;
}
#darkgrey a:link, #darkgrey a:visited {
	color: #4444FF;
}
#darkgrey a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#darkgrey div.middle, #darkgrey #middle {
	padding: 10px;
	border: solid #000000 1px;
	border-left-color: #666666;
	border-top-color: #666666;
}
*/
/* Styles for photo pages with dark red background. */

#darkred {
	background: #360B0B url("dark_red.gif");
	color: #C1C1C1;
}
#darkred a:link, #darkred a:visited {
	color: #4444FF;
}
#darkred a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#darkred div.middle, #darkred #middle {
	padding: 10px;
	border: solid #000000 1px;
	border-left-color: #770000;
	border-top-color: #770000;
}
*/
/* Styles for photo pages with pale yellow background. */

#paleyellow {
	background: #EEEEBB url("pale_yellow.gif");
	color: #272727;
}
#paleyellow a:link, #paleyellow a:visited {
	color: #0000FF;
}
#paleyellow a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#paleyellow div.middle, #paleyellow #middle {
	padding: 10px;
	border: solid #999933 1px;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
*/
/* Styles for photo pages with light grey background. */

#lightgrey {
	background: #E5E5E5 url("light_grey.gif");
	color: #272727;
}
#lightgrey a:link, #lightgrey a:visited {
	color: #0000FF;
}
#lightgrey a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#lightgrey div.middle, #lightgrey #middle {
	padding: 10px;
	border: solid #666666 1px;
	border-left-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
*/
/* Styles for photo pages with mid grey background. */

#midgrey {
	background: #818181 url("mid_grey.gif");
	color: #000000;
}
#midgrey a:link, #midgrey a:visited {
	color: #0000FF;
}
#midgrey a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#midgrey div.middle, #midgrey #middle {
	padding: 10px;
	border: solid #333333 1px;
	border-left-color: #BBBBBB;
	border-top-color: #BBBBBB;
}
*/
/* Styles for photo pages with dark blue background. */

#darkblue {
	background: #0B0B36 url("dark_blue.gif");
	color: #C1C1C1;
}
#darkblue a:link, #darkblue a:visited {
	color: #4444FF;
}
#darkblue a:hover {
	color: #FF0000;
	background-color: #FFFFFF;
}
/* 2007-07-27
#darkblue div.middle, #darkblue #middle {
	padding: 10px;
	border: solid #000000 1px;
	border-left-color: #000099;
	border-top-color: #000099;
}
*/

/* IE 5 don't support "margin-x: auto" properly, hence "text-align: center". */
/* Some versions of IE don't support "display: table" properly, hence "width: 10%". */

body {
	text-align: center;
}
img {
	border: 0;
}
h1 {
	font: bold 140% Arial, Helvetica, sans-serif;
}
/* Styles for the photograph */
/* 2007-07-27
div.outer, #outer {
	display: table;
	width: 10%;
	margin: 0 auto;
}
*/
div h1, #inner {
	margin: 0;
	line-height: 0;
}
/* Styles for the description table */

table.description, #description {
	width: 600px;
	margin: 30px auto 0 auto;
}
table.description td, #description td {
	padding: 2px 10px;
	text-align: left;
	vertical-align: top;
}
table.description td p, #description td p {
	margin: 0;
	padding: 4px 0;
}
td.question {
	width: 60px;
	font-style: italic;
}
td.answer {
	width: 500px;
}
span.species {
	font-style: italic;
}
/* Styles for the administration area at the bottom */

table.foot, #footer {
	width: 580px;
	margin: 20px auto;
	font-size: 82%;
	font-family: Arial, Helvetica, sans-serif;
}
td.updated {
	width: 40%;
	text-align: left;
}
td.links {
	width: 20%;
	text-align: center;
}
td.copyright {
	width: 40%;
	text-align: right;
}
#updated {
	float: left;
	margin-top: 0;
}
#copyright {
	float: right;
	margin-top: 0;
}

/* © Copyright Barry Pearson 2004 */
/* End */