body { margin:0 0 0 0; font-family: arial; font-size:small; height:100%;  } 
div { margin: 0px 0px 0px 0px;}
h1 { font-size:x-large  ; font-style: italic ; color:#003399; text-align:center;}
h2 { font-size:larger  ; font-style: italic ; color:#003399;}
h3 { font-size:large   ; font-style: italic ; color:#003399;}

a {color: Blue; text-decoration:none;}
a:visited {color: Blue; text-decoration:none;}
a:hover {color: Blue; text-decoration:underline;}

/* masterpage and header */
.headerbackground {z-index:15; position:absolute; margin: 0; top:0px; left:0px; height:80px; width:100%; 
                   background-image:url(http://www.winchcombe.org/images/headerbackground.png); background-repeat:repeat-x;}
.headerimage {z-index: 20; position:absolute; margin: 0; top:0px; left:0px; 
              background-image:url(http://www.winchcombe.org/images/winchcombeorg.png); height:80px; width:320px;}
.loginPanel {z-index: 25;position:absolute; margin: 0; top:60px; left:0px;  width:100%;}
.datetimePanel {color:white;z-index: 50;position:absolute; margin: 0; padding:0px; text-align:right;
                top:0px; left:99%; width:200px; margin-left:-200px; font-size:x-small;}
.headerMenu {z-index : 25;position:absolute; top:20px; left:320px;}
.headerSubMenu { z-index : 20; background-color:white; margin-top: 1px; border: 1px solid gray; padding:2px;}
.menu { text-align:left ; font-weight: bold; }
.menuOption { text-decoration: none; font-size: 11pt; font-weight:bold; color:#000; 
              height:50px; margin: 0px 5px 0px 5px; vertical-align:text-bottom; padding: 2px 2px 2px 2px; }
.menuOption:visited { color:#000; text-decoration: none; }
.menuOption:hover { padding:  2px 1px 2px 1px; color:#000; text-decoration: none;  background-color:#fff;
                    border-top: 1px solid gray; border-left: 1px solid gray;border-right: 1px solid gray; }
.menuOptionSelected { padding: 2px 1px 2px 1px; background-color: white;
                      border-top: 1px solid gray; border-left: 1px solid gray;border-right: 1px solid gray; }
.subMenuOption { text-decoration: none; font-size: 10pt; font-weight:bold; color:#000; 
              height:50px; margin: 0px 5px 0px 5px; vertical-align:text-bottom; padding-left:3px;}
.subMenuOption:visited { color:#000; text-decoration: none; }
.subMenuOption:hover { color:#FFF; text-decoration: none; background-color:gray; }
.contentplaceholder { min-height:400px; width:100%; min-width:100%; } 

/* homepage options */
.homepageOptions {clear:both; float:none; width:800px; margin:0 auto; }
.homepageOption { float:left; text-align:center; margin: 1px; height: 235px; width:125px;
                  padding: 2px;
                  border: 1px solid gray; background-color: #6699FF; 
                  font-weight:normal; text-decoration:none; color:#000; }
.homepageOption:hover { background-color: #99ccFF; font-weight:normal; text-decoration:none; color:#fff;}
.homepageOptionLink { color:#000; text-decoration: none;}
.homepageOptionLink:hover { color:#000; text-decoration: none; }
.homepageOptionLink:visited { color:#000; text-decoration: none; }
.homepageOptionText { display:block; height:36px; min-height:36px; }

/* panels */
.panelWithBorder { border-color: #36C; border-width:1px; border-style: solid; margin: 5px 5px 5px 5px; } 
.panelFadeLarge { background-image:url(http://www.winchcombe.org/images/panel_fade_large.gif); background-repeat:repeat-x;}
.panelFadeSmall { background-image:url(http://www.winchcombe.org/images/panel_fade_small.gif); background-repeat:repeat-x;}
.panelFadeSmall:hover { background-image:url(http://www.winchcombe.org/images/panel_fade_small_hover.gif); }
.panelErrorInformation { background-color: #F99; border: solid 1px #F00; }
.floatLeft { float:left;}
.inline { display:inline; }
.center { margin:0 auto; text-align:center; }

/* saints predictions */
.gridGames { margin-left:5px;}
.headerRow { text-align:center ; font-weight: bold; background-color: #3366CC;color:Black ;}
.subheaderRow { text-align:center ;background-color: #6699FF;color:Black ;}
.subheaderRowAlignLeft { text-align:left ;background-color: #6699FF;color:Black ;}
.footerRow { text-align:center ; font-weight: bold; background-color: #3366CC;color:Black ;border-width:1px;border-style:Solid;}
.selectedRow {background-color: #000099;color:White; border-width:1px;border-style:Solid;}
.panel { text-align:center ; font-weight: bold; background-color: #3366CC;color:Black ;}
.scorecellcenter { text-align:center; font-size: small; }
.scorecellleft { text-align:left; font-size: small; }
.scorecellpoints { font-size: xx-small; }
.scorepanel { margin-left: 5px;  }
.scoretable { text-align:center; border-style: solid; border-color: #003399; border-width:thin; }

/* genealogy */
.ancestorBox { border: solid 1px #9999ff; min-height:65px; }
.ancestorLabel { vertical-align:bottom;
                 background-image:url(images/familytreebox.gif); background-repeat:repeat-x; color:White;
                 font-size:small;  text-align: center; height:65px; min-height:65px; }
.ancestorLabel a { color:black; text-decoration:none; }
.ancestorLabel:hover { background-image:url(images/familytreebox_hover.gif); }
.ancesterInfo { font-size:0.9em; }
.ancestorLabelEmpty { border: solid 1px #9999ff; height:50px; }
.familyinformationheader { font-weight: bold; font-size:small; }
.familyinformationdetails { font-size:small; text-align: center; margin-top:-10px; } 
.genealogy_bmd_quarter { font-weight: bold ; } 
.genealogy_bmd_person { font-size:small; } 
.personlink:link { text-decoration: none;  }
.genealogyIndexQuickLinksDates { clear:both; width:720px; margin: 0 auto; margin-bottom: 10px;}
.genealogyIndexQuickLinksSurnames { clear:both; width:350px; margin: 0 auto; margin-bottom: 10px;}
.genealogyIndexKeyHeader { width:100%; border: 1px solid silver; 
                        background-image:url(http://www.winchcombe.org/images/panel_fade_small.gif);
                        background-repeat:repeat-x; margin-top: 10px; }
.genealogyIndexPerson { float:left; margin: 2px; width:240px; }

/* login */
.passwordbox {border: solid 1px #ffffff; float: none; width: 700px; }
.passwordlabel {position:relative; left: 0px; width: 200px; float: left; }
.passwordfield {width: 300px; margin-left: 206px}

.registerLabel { width:300px;}
.registerHeading { font-size:1.2em; font-weight:bold; }