/* widths, from inside out:  content + padding + border + margin  p91*/
/* Minor revisions DTK 16.3.06 */
/* Modified 8.4.06  Some items commented out as apparently not yet required */
/* Adapted January 2009 as OLDPHOTO.CSS for use in monlib/history for oldphotos pages /*

/* Colours used (hex)
	Label, PLANTATA, OLDPHOTO
	Fonts:
	Header	00008C
	Title	#90200A
	
	
	
*/

body
	{
	margin: 0;
	margin: 0 auto;
	/* background: #f4f4f4 url(images/bg.gif) top center repeat-y;  */
	}
	
#header			/* ID selector: only use once */
	{
	vertical-align: top;			
	padding-bottom: 11px;
	padding-left: 0px;
	padding-top: 15px;
	font-family: Georgia, Lucida, Arial, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #00008C;
	/* border: 2px solid #efefef; */
	/* background-color: #66FF66; */
	margin-left: 5px;
	margin-bottom: 5px;
	
	}

#header a:link, a:visited	
	{ 
	text-decoration: none;
	}
	
.title			/* Class selector: can apply to any selector */
	{
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	margin-top: 15px;
	/* color: #90200A; */
	color:#00FFFF;
	}

.darktitle
	{
	font-size: 24px;
	font-style: normal ;
	font-weight: bold;
	/*color: red;  		/*  #000000; */
	color:#0000FF;
	background-color: #CCCCCC;
	/* border: 1px solid black; */
	padding: 6px;
	
	}

#main
	{
	width: 950px;
	height: auto;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
		/* border: 2px solid red ;	 */
	margin: 0 auto 0 50px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #A52A2A;
	}

h3			/* , h4   */
	{
    font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color:  #2F4F4F;
	font-weight: bold;
	padding-left: 8px;
	}

img {padding: 4px; border: none;}

p 	{padding-left: 4px; padding-right: 4px;}

.centerpara
	{
	text-align:center;
	clear: both;
	}
	
#topmenu
	{
    text-align: left ;		/* right; */
	padding-right: 4em;
	font-family: Verdana, Arial, sans-serif;
	margin: 20px 5px 20px 5px;
	}

#topmenu a
	{
	color:  #ffffff; 
    text-decoration: none;
    background-color: #145e14;   /*#000000; */
	border: 1px solid #333333;
	padding: 4px;
	margin:inherit;
	width: 120px;
	}

/* #topmenu a:visited */

#topmenu a:focus
	{
	color: #fff;  /* #000; */
	background-color: #518951;  /* #ccc;    ?518951 not different enough */
	border: 1px solid #333333;
    text-decoration: none;
	}

#topmenu a:hover
	{
	color: #fff;  /* #000; */
	background-color: #518951;  /* #ccc;    ?518951 not different enough */
	border: 1px solid #333333;
    text-decoration: none;
	}

#left
	{
	width: 220px;
	height: auto;
	padding: 10px;
	color: #00008B;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	background-color: #ffff99;			/*  ffff99 yellow (left side panel)  */
	margin-top: 10px;
	float: left;
	}

#left img				/* to remove padding: but does not */
	{
	width: 220px;
	height: auto; 
	float: left;
	} 

#left p			/*  Not currently used  */
	{
	width: 96%;
	padding: 8px;
	font-family: Verdana, Arial, sans-serif;
	/* background-color: #dfd9d9; */
	color: blue;  /* #607080; */
	margin: 5px 0 0 0;
	}

#left a
	{
	color:  #ffffff; 
    text-decoration: none;
    background-color: #145e14;   /*#000000; */
	border: 1px solid #333333;
	padding: 4px;
	margin:inherit;
	width: 96%;
	}

#left a:focus
	{
	color: #fff;  /* #000; */
	background-color: #516951;  /* #ccc;    ?518951 not different enough */
	border: 1px solid #333333;
    text-decoration: none;
	}

#left a:hover
	{
	color: #fff;  /* #000; */
	background-color: #518951;  /* #ccc;    ?518951 not different enough */
	border: 2px solid #333333;
    text-decoration: none;
	}

.space3
	{
	margin: 0 0 15px 0;
	/* border: solid blue 1px;  */
	}
	



a:link, a:visited
	{
	color: white;			/* #A52A2A; ###*/
	background-color: #145e14; 
	font-size: 12px;
	/* border-bottom: 1px solid #A52A2A; */
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	padding: 4px;
	}

