/* styles for www.wenlockbooks.co.uk */

/* separate ie6 stylesheet must also be updated each edit */

body         
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt;
	color: #333333; 
	padding: 0; 
	background-color: #FEF8E0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/* December 2008 - these a and a:hover styles below will replace the pre-existing onmouseover stuff */		
.newsHeadlineGreyHome a	{
						color: #99105C;
						background-color: #f5f5f5;
						}
						
.newsHeadlineGreyHome a:hover	{
								color: #666666;
								background-color: #f5f5f5;
								}
		
.newsHeadlineGreyHomeSide a	{
							color: #99105C;
							background-color: #f5f5f5;
							}
							
.newsHeadlineGreyHomeSide a:hover	{
								`	color: #666666;
									background-color: #f5f5f5;
									}
									
.deafAfricaBuy a	{
					color: #99105C;
					background-color: #eeeeee;
					}
					
.deafAfricaBuy a:hover	{
						color: #666666;
						background-color: #eeeeee;
						}
						
.footer a	{
			font-size: 7pt;
			color: #84254F;
			background-color: #FEF8E0;
			}
			
.footer a:hover	{
				font-size: 7pt;
				color: #ffffff;
				background-color: #84254F;
				}
				
.navLink a	{
			color: #fdf9de;
			background-color: #84254f;
			font-size: 8pt;
			vertical-align: text-top;
			padding-top: 1px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 1px;
			}
			
.navLink a:hover	{
					color: #ffffff;
					background-color: #84254f;
					font-size: 8pt;
					vertical-align: text-top;
					padding-top: 1px;
					padding-left: 0px;
					padding-right: 0px;
					padding-bottom: 1px;
					font-weight: bold;
					}
			
.readGroupLink a	{
					color: #99105C;
					background-color: #FEF8E0;
					}
					
.readGroupLink a:hover	{
						color: #ffffff;
						background-color: #84254F;
						}
						
.blogLink	{
			text-align: center;
			padding-top: 1px;
			}
			
.blogLink a	{
			color: #99105C;
			background-color: #FEF8E0;
			}
			
.blogLink a:hover	{
					color: #ffffff;
					background-color: #84254F;
					}

.radioLink	{
 			padding-bottom: 5px;
			text-align: center;
			font-size: 9pt;
			}
			
.radioLink a	{
				color: #99105C;
				background-color: #FEF8E0;
 				text-align: center;
				font-size: 9pt;
				}
				
.radioLink a:hover	{
					color: #ffffff;
					background-color: #84254F;
 					text-align: center;
					font-size: 9pt;
					}

.mainText a	{
				color: #99105C;
				background-color: #FEF8E0;
 				text-align: center;
				font-size: 9pt;
				}
				
.mainText a:hover	{
					color: #ffffff;
					background-color: #84254F;
 					text-align: center;
					font-size: 9pt;
					}

/* December 2008 - these a and a:hover styles above will replace the pre-existing onmouseover stuff */
						
h1
{
	font-family			: arial;
	font-size			: 12pt;
	font-weight			: bold;
	color				: #99105C;
	background-color    : #FEF8E0;
}

h3
{
	font-family			: verdana;
	font-size			: 12pt;
	font-weight			: bold;
}

h4
{
	font-family			: arial;
	font-size			: 11pt;
	font-weight			: bold;
	color				: #333333;
}

.titlebar      
{ 
    color               : #FEF8E0;
    height              : 30px;
    background-color    : #99105C;
	padding-left		: 5px; 
	padding-right		: 8px; 
	padding-top			: 1px; 
	padding-bottom		: 1px; 
	background-image	: url('images/topbar1.jpg'); 
	background-repeat	: repeat-x;
	vertical-align      : top;
	font-family			: arial;
	font-weight			: bold;
	font-size			: 11pt;
}

.topbar      
{ 
    color              : #333333;
    background-color    : #FEF8E0;
    border				: 1px solid #c0c0c0;
	padding-left		: 5px; 
	padding-right		: 5px; 
	padding-top			: 2px; 
	padding-bottom		: 2px; 
	text-align			: left;
	vertical-align      : top;
	font-family			: arial;
	font-weight			: bold;
	font-size: 10pt;
	height: 35px;
}

.pageTitle	{
			font-weight: 600;
			font-size: 11pt;
			}

.textBox
{
	padding-top			: 5px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-bottom		: 5px;
	border				: 1px solid #c0c0c0;
	background-color	: #FEF8E0;
	font-family			: arial;
	font-size			: 9pt;
	vertical-align      : top;
	text-align: left;
}

.textBoxScrapbookViewer
{
	padding-top			: 5px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-bottom		: 5px;
	border				: 1px solid #c0c0c0;
	background-color	: #FEF8E0;
	font-family			: arial;
	font-size			: 9pt;
	vertical-align      : top;
	text-align: center;
}

td.textBoxEventsRight
{
	padding-top			: 0px;
	padding-left		: 5px;
	padding-right		: 5px;
	padding-bottom		: 5px;
	border				: 1px solid #c0c0c0;
	background-color	: #FEF8E0;
	font-family			: arial;
	font-size			: 9pt;
	vertical-align      : top;
	text-align: left;
	width: 200px;
}

.textBoxSpacer
{
	padding-top			: 5px;
	padding-left		: 0px;
	padding-right		: 0px;
	padding-bottom		: 5px;
	border				: 1px solid #c0c0c0;
	background-color	: #FEF8E0;
	font-family			: arial;
	font-size			: 9pt;
	line-height			: 150%;
	vertical-align      : top;
}

.textBoxHover
{
	padding				: 10px;
	border				: 1px solid #800080;
	background-color	: #582757;
	font-family			: Verdana, Arial, Helivetica, sans-serif;
	font-size			: 9pt;
	line-height			: 150%;
	cursor              : pointer;
	color               : #ffffff;
}

.adminBox
{
	padding-top			: 0px;
	padding-left		: 6px;
	padding-right		: 5px;
	padding-bottom		: 0px;
	border				: 1px solid #c0c0c0;
	background-color	: #ffffaa;
	font-family			: arial;
	font-size			: 9pt;
	font-weight         : bold;
}

.gapRow
{
    height              : 5px;
    padding-left        : 5px;
}

.navLinkOff
			{
			color: #fdf9de;
			background-color: #84254f;
			font-size: 8pt;
			vertical-align: text-top;
			padding-top: 1px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 1px;
			}
			
.navLinkOn
			{
			color: #ffffff;
			background-color: #84254f;
			font-size: 8pt;
			vertical-align: text-top;
			padding-top: 1px;
			padding-left: 0px;
			padding-right: 0px;
			padding-bottom: 1px;
			font-weight: bold;
			}

.textLinkOff
			{
			color: #99105C;
			background-color: #FEF8E0;
			}
			
.textLinkOn
			{
			color: #ffffff;
			background-color: #84254F;
			}
			
.textLinkOffGrey
			{
			color: #99105C;
			background-color: #eeeeee;
			}
			
.textLinkOnGrey
			{
			color: #666666;
			background-color: #eeeeee;
			}

.textLinkOffGreyF5
			{
			color: #99105C;
			background-color: #f5f5f5;
			}
			
.textLinkOnGreyF5
			{
			color: #666666;
			background-color: #f5f5f5;
			}
	
.footer
		{
		font-size: 7pt;
		color:#999999;
		background-color:#FEF8E0;
		}
		
.newsHeadline
			{
			font-weight: 800;
			padding-bottom: 2px;
			padding-left: 2px;
			color: #84254f;
			background-color: #fef8e0;
			font-size: 9pt;
			border: 1px solid #c0c0c0;
			width: 250px;
			}
			
.newsHeadlineGrey
				{
				font-weight: 800;
				padding-bottom: 2px;
				padding-left: 2px;
				color: #84254f;
				background-color: #f5f5f5;
				font-size: 9pt;
				border: 1px solid #c0c0c0;
				width: 250px;
				}
				
.newsHeadlineGreyHome
				{
				font-weight: 400;
				padding-bottom: 2px;
				padding-left: 2px;
				margin-right: 3px;
				color: #333333;
				background-color: #f5f5f5;
				font-size: 9pt;
				border: 1px solid #c0c0c0;
				width: 100%;
				}

.newsHeadlineGreyHomeSide
				{
				font-weight: 400;
				padding-bottom: 2px;
				padding-left: 3px;
				margin-right: 3px;
				color: #333333;
				background-color: #f5f5f5;
				font-size: 8pt;
				border: 1px solid #c0c0c0;
				/*width: 90%;*/
				}
	
.newsSpacer
			{
			color: #84254f;
			background-color: #c0c0c0;
			}
			
.readingGroupBook
			{
			font-weight: 800;
			padding-bottom: 2px;
			padding-left: 2px;
			color: #84254f;
			background-color: #fef8e0;
			font-size: 9pt;
			}
			
.readersRetreat
				{
				font-weight: 800;
				padding-bottom: 2px;
				padding-left: 2px;
				color: #84254f;
				background-color: #ffffff;
				font-size: 9pt;
				border: 1px solid #c0c0c0;
				width: 90%;
				text-align: center;
				}
				
.scrapbookImage	{
				padding-left: 2px;
				padding-right: 2px;
				}
				
.scrapbookCaption	{
					font-size: 7pt;
					text-align: center;
					vertical-align: top;
					padding-bottom: 15px;
					}
					
.scrapbookCaption a	{
					background-color: #FEF8E0;
					}
					
.scrapbookCaption a:hover	{
							background-color: #FEF8E0;
							}
										
.scrapbookTextCaption a	{
						font-size: 7pt;
						color: #84254f;
						background-color: #FEF8E0;
						}
					
.scrapbookTextCaption a:hover	{
								font-size: 7pt;
								color: #ffffff;
								background-color: #84254f;
								}
					
.eventsNav a	{
				font-size: 8pt;
				color: #84254f;
				background-color: #FEF8E0;
				}
				
.eventsNav a:hover	{
					font-size: 8pt;
					color: #ffffff;
					background-color: #84254f;
					}
					
					
/* may june 2010 newsletter headlines styles */					
.eventsNavGrey a	{
				font-size: 8pt;
				color: #84254f;
				background-color: #f5f5f5;
				}
				
.eventsNavGrey a:hover	{
					font-size: 8pt;
					color: #666666;
					background-color: #f5f5f5;
					}					
					
/* end - may june 2010 newsletter headlines styles */					
					
.archiveLink	{
				font-size: 8pt;
				text-align: center;
				padding-bottom: 3px;
				}
					
.archiveLink a	{
				font-size: 8pt;
				color: #84254f;
				background-color: #FEF8E0;
				}
				
.archiveLink a:hover	{
						font-size: 8pt;
						color: #ffffff;
						background-color: #84254f;
						}	
						
.newsHeadlineList	{
					font-size: 7pt;
					vertical-align: top;
					}
					
.searchForm	{
			text-align: right;
			padding-bottom: 10px;
			padding-top: 5px;
			position: relative;
			top: 5px;
			}
			
.siteSearch	{
							height: 14px;
							font-size: 8pt;
							color: #84254f;
							font-weight: 600;
							}
	
input.siteSearchTextInput	{
							height: 14px;
							width: 150px;
							font-size: 7pt;
							background-color: #f5f5f5;
							vertical-align: top;
							}
							
input.siteSearchGo	{
					font-size: 8pt;
					color: #FEF8E0;
					font-weight: 600;
					background-color: #84254f;
					padding-right: 5px;
					}
					
.readGroupLink	{
				padding-bottom: 15px;
				}
				
.bodyText	{
			font-size: 9pt;
			}
			
.deafAfricaBuy	{
				width: 100%;
				background-color: #eeeeee;
				vertical-align: top;
				font-size: 9pt;
				}
				
/* enquiry form styles */
.formLabel
	{
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-align: right;
	line-height: normal;
	font-weight: 800;
	color: #84254f;
	background-color: #FEF8E0;
	vertical-align: top;
	}
	
.formField
	{
	text-align: left;
	padding-bottom: 5px;
	}
	
input.enquiriesTextInput	{
							height: 14px;
							width: 150px;
							font-size: 8pt;
							}
							
.subHeading
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: normal;
	font-weight: 800;
	color: #84254f;
	background-color: #FEF8E0
	}
/* end enquiry form styles */

/* poetry and roses images styles */
div.float {
  float: left;
  margin: 0px;
  }
  
div.float p {
   text-align: center;
   margin: 0px;
   }

div.containerPoetryRoses {
  border: 1px solid #aaaaaa;
  background-color: #fff;
  text-align: center;
  }

div.spacer {
  clear: both;
  }

/* end poetry and roses images styles */

.bowBarns a:hover	{
					background-color: #FEF8E0;
					}

					
/* lightbox styles below */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* lightbox styles above */