#familyMembers { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; margin-top:5px; margin-bottom:10px; margin-left:50px; width: 80%; border-collapse: collapse; text-align: left; } #familyMembers th { font-size: 14px; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; } #familyMembers td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; } #familyMembers tbody tr:hover td { color: #009; } #helpText { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; background: #fff; border-collapse: collapse; text-align: left; } .title { font: 300% normal; color: #d8e2f4; left: 4px; margin:0; padding-bottom: .2em; } .search { font: 100% normal; color: #333366; left: 4px; margin:0; } /* General styles */ body {font-size: 1em; line-height: 1.2em; background-color: #fff; color: #000;} /* ie5 - mac band pass filter - to increase font size */ /*\*//*/ body {font: 1.2em verdana, arial, sans-serif}; /**/ * {padding: 0; margin: 0;} /* Header styles (appears on every page) includes logo, utilities navigation, search - main (tab) navigation is separate and underneath*/ #header { margin: 0 0.5em 0 0.5em; /* ie5 - mac band pass filter - force header to display full screen */ /*\*//*/ width: 100%; /**/ } .logo { float: left; } .logo img { border: 0; } .utilitiesnav { float: right; background: inherit; color: #000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:0.75em; padding: 0; margin: 0 0 2em 0; clear: right; text-align: left; width: 300px; /* ie5 - mac band pass filter - place width on utitlities and search */ /*\*//*/ width: 300px; /**/ } div.utilitiesnav label { font-weight: bold; margin: 0 0.4em 0 0; padding: 0; } div.utilitiesnav ul { margin: 0 0 1em 0; padding: 0; float: left} div.utilitiesnav ul li {float: left; list-style-type: none; margin: 0; padding: 0;} div.utilitiesnavdiv a { background: inherit; color: #0033CC; margin: 0; padding: 0;} div.utilitiesnav a:hover, div.utilitiesnav a:focus { background: inherit; color: #000; margin: 0; padding: 0;} div.utilitiesnav li a.on { background: inherit; color: #000; text-decoration: none;} div.utilitiesnav input { vertical-align: middle; margin: 0; padding: 0;} div.utilitiesnav .textbox { color: #000; font-weight: normal; margin: 0; padding: 0;} .buttonsearch { border: none; vertical-align: top; position: relative; z-index: 100; background: transparent; cursor:pointer; color: #0033CC;} .buttonnext, .buttonprevious { border: none; vertical-align: top; cursor:pointer; background: transparent; color: #0033CC; float: left; clear: right; margin: 0 0.4em 1em 0; padding: 0;} .buttons { clear: both; } /* Breadcrumb styles (appear on every page) */ #breadcrumb { clear: both; background-color:#eee; font: 0.7em arial,verdana,sans-serif; font-weight:bold; color:#000; padding: 0.8em 0 2em 0.6em; margin: 0; } span {color: #AE0058; } span.red { background: inherit; color:#FF0000; font-weight: bold; font-size: 1.2em; } #breadcrumb a, div#breadcrumb a:visited {color: #000;} #breadcrumb ul { padding: 0; margin: 0; } #breadcrumb ul li { float: left; list-style-type: none; padding: 0; margin: 0;} /* End Breadcrumb styles */ /* End header styles */ /* Main - navigation styles */ #mainnav { font: 0.7em verdana, arial, sans-serif; list-style-type: none; padding-bottom: 24px; border-bottom: 1px solid #5353b9; margin: 0; clear: both; /* ie5 - mac band pass filter - make nav list display horizontally */ /*\*//*/ background: red; /**/ } #mainnav li+li { margin-left: 0.2em; } #mainnav li { float: left; padding: 0 30px; background-color: #5353b9; margin: 2px 2px 0 2px; border: 1px solid #5353b9; color: #fff; /* ie5 - mac band pass filter - make nav list display horizontally */ /*\*//*/ clear: none; width: 5%; /**/ } #mainnav a { float: left; background: inherit; color: #fff; text-decoration: none; padding: 4px; } #mainnav a:hover, #mainnav a:focus { color:#FFFF66; text-decoration: underline;} #mainnav li.on { border-bottom: 1px solid #eee; background-color: #eee; } #mainnav li.on a { color: #000; } #mainnav li.on a:hover, #mainnav ul li.on a:focus { color: #000; } /* End maun - tab navigation styles */ /* Family Records home page styles - flexible three column layout built with a containing div around three floated columns with set widths */ /* Containing div = #container just on home page and #content on inner pages */ /* HOME PAGE STYLES */ #container { margin: 2% 1%; position: relative;/*min-height:250px;*/ padding: 0; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 1em; } /* Welcome row */ #container #welcome{ width: 32%; float: top; background-repeat:no-repeat; background-position: 0% 80%; border-left: #CD0067 1px solid; border-top: #CD0067 1px solid; border-right: #CD0067 1px solid; margin: 0 2% 0 0; padding: 0; font-size: 1em;} #container #welcome h1 { background-color:#CD0067; color: #fff; font-size: 1em; padding: 1em; margin: 0;} #container #welcome #homeimage { background-image:url(/images/ladyhome.jpg); background-repeat:no-repeat; background-position: bottom right; width: 100%; height: 245px; min-height: 295px;} #welcome #homeimage p{ font-weight: bold; margin: 1em 1em 0 1em; font-size: 0.8em; } #welcome div.greybase { background-color: #666; height:50px; color: inherit;} /* Left column */ #container #columnleft{ width: 32%; float: left; background-image:url(/images/swirls.jpg); background-repeat:no-repeat; background-position: 0% 80%; border-left: #CD0067 1px solid; border-top: #CD0067 1px solid; border-right: #CD0067 1px solid; margin: 0 2% 0 0; padding: 0; font-size: 1em;} #container #columnleft h1 { background-color:#CD0067; color: #fff; font-size: 1em; padding: 1em; margin: 0;} #container #columnleft #homeimage { background-image:url(/images/ladyhome.jpg); background-repeat:no-repeat; background-position: bottom right; width: 100%; height: 245px; min-height: 295px;} #columnleft #homeimage p{ font-weight: bold; margin: 1em 1em 0 1em; font-size: 0.8em; } #columnleft div.greybase { background-color: #666; height:50px; color: inherit;} /* Middle column */ #columnmain{ width: 31%; margin: 0 2% 0 0; padding: 0; float: left; padding-bottom: 1em; font-family: Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 1em; } #columnmain div.topicbox {border: #BEBEBE 1px solid; background-image:url(/images/back_yellow.jpg); background-repeat: repeat-x; padding: 5% 0 5% 10%; margin: 0;} #columnmain div.topicbox h2 { font-size: 0.9em; margin: 0 0 5% 0;} #columnmain div.whoyouare { border: #BEBEBE 1px solid; background-image:url(/images/wd_r1_c2.jpg); background-position: bottom right; background-repeat: no-repeat; margin: 1em 0 0 0; padding: 1.9em 0;} #columnmain div.whoyouare h2 { font-family: "Trebuchet MS", Tahoma, Arial, Verdana; background-color: #fff; color: #000; font-size: 0.85em; margin: 1% 20% 2% 10%;} #columnmain div.whoyouare p{ font-family: "Trebuchet MS", Tahoma, Arial, Verdana; background-color: #fff; color: #A5A481; font-weight: bold; margin: 0% 20% 0 10%; font-size: 0.8em; line-height: 1.2em;} #columnmain div.whoyouare p a, #columnmain div.whoyouare p a.hover, #columnmain div.whoyouare p a.visited { background: inherit; color: #A5A481; text-decoration: none;} #columnmain div.whoyouare p img {border: none; padding: 0; margin: 0 0 0 0.2em;} /* Right hand column */ #columnright { width: 31%; float: left; padding-bottom: 1em; } #columnright div.linkbox{ border: #BEBEBE 1px solid; background-image:url(/images/back_green.jpg); background-repeat: repeat-x; padding: 5% 0 5% 10%; margin: 0;} #columnright div.linkbox h2 { font-size: 0.9em; margin: 0 0 5% 0;} #columnright div.focusbox {border: #BEBEBE 1px solid; background-image:url(/images/back_blue.jpg); background-repeat: repeat-x; padding: 5% 0 5% 10%; margin: 1em 0 0 0; clear: both;} #columnright div.focusbox h2 { font-size: 0.9em; margin: 0 0 5% 0; } #columnright div.focusbox p { font-size: 0.8em; background: transparent; color: #000066;} #columnmain div.topicbox div.linklist ul, #columnright div.linkbox div.linklist ul, #columnright div.focusbox div.linklist ul { margin: 0 1.2em 0 1.2em; padding: 0; } /* Styles applied to topics, links and focus on boxes - headers and link lists */ #columnleft div.linklist ul li, #columnmain div.topicbox div.linklist ul li, #columnright div.linkbox div.linklist ul li, #columnright div.focusbox div.linklist ul li { list-style-type: disc; margin-bottom:1em; color:#000; font-size: 0.8em;} /* End of HOME PAGE styles */ /* Family Records SECTION INDEX STYLES (section home pages) i.e. Topics, Partners, Guides, Links, Help and Contact */ div#pagecontent { margin: 2% 1%; padding: 0; font-family: Arial,Verdana, Helvetica, sans-serif; min-width: 740px; } /* main section navigation list - main page content */ #pagecontent #pagenavcontainer {float: left; margin: 0 2em 2em 0; padding: 0; min-width: 190px; width: 25%; max-width: 220px;} /* main section navigation end */ /* Sub-navigation start (sits within the page content) - the content of the sub nav is specific to each section */ #pagecontent ul#pagenav { font-family: Verdana, Arial,Helvetica, sans-serif;list-style:none; margin:0; font-size: 0.7em; border: 1px solid #BEBEBE; /*border-left: none;*/ padding:0;} /* How the arrows in the pagenav - sub-navigation have been done */ /* the arrows for the subnav in page i.e. pagenav are background images on the a link. The link is then set to display: block to allow the application of padding around the link. A span has then been placed around the link text INSIDE the link in order to allow the text to have a set width inside the bg image so that it never overlaps the arrow image when the page or text is resized */ #pagecontent ul#pagenav li { padding: 5px 0 0 0; margin: 0;/*border-top:0px;*/ } #pagecontent ul#pagenav li a {text-decoration:none; color:#5353b9; padding: 0 20px 5px 10px; margin: 0; background-image:url(/images/arrow_off.gif); background-repeat:no-repeat; background-position:100% 50%; display: block; background-color: #fff;} #pagecontent ul#pagenav li a:visited { text-decoration:none; color:#5353b9; background-image:url(/images/arrow_off.gif); background-repeat:no-repeat; background-position:100% 50%;background-color: inherit; } #pagecontent ul#pagenav li a:active, #pagecontent ul#pagenav li a:focus {color:#5353b9; text-decoration:underline; background-image:url(/images/arrow_on.gif); background-repeat:no-repeat; background-position:100% 50%;} #pagecontent ul#pagenav li a:hover { background-image:url(/images/arrow_on.gif); background-repeat:no-repeat; background-position:100% 50%; text-decoration: underline; } #pagecontent ul#pagenav #sectionindexsubnav li.on, #pagecontent ul#pagenav #sectionindexsubnav li.on a { background: inherit; color: #AE0058;} #pagecontent ul#pagenav li#sectionindexsubnav ul li ul.subsubnav li.on, #pagecontent ul#pagenav #sectionindexsubnav ul li ul.subsubnav li.on a { background: inherit; color: #5353B9;} /* Sub nav styles */ /* Sub-section styles */ #pagecontent ul#pagenav li#sectionindex { padding: 0; margin: 0; } #pagecontent ul#pagenav li#sectionindex a { background-color: #F2F2BE; background-image:url(/images/arrow_on.gif); background-repeat:no-repeat; background-position:100% 50%; padding:5px 0 5px 10px; } #pagecontent ul#pagenav li#sectionindexsubnav {padding: 0 0 0 0; margin: 0;} #pagecontent ul#pagenav li#sectionindexsubnav a { background-color: #F2F2BE; padding: 5px 0 5px 10px; margin:0;background-image:url(/images/arrow_subnav.gif); background-repeat:no-repeat; background-position: 100% 50%; display: block;} #pagecontent ul#pagenav li#sectionindexsubnav ul { list-style-type: none; padding: 0; margin: 0;} #pagecontent ul#pagenav li#sectionindexsubnav ul li {background-color: #F9F9D5; background-image: none; padding: 5px 5px 5px 10px; margin: 0;} #pagecontent ul#pagenav li#sectionindexsubnav ul li a { background: none; color: #262465; padding: 0 0 0 10px; margin: 0; } #pagecontent ul#pagenav #sectionindexsubnav li.on ul.subsubnav { padding: 3px 0 0 0; margin: 0; } #pagecontent ul#pagenav #sectionindexsubnav li.on ul.subsubnav li a { padding: 0 0 0 15px; margin: 0; background: inherit; color: #000; } #pagecontent ul#pagenav #sectionindexsubnav li.on ul.subsubnav li a .on { text-decoration: underline; } /* generic content styles */ p {margin: 10px 0 10px 0; clear: both;} .top {margin: 1em 0 2em 0;} .backtotop { list-style-type: none; margin: 0 0 3em 0;} .previous { font-size: 0.8em; } #pagecontent #content .footnote { font-size: 0.7em; } #pagecontent #content .margtop {margin-top: 1em;} /* Skip navigation links - to be applied across all pages */ div#skip, div#skip a, div#skip a:active, div#skip a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; background: inherit; color: #fff; padding: 0; margin: 0;} div#skip a:focus {background: inherit; color: #CD0067;} #mainnav .mainnav {position: absolute; top: 90px; left: -22px; } #pagenavcontainer #pagenav .pagenav { position: absolute; top: -20px; left: 0px; } /* Sub-navigation end */ /* MAIN PAGE CONTENT STYLES */ #pagecontent #content {color: #000; float: left; margin: 0 0 2em 0; padding: 0; min-width: 400px; width: 70%; clear: none} #pagecontent #contentwide { color: #000; float: left; margin: 0 0 0 2em; padding: 0; width: 95%; } #pagecontent #content h1, #pagecontent #contentwide h1 { font-size: 1em; padding: 0; margin: 0 0 1em 0; width: 100%;} #pagecontent #content h2, #pagecontent #contentwide h2 { font-size: 0.9em; padding: 5px 5px 15px 0; margin: 0; float: left; clear: both; background: inherit; color: #333; width: 100%;} #pagecontent #content h3, #pagecontent #contentwide h3 { font-size: 0.85em; padding: 5px 5px 15px 0; margin: 0; float: left; clear: both; background: inherit; color: #A5366F; width: 100%; } #pagecontent #content h4, #pagecontent #contentwide h4 { font-size: 0.8em; padding: 5px 5px 15px 0; margin: 0; float: left; clear: both; background: inherit; color: #333; width: 100%; } #pagecontent #content h5, #pagecontent #contentwide h5 { font-size: 0.75em; padding: 5px 5px 15px 0; margin: 0; float: left; clear: both; background: inherit; color: #333; width: 100%;} #pagecontent #content h6, #pagecontent #contentwide h6 { font-size: 0.7em; padding: 5px 5px 15px 0; margin: 0; float: left; clear: both; background: inherit; color: #333; width: 100%;} /* STYLE FOR CONTENTWIDE ID - USED IN PAGES WITHOUGH INTERNAL NAVIGATION */ /* GENERIC LIST - NO BULLET */ #pagecontent #content p,#pagecontent #contentwide p, #pagecontent #content ul, #pagecontent #contentwide ul { font-size: 0.8em; } /* ie5 - mac band pass filter - puts width on content lists for ie5 mac */ /*\*//*/ #pagecontent #content ul {width: 78%;} /**/ #pagecontent #content ul {float: left; padding: 0 0 0 2em; margin: 0; clear: both; width: 95%; list-style: disc !important; } #pagecontent #content ul li { padding: 0 0 1em 0; clear: both;} #pagecontent #content ul li {text-align: left; } #pagecontent #content ul li ul li {text-align: left; font-size: 120%; list-style: circle;} #pagecontent #content ul li p { font-size: 1em; clear: right; margin: 0; padding: 0;} img {border: none; padding: 0; margin: 0; text-decoration: none;} a img {border: none; padding: 0; margin: 0; text-decoration: none;} #pagecontent #content ul li a img.imagelist { float:left; margin-right:20px; border: 0; clear: left; padding-bottom: 3em;} #pagecontent #content ul li a img.newwindow { display: inline; margin: 0; padding: 0; } #pagecontent #content ul.bullet {padding: 0 0 0 2em; margin: 0; width: 100%; list-style: disc!important; } #pagecontent #content ul.bullet ul {padding: 1em 0 0 2em; list-style: circle; font-size: 1em;} #pagecontent #content ul.imagelist {list-style-type: none!important; padding: 0!important; } #pagecontent #content ol {float: left; padding: 0; margin: 0; clear: both; width: 100%; list-style: decimal;} #pagecontent #content .border { border: 1px solid #ccc; padding: 1em; float: left; clear: both; margin:.5em 0 1em 0; background-color: #FAFAFA;} /* BULLETTED LIST */ /* LIST USED FOR THE SITE MAP */ #pagecontent #content ul.sitemap {float: left; clear: left; padding: 0; list-style-type: none!important; font-size: 0.9em !important;} #pagecontent #content ul.sitemap ul { float: left; clear: left; padding: 1em 0 0 2em; list-style-type: disc;} #pagecontent #content ul.sitemap li h2, #pagecontent #content ul.sitemap li a {padding: 0; margin: 0; } #pagecontent #content ul.sitemap ul ul {list-style-type: square!important; } /* LIST USED FOR IE page anchors */ #pagecontent #content ul.anchor {padding: 0 !important; margin: 0 0 1em 0!important; list-style-type: none!important; float: left; } #pagecontent #content ul.anchor li { padding: 0!important; margin: 0 0 0.4em 0; list-style-type: none!important;} #pagecontent #content ul.anchor li a{ padding: 0!important; margin: 0!important;} /* ORDERED LIST STYLE */ #pagecontent #content ol { padding: 0 0 0 2em; margin: 0 0 1em 0; font-size: 0.8em; float: left; clear: both;} #pagecontent #contentwide ul.anchor {padding: 0; margin: 0 0 1em 0; list-style-type: none; float: left;} #pagecontent #contentwide ul.anchor li { padding: 0; margin: 0 0 0.4em 0;} /* FORM STYLES */ #pagecontent #content form { margin: 0 0 2em 0; font-size: 1em;} /* contact form Send feedback and Clear form buttons */ .buttonsend { border: none; padding: 0; margin: 0; cursor:pointer; background: transparent; color: #0033CC;} .buttonclear { border: none; padding: 0; margin: 0; cursor:pointer; background-color: transparent; color: #0033CC;} legend { font-size: 1em; font-weight: bold; background: inherit; color: #000; padding: 0; margin: 0;} fieldset{ margin: 0 0 2em 0; } table.contact th {width: 20%; padding: 0.2em; margin: 0; } /* GENERIC LINKS STYLES settings for all main content, including links on home page*/ #container a, #content a{ background: inherit; color: #0033CC; } #container a:visited, #content a:visited { background: inherit; color: purple; } #container a:hover, #container a:focus , #content a:hover, #content a:focus {background: inherit; color: #000; } /* end of section home page content (list of links in section navigation) */ /* MAIN CONTENT STYLES - FOR ALL COPY ETC */ #pagecontent #content .maincontent { width: 59%; float: left; } /* STYLES FOR CONTACT BOX IN PARTNERS SECTION - TO RIGHT OF DESIGN */ /* Partner pages right hand contact box - instructions below*/ /* In order to change an image for the Partners pages in the contact box - simply save the image in the correct folder and change the file path to the new image - as long as the image is the same the size - the styles below will do the rest */ #pagecontent #content #contact { margin: 0; padding: 0; background-color: #F0F1E3; border: #CCCDC1 1px solid; float: right; min-width: 200px; max-width: 250px; width: 30%; clear: right;} #pagecontent #content #icon { margin-top: 20px; padding: 0; float: right; min-width: 200px; max-width: 250px; width: 30%; text-align: right; clear: right;} /* ie5 - mac band pass filter - put width on contact info box */ /*\*//*/ #pagecontent #content #contact { width: 35%; } /**/ #pagecontent #content #contact .contactinfo { text-align: left; font-size: 1em; margin: 0; padding: 1em 1em 0.6em 1em; } #pagecontent #content .contactinfo h2 { font-size: 0.9em; padding: 0; margin: 0 0 0.2em 0; z-index: 2; } #pagecontent #content .contactinfo address { font-style: normal; font-size: 0.8em; margin: 0 0 1em 0; padding: 0; float: left;clear: left; z-index: 2;} /* End section index styles */ .floatright { float: right; margin: 1em 0 1em 1em; } /* Table styles */ table { font-family: Arial, Helvetica, sans-serif; border: 0; margin: 1em 2em 2em 0em; float: left; width: 96%; text-align: left; font-size: 0.8em;} table th, table thead th {background-color: #D5D5EE;} table img { border: none; } .form th, .form td { border: none; text-align: left;} table ul li {font-size: 1.2em;} .divider {background-color: #FBFBE0} table td, table th {border: none;} table#threecol th { width: 33% !important; } table th, table td, table#threecol th, table#threecol td, table#twocol th, table#twocol td { padding: 0.8em; margin: 0.4em;} table#twocol th {width: 50%;} #pagecontent #contentwide .widtheighty { width: 80%; clear: both; font-size: 0.8em;} /* FOOTER STYLES */ /* greybg (grey banner and dashed line), copyright and Direcgov logo*/ #footer {clear: both;} /* GREY BANNER AND DOTTED LINE */ #footer #greybg{ clear: both; padding: 5px 0 0 0; margin: 0; border-top: 1px dashed #ccc; height: 40px; } #footer #greybg div{ background-color: #eee; height: 30px; } /* COPYRIGHT STYLES AND DGOV LOGO */ #footer #copyright {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:#666; padding: 0 0 0 1em; margin: 0; background: inherit;} #footer #copyright img { position: relative; top: 4px; border: 0;} #footer #terms { float: right; clear: right; margin: 0 10% 0 0; } #footer #terms a, #footer #terms a:active, #footer #terms a:visited { background: inherit; color: #666; } #footer #terms { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;}