table#NamesListTable{    /*Rules for the names table as a whole*/    table-layout:fixed;    width:100%;    border-collapse:collapse;    text-align:left;    border: 2px solid black;}table#NamesListTable tr td,th{    /*Rules for ALL cells of the table*/    width:25%; /*Don't change this one*/    border:1px black solid;}table#NamesListTable tr td{    /*Rules for ALL td cells of the table*/    padding-top:0.2em;    padding-bottom:0.2em;}table#NamesListTable tr.letter {    /*CSS Rules for letter headings*/    border-top:3px double black;    background-color:#E4F7C0;}table#NamesListTable tr.header{    /*CSS rules for names table headers*/    background-color:#BF98D5;    text-align:center;}table#NamesListTable tr.header[id*='NH']{    /*CSS rules for names table name group headers*/    background-color:#D198D5;    text-align:center;    text-decoration:underline;}table#NamesListTable tr.name{    /*CSS rules for all name rows*/}table#NamesListTable tr.name.even{    /*CSS rules for even name rows*/    background-color:#CEEE8F;}table#NamesListTable tr.name.odd{    /*CSS rules for odd name rows*/    background-color:#DEF7AD;}table#NamesListTable tr.name:hover{    /*CSS rules for all name rows when hovered over*/    background-color:yellow;}table#NamesListTable tr.even:hover{    /*CSS rules for even name rows when hovered over*/}table#NamesListTable tr.odd:hover{    /*CSS rules for odd name rows when hovered over*/}.SourceLink{ /*Also used for sibling links*/    vertical-align:super;    font-size:80%;    color:red !important;    text-decoration:none !important;    font-weight:normal;    cursor:alias !important;}.SourceLink:Hover{    border-top:1px solid maroon;    border-bottom:2px solid maroon;}#noteContents{    /*CSS rules for the scroll - don't change too much */    background-color: #FFFFB3;}div.shadeContentsWrap>div.shadeContents{    /*CSS rules for displaying sources, note details etc*/    font-family:monospace;    border:3px double black;    background-image:url(images/smooths.png);}div.shadeContentsWrap>div.shadeContents>h2{    /*CSS rules for displaying headers for sources & notes etc*/    text-decoration:underline;    text-align:center;}div.shadeContentsWrap>div.shadeContents>hr{    /*CSS rules for divider line seperating individual items in popups*/    /*color:#779B2E;    background-color:#779B2E;*/    border-top:1px dotted #779B2E;    border-bottom:1px dashed #779B2E;    border-left:0; border-right:0;    height: 6px;}div.popuppersoncontainer{    /*CSS rules for the box that pops up when a rin is clicked in a source etc*/    background-color:#B2FDB2;    border:2px solid black;}span.a{    /*CSS rules for 'anchors' that are used for jquery*/    color:blue;    text-decoration:underline;}span.a:hover{    /*CSS rules for 'anchors' that are used for jquery when hovered*/    color:purple;    cursor: pointer;}span.a.rin{    /*CSS rules for 'anchors' that are used for RINS*/    font-style:italic;}div#shade{    /*CSS rules for the semi transparent layer that is shown behind a popup*/    background-color: #54226F;}div.girl {    /*The CSS rules for the box that shows and the individual is a girl*/    background-color:#E6B3D0;}div.boy {    /*The CSS rules for the box that shows and the individual is a boy*/    background-color:#C5A8D5;}div.either{    /*The CSS rules for the box that shows and the individuals sex is unknown*/}div#BreadCrumbsDiv{    width:740px;    overflow:auto;    /*border:1px solid gray;*/}td#BreadCrumbsCell{    overflow:auto;    border:1px solid gray;}td#BreadCrumbsCell table#BreadCrumbs{    font-size:xx-small !important;}td#BreadCrumbsCell table#BreadCrumbs td{    font-size:xx-small !important;}td#BreadCrumbsCell table#breadCrumbs td a{    font-size: xx-small;    font-weight: normal;    text-decoration: none;}td#BreadCrumbsCell table#breadCrumbs td a:hover{    font-size: x-small;}/*You can comment out this rule if you wantThis rule simply changes the person box with ID I76 (Thomas E.R Wild)To a background of the image EasterEgg (OMG spoon)*/div#I76{    /*MY BACKGROUND IS A CAT SAYING OMG SPOON*/    background-image:url(images/EasterEgg.png);    height:213px;    background-repeat:no-repeat;    background-position:center;}/*DO NOT CHNAGE THE RULES BELOW, IT COULD DAMAGE THE OVER ALL APEARENCE OF THE LAYOUT*//*~Prevents my anchor formatting messing up the tree menu~ *//*    Only format links that have an href attribute that don't start with ..    and that don't have the class MenuBar Item Submenu*/a[href]:link:not([href^=".."]):not(.MenuBarItemSubmenu){color:blue}a[href]:visited:not([href^=".."]):not(.MenuBarItemSubmenu){color:blue}a[href]:hover:not([href^=".."]):not(.MenuBarItemSubmenu){color:purple}/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/div#container{    /*Rules for the main container div*/    width:850px !important;}div#mainContent{    /*Rules for the main content div*/    position:relative;    padding:10px !important;    margin-left:auto !important;    margin-right:auto !important;    text-align:center !important;}div#shade{    /*CSS rules for the 'shade' that is displayed behind the notes etc*/    filter: alpha(opacity=25); /*IE*/;    -moz-opacity: .25;/*Firefox*/    opacity: .25;/*Firefox & others*/    margin: 0px;    width: 100%;    height: 100%;    z-index: 100;    position:fixed;    top:0px;    left:0px;    text-align:center;    display:none;}div.shadeContentsWrap{    /*A wrapper Div to allow the relative positione div ShadeContents DIV to align itself correctly*/    position:absolute;    top:0;    left:0;    width:100%;    z-index:101;    height:100%;    display:none;}div.shadeContentsWrap>div.shadeContents{    /*The notes etc container DIV*/    -moz-border-radius:15px;    -webkit-border-radius:15px;    padding:5px;    text-align:left;    width:88%;    min-height:90%;    margin-top:5px;    margin-left:auto;    margin-right:auto;    background-color:white;    background-repeat: repeat;    position: relative;}div.shadeContentsWrap>div.shadeContents>p{    /*Rules for the paragraphs that contain individual notes etc in the ShadeContents*/    border-bottom:1px solid #779B2E;    padding-bottom: 1.2em;}table#NamesListTable h3{    font-size:13pt;}table#NamesListTable h3 a[href] {    /*Adjust font size for anchors in H3 elements in the names table - Letter headings*/    font-size:1ex;}table#NamesListTable tr[id^='WithJava']{    /*Hides headers that are only to be shown using javascript*/    display:none;}table#NamesListTable tr.header[id*='NH'] td div.TableToggleArrow{    /*CSS rules for names table name group header toggle arrows*/    width: 50%;}table#NamesListTable tr td div.TableToggleArrow{    /*CSS rules for the toggle arrow div*/    position:relative;    bottom:0;    left:0;    width:90%;    height:18px;    margin-left:auto;    margin-right:auto;    background: black url(images/NameToggleUp.gif) no-repeat scroll center;    cursor:pointer;    display:none;    padding:2px;    -moz-border-radius:10px;    -webkit-border-radius:10px;}table#NamesListTable tr td div.TableToggleArrow:hover{    /*CSS rules for the toggle arrow div when hovered*/    border:2px solid #FFFABD;    padding:0px;}table#NamesListTable tr td img.ShrtCt{    visibility:hidden;}td#TargetDataCell img.sidewaysarrow{    /*Rules for the sibling navigation arrow*/    filter:alpha(opacity=50);    -moz-opacity: 0.5;    opacity: 0.5;    width:16px;}td#TargetDataCell a[title="N"]{    /*Rule to hide the the sibling navigation arrow when no siblings exist*/    display:none !important;}div#navbar>ul>li>span.a {    /*Special case for anchor styled spans in the navbar headings*/    z-index:2;    text-decoration:none;    color:navy !important;    font-size:110%;    position:relative;}div#navbar>ul>li>span.a:hover {    /*Special case for anchor styled spans in the navbar headings (HOVER RULES)*/    color:blue !important;    text-decoration:underline;}div#navbar>ul>li>img{    /*Make the heading background images transparent*/    filter: alpha(opacity=25); /*IE*/;    -moz-opacity: .25;/*Firefox*/    opacity: .25;/*Firefox & others*/    position:absolute;    height:2.5em;}/*~~~Rules for shrinking children person boxes~~~*/div.personBox.chld ul.optional{    /*Hide those detilas that are considered non-esential*/    display:none;}div.personBox.chld{    /*        I don't really know why but the div has to be set to position relative - I would have thought it was anyway -        for an absolutely positioned element to work inside it.    */    position:relative;}div.chld img.togglearrow{    /*Position rules etc for the toggle arrow*/    position:absolute;    bottom:5px;    right:5px;    cursor:pointer;    height:1.5em}/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/a img{    /*Prevent borders around images in anchor tags*/    border:0;}span.a>img{    /*Any img in an anchor span are to be middle vertically aligned*/    vertical-align:middle;}img.ShrtCt{    /*Style an image as a 'shortcut' icon*/    filter:alpha(opacity=50);    -moz-opacity: 0.5;    opacity: 0.5;    vertical-align:middle;    height:0.84em;    cursor:alias;}div.popuppersoncontainer{    /*Rules for the DIV that popsup when a rin is clicked*/    display:none;    position:absolute;    padding:5px;    width:210px;    z-index:3;}div.pre{    /*A div to emulated the pre tag - only because I wanted to use the img tag*/    white-space: pre;    font-family:monospace;}div#key{    /*The div that is used for the key*/    text-align:left;    border:1px dashed black;    margin-right:10px;    padding:10px;}a.location{    color:inherit !important;    text-decoration:inherit !important;    font-weight: normal !important;}/*#####  Color Palette by Color Scheme Generator#####  Palette URL: http://colorschemedesigner.com/#1T41TcOw0w0w0*** Primary Color:   var. 1 = #FFFF99 = rgb(255,255,153)   var. 2 = #BFBF86 = rgb(191,191,134)   var. 3 = #A6A632 = rgb(166,166, 50)   var. 4 = #FFFFB3 = rgb(255,255,179)   var. 5 = #FFFFC7 = rgb(255,255,199)*** Secondary Color A:   var. 1 = #CEEE8F = rgb(206,238,143)   var. 2 = #A1B27D = rgb(161,178,125)   var. 3 = #779B2E = rgb(119,155, 46)   var. 4 = #DEF7AD = rgb(222,247,173)   var. 5 = #E4F7C0 = rgb(228,247,192)*** Secondary Color B:   var. 1 = #CD7BA9 = rgb(205,123,169)   var. 2 = #996B85 = rgb(153,107,133)   var. 3 = #85285D = rgb(133, 40, 93)   var. 4 = #E6A1C8 = rgb(230,161,200)   var. 5 = #E6B3D0 = rgb(230,179,208)*** Complementary Color:   var. 1 = #936AAA = rgb(147,106,170)   var. 2 = #735B80 = rgb(115, 91,128)   var. 3 = #54226F = rgb( 84, 34,111)   var. 4 = #BF98D5 = rgb(191,152,213)   var. 5 = #C5A8D5 = rgb(197,168,213)#####  Generated by Color Scheme Designer © Petr Stanicek 2002-2009*/