/*==================================================================================================
    Stylesheet for the Master Page for the website of West Middlesex Family History Society.
    By: Richard Chapman
    Last updated: 22-Dec-06
 ===================================================================================================*/

/* Styles here follow structure of the layout of the Master Page, except for the menus,
   which are covered in separate stylesheets. The Body class sets the basic font, 
   background colour (white) and the minimum width (set for a 800x600 resolution screen). */
body {
    margin: 0;
    padding: 0;
/*	padding: 10px; */
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #000000;
	background: #ffffff;
	margin: 0 auto; /* Centres the whole thing */
	min-width: 760px;
	max-width: 1024px;
}

* html body {
    font-size: x-small;     /* for IE5/Win */
    f\ont-size: small;      /* for other IE versions */
}    

/*body h1 {
    font-size: 130%;
}*/

/* General styling of links */
a:link, a:visited 
{
    text-decoration: none;  
    border-bottom: 1px dotted;
    color: #000066;
    font-weight: bold;
}
a:hover, a:active
{
    text-decoration: none;  
    border-bottom: 1px solid;   
}


/* Masthead for the whole site, using WMFHS logo image */
#SkipLinks
{
    font-size: 75%;
    float: right;
    padding-bottom: 1px;
}

#PageHeaderLogo 
{
    float: left;
    width: 18%;
    text-align: center;
    padding: 15px 0;
}
#PageHeaderLogo a, #PageHeaderLogo img
{
    border: none;
    display: block;
    width: 75px;
    margin: 0 auto;
}
#PageHeader 
{
    float: left; /* Check this */
    margin: 0;
    padding: 35px 0;    
    width: 60%;
}
#PageHeader h1 
{
    font-size: 200%;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#PageHeader p
{
    margin: 0;
    font-size: 70%;
}
#FFHSAwardArea 
{
    float: right;
    margin: 0;
    padding: 15px 0;    
}
#PageBox
{
    padding-top: 5px;
    padding-bottom: 5px;
}
#PageBox .headline
{
    font-weight: bold;
    font-style: italic;
    text-align: left;
    font-size: 250%;
    margin: 40px 40px;
    padding: 40px 40px;
    text-transform:uppercase;
}
#PageBox h2 
{
    font-weight: bold;
    font-size: 140%;
    padding: 0px 10px 0px 10px;
    margin-bottom: 5px;
}
#PageBox h3
{
    font-weight: bold;
    font-size: 110%;
    padding: 5px 10px 0px 10px;
    margin-bottom: 5px;
}
#PageBox h4
{
    font-weight: bold;
    font-size: 105%;
    padding: 5px 10px 0px 10px;
    margin-bottom: 2px;
}
#PageBox p
{
    margin-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
}
#PageBox ul
{
    margin-top: 0px;
}
#PageBox li
{
    margin-bottom: 3px;
}
hr {
    display: none;
}
/* For MenuBar styles, see HorizontalMenu.css */

/* MainBox contains the vertical navigation/news column (LeftCol), plus the main content 
   area, which comprises an area for the breadcrumbs function (NaviBox) and for the 
   content placeholder (PageBox). The LeftCol area is of fixed width while the remainder of
   MainBox fills the space determined by the Body container. */
#MainBox 
{
    clear: both;
	margin: 0;
/*    border: solid 1px #dd4;  */
} 

#LeftCol {
    margin: 0;
    width: 18%;
    float: left; /*  Uncomment the width and float to make it work in IE5.5 and IE6 */
    padding: 10px 5px;
/*    border: solid 1px #0f0; */
    overflow: auto;
}

#NaviBox {
    height: 25px;     /* This needs to be freed up at some stage */
    float: right;
    width: 80%;
/*    margin-left: 160px;
    padding: 0px 10px 0px 10px; */
    font-size: small;
/*    border: solid 1px #ff0;  */
    border-bottom: solid 2px #bb2222;
}    

#PageBox 
{
/*	margin-left: 160px; 
	padding: 0px 10px 0px 10px; */
/*    border: solid 1px #0ff;  */
    float: right;
    width: 80%;
	text-align: justify;
}
/* Footer must clear all the floating content areas. Background setting here is chosen to 
   match that used in the horizontal menu.*/