a:hover
	{
	color: white;
	backgroundcolor: #518951;    /* #A52A2A; */
	text-decoration: underline;
	font-size: 12px;
	font-family: Verdana, Arial, sans-serif;
	text-decoration: none;
	padding: 4px;
	}
	
#content
	{
	font-size: 11pt;
	float: right;
	width: 720px;
	text-align: justify;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 11px;
	padding-right: 16px;
	border-left: 1px solid #efefef;
	font-family: Verdana, Arial, sans-serif;
	line-height: 145%;
	color: #607080;
	background-color:#FFFF99;		/* This is the yellow bit */
	margin-top: 12px;
	}
	

#img solo
	{
	clear both;
	}	

#content h3					/* , h4 */
	{
	font-family: Verdana, Arial, sans-serif;
	color:  #2F4F4F;
	font-weight: bold;
    padding-left: 0px;
	}

#content_wide
	{
	float: right;
	width: 870px;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8x;
	padding-left: 8px;
	padding-right: 8px;
	border: 3px solid #00FF00;
	font-family: Verdana, Arial, sans-serif;
	line-height: 125%;
	color: #607080;
	background-color:#FFFF99;		/* This is the yellow bit */
	}

#content_wide h3					/* , h4 */
	{
	font-family: Verdana, Arial, sans-serif;
	color:  #2F4F4F;
	font-weight: bold;
    padding-left: 0px;
	}

#foot
	{
	text-align: center;
	font-size:14px; 
	padding: 11px;
	font-family: Verdana, Arial, sans-serif;
	/* font-weight: lighter; */
	/* color: #ccccee; */
	color: #00ffff;
	clear: both;
	}

#foot a
	{
	background-color: #145e14; 
	color: white;
	text-align: center;
	font-size:11pt;
	padding: 4px;
	text-decoration: none;
	}


#foot a:hover
	{
	color: white;
	backgroundcolor: #518951;    /* #A52A2A; */
	/* font-size: 11px;
	font-family: Verdana, Arial, sans-serif; */
	text-decoration: none;
	padding: 4px;
	}

hr
	{
	border:0;
	border-bottom: 1px solid #0000ff;			/* #efefef */
	height: 1px;
	}

ul {padding-left: 4px;}

li
	{
	list-style-type: none;
	line-height: 160%;
	padding-left:0;
	}

.yellband 
	{
	letter-spacing: normal;
	text-align: center;
	text-indent: 5em;
	word-spacing: normal;
	white-space: normal;
	display: block;
	}

@media screen
	{
	#searchbar
		{	background-color:#66FFFF;
			text-align: center;
			color: red;	
			display: block;
			margin: 3px;
		}			
	}

@media print
	{
	#searchbar
		{
		display: none;
		}
	}
				
@media screen
	{
	#searchbar2
		{	background-color: #CCCCCC; 		/* #FFFF66; yellow */
			text-align: left;
			font-weight: bold;
			color: red;	
			display: inline; 
			padding: 4px;
			margin-bottom: 4px ;
			/* border: solid 2px blue ; */
		}			
	}

@media print
	{
	#searchbar2
		{
		display: none;
		}
	}
				
#warn	
		{	/* background-color: #FFFF99;   */
			width: 780px;
			border: 6px;
			border-color:#FF0000;
			font-size: 14px;	
			color: #0000FF;
			margin: 20px;
			padding: 25px; 
			text-align: justify; }  
#monkshow	
		{	background-color:#FFFF99;		/* #CCFF99  FFFFCC is yellow */
			margin: 20px;
			padding-left: 25px;
			padding-right: 20px;
			text-align: left;
			/* color:#0000FF; */
			color: #A52A2A;
			font-size: 14px;		}
#greybox	
		{	background: #EEEEEE; 
			border: black solid 2px; 
			color: blue;	
			padding: 2x;  
			text-decoration: none;		}			
			
#p2		{	font-size: 12px; font-style:italic; color: red; margin: 50px auto; }		
#red 	{ 	color: red; }
#blue 	{ 	color: blue; }
#green	{ 	color: green; }
#yellow	{	color: #ff6600; }
#idnum	{	font-size: 9px; color:#000000; }
#halftitle
		{
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		margin-top: 15px;
		color: #90200A;
		}