#BoxFooter 
{
    clear: both;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
/*    line-height: 2em;
    height: 2em; */
    font-size: 70%;    
	background: #bb2222 url(../images/FebMenu.gif) repeat-x bottom;    
}
#BoxFooter a
{
    color: #ffffff;
    background: transparent;
}

/* Styles for contents of the LeftCol area. */
.LocalPages
{
    margin: 0;
}   

.DisplayBox 
{
    background: url(../images/Display_BotRight.gif) no-repeat bottom right;
    padding: 0;
}

.DisplayBoxHead 
{
    background: #bb2222 url(../images/Display_TopRight.gif) no-repeat top right;
    margin: 0;
    padding: 0;
}

.DisplayBoxMain 
{
    background: url(../images/Display_BotLeft.gif) no-repeat bottom left;
    margin: 0;   
    padding: 0px 4px 5px 8px;
/*    margin: 2px 0px; */
}

.DisplayBoxHead h3 
{
    font-size: 80%;
    font-weight: bold;
    color: #ffffff;
    background: transparent url(../images/Display_TopLeft.gif) no-repeat top left;    
    padding: 5px 5px 5px 10px;    
    margin-bottom: 0;
}
.DisplayBoxMain h4
{
    font-size: 75%;
    font-weight: bold;
    padding-top: 5px;
    margin-bottom: 0;
    margin-top: 0;    
}
.DisplayBox p
{
    font-size: 75%;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
}
.DisplayBox ul
{
    font-size: 75%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Styles for contents of NaviBox area. */
#ListThing
{
    margin: 0;
    list-style: none;
    padding: 0 0;   
}
.Rsmall
{
    font-size:80%;
    float: right;
    padding: 3px 20px;
    background: url(../images/mag-glass.gif) no-repeat 0 50%;
}
.RsmallTB
{
    font-size:80%;
    float: right;
    margin: 2px 25px 20px 5px;
}    
.Lsmall
{
    font-size:80%;
    float: left;
    padding: 3px;
}

#header {
	height : 80px; 	
    margin-left: 120px;  
	width:90%;
}

.small
{
    font-size:80%;
}

/* Styles relating to page content here. Move to separate file at some stage. */

/* Following for Executive Committee table design, 19-Dec-06 */
table {
    width: 100%;
}
table th, table td {
    margin: 0;
    padding: 6px 8px ;
    text-align: left;
}
table .name {
    font-weight:bold;
}

/* For Journal article table */
#JournalTable
{
/*    border: 1px solid #bbb;
    border-collapse: collapse; */
    clear: both;
    width: 80%;
    margin-left:auto;
    margin-right: auto;
}
#JournalTable caption
{
/*    border: 1px solid #bbb; */
    font-weight: bold;
    text-align: center;
    font-size: 105%;
    padding: 5px;
}
#JournalTable th, #JournalTable td
{
/*    border: 1px solid #bbb; */
    text-align: center;
    padding: 5px;
}
/* Following for Courier Service design, 20-Dec-06 */
.centred {
    text-align: center;
    font-style: italic;
}
/* For AccessKey table */
#AccessKeyTable
{
    border: 1px solid #dedede;
    border-collapse: collapse;
    clear: both;
    width: 60%;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 1em;
}
#AccessKeyTable caption
{
    border: 1px solid #dedede;
    font-weight: bold;
    text-align: center;
    font-size: 105%;
    padding: 5px;
}
#AccessKeyTable th, #AccessKeyTable td
{
    border-right: 1px solid #dedede;
    text-align: center;
    padding: 5px;
}
#AccessKeyTable th
{
    border: 1px solid #dedede;
}
.ImageWrapper
{
    float: left;
    background: url(../images/shadow1.gif) no-repeat bottom right;
    margin: 10px 10px 0px 10px !important;
    margin: 10px 10px 0px 5px;
}
.ImageWrapperRight
{
    float: right;
    background: url(../images/shadow1.gif) no-repeat bottom right;
    margin: 10px 10px 0px 10px !important;
    margin: 10px 10px 0px 5px;
}
.ImageWrapper div, .ImageWrapperRight div
{
    background: url(../images/shadow2.png) no-repeat left top !important;
    background: url(../images/shadow2.gif) no-repeat left top;
    padding: 0px 5px 5px 0px;
}
.ImageWrapper img, .ImageWrapperRight img
{
/*    background-color: #ffffff; */
    border: 1px solid #a9a9a9; 
    padding: 4px;
}
.PlainImageLeft
{
    float: left;
    margin: 10px 10px 0px 10px !important;
    margin: 10px 10px 0px 5px;        
}
.PlainImageRight
{
    float: right;
    margin: 10px 10px 0px 10px !important;
    margin: 10px 10px 0px 5px;        
}
.PlainImageCentre
{
    text-align: center;
}
#Clear
{
    clear: both;
    height: 1px;
}
#MenuSpacer
{
    width: 160px;
    background: none;
}
/*.ParishDetailTable
{
    background: #88b;
    width: 80%;
    margin: 2em 5em 2em 5em;
    border: none;
    border-collapse: collapse;
} */
.ParishTable
{
    float: left;
    margin: 10px 10px 10px 10px;
}
.ParishDropDown
{
    margin-left: 2em;
}
.Indented
{
    margin-left: 3em;
    margin-right: 3em;
    font-style: italic;
}
.IndentedPlain
{
    margin-left: 3em;
    margin-right: 3em;
    font-style: normal;
}
#tabExecutive {
    width: 100%;
}
#tabExecutive td {
    margin: 0;
    padding: 6px 8px;
    text-align: left;
}
#tabExecutive .role 
{
    font-weight: bold;
}
#tabJournal {
    width: 100%;
}
#tabJournal td {
    margin: 0;
    padding: 6px 8px;
    text-align: center;
}
.ClearedText
{
    clear: both;
}
#HomePageIntro p
{
    margin-top: 3em;
}
#BthCertTable, #MarCertTable, #DthCertTable
{
    padding-top: 1em;
}
#MeetingsTable, #OpenDayTable
{
    width: 90%;
    border: solid 1px #a9a9a9;
    margin: 0 auto;
    border-collapse: collapse;
}
#MeetingsTable th, #OpenDayTable th
{
    border-right: solid 1px #dedede;
    border-bottom: solid 1px #dedede;    
}
#MeetingsTable td, #OpenDayTable td
{
    border-right: solid 1px #dedede;
}
#OpenDayTable .DateCol, #MeetingsTable .DateCol
{
    width: 15%;
}
.FicheTable, #BooksTable
{
    border: solid 1px #a9a9a9;
    border-collapse: collapse;
}
.FicheTable td, #BooksTable td
{
    border: solid 1px #dedede;
}
.UpdateCol
{
    width: 15%;
    font-weight: bold;
}
.ConferenceTitle
{
    font-weight: bold;
    font-size: 120%;
    text-align: center;
}
.CentreText
{
    text-align: center;
}

/*  Next sections relate to the EasySearchASP tool */
.ezcount
{
/*	color: #bb2222; */
	float: right;
}
#results
{
	display: none;
	visibility: hidden;
/*	background-color: #ffffff; */
	width: 30em;
	overflow: hidden;
	border: solid 1px #000000;
	z-index: 99;
	position: absolute;
	margin-left: 10px;
}
/*
*{margin: o;}
*/
.SearchResultUrl, .SearchResultsPageXofYMessage
{
	font-style: italic;
}
.SearchResultsHighlight
{
/*	color: #bb2222; */
	font-style: italic;	
}
#SearchAd {
    float: right;
    padding-top: 10px;
    padding-left: 10px;
}        
#SearchAd img
{
    border: none;
}
#SearchAd a {
    font-size: 70%;
}
.EndList 
{
    display: none;
}

/* Styles for search tool */
.SearchResultItem
{
    border: none;
}
.SearchResultAlt
{
    border: none;
}