/* ---- generic (body/table/td/th/links/images) ---- */ body {padding:0; margin:0; border:0; color:#000; font-family:tahoma,verdana,arial,helvetica,sans-serif; background:#FCFFD5;} table {border-collapse:collapse; border-spacing:0;} td, th {vertical-align:top; text-align:left; border:0; margin:0; padding:0} a {font-weight:bold; color:#000; text-decoration:underline} a:link, a:active, a:visited {color:#000} a:hover {text-decoration:underline} img {border:0} /* ---- site (controls the overall width and margin of the site) ---- */ #site {width:760px; padding:0; margin:5px auto; voice-family:inherit} /* ---- accessibility menus (top [1] and bottom [2] of page) ---- */ #accessibility1 {text-align:right; margin:5px 0 5px 0; padding:0;} #accessibility1 li {display:inline; margin:0 0 0 2px; font-size:70%;} #accessibility1 span, #accessibility1 span a {color:#FCFFD5} #accessibility1 span.see {font-family:verdana,sans-serif; color:#000;} #accessibility2 {font-size:60%; color:#FCFFD5;} #accessibility2 a {color:#FCFFD5} #accessibility1 li.selected a, #accessibility2 li.selected a {color:#000} /* ---- heading (logo/photograph/search form) ---- */ #heading img {margin:0} #headcol1of2 {width:210px} #headcol2of2 {width:550px; background:#F6FD40;} #headcol2of2 p {padding:0; margin:0; text-align:right; font-size:10%; color:#000;} #headcol2of2 p.input {padding:0 5px 4px 0; margin:0; text-align:right; font-size:70%} #headcol2of2 form {padding:0; margin:0;} /* ---- content (3 columns: home/what's new/apr/best practice library/dft guidance/steering group/links/faq/feedback/search results/search options/accessibility options/terms and conditions) ---- */ #contcol1of3 {width:210px} #contcol2of3 {width:400px; padding:20px 0 20px 0} #contcol3of3 {width:150px; padding:20px 0 20px 10px} /* ---- content (2 columns: sitemap) ---- */ #contcol1of2 {width:210px} #contcol2of2 {width:550px; padding:20px 0 20px 0} /* ---- content (1 column: discussion forum) ---- */ #contcol1of1 {width:760px; padding:20px 0 20px 0} /* ---- content (columns not defined yet: noticeboard/web events) ---- */ /* ---- main navigation (left-hand column on all pages except discussion forum) ---- */ #contnav1 {list-style-type:none; width:200px; margin:0; padding:0;} #contnav1 li {background:#FBFFBF; margin:1px 0 0 0; padding:4px; font-size:80%;} #contnav1 li.selected a {color:#000; font-weight: normal;} #contnav1 li.top {background:#FCFFD5; background-image:url("/graphics/menu_top_bc.gif"); height:45px;} #contnav1 span {font-family:verdana,sans-serif;} /* ---- members log in/out (appears on all pages except when a member is logged in) ---- */ #loginout {width:200px; background:#FCFFCA; margin:15px 0 0 0; padding:0} #loginout form {margin:10px 5px 0 5px; padding:0} #loginout p {font-size:70%; margin:0} #loginout p.heading {font-size:80%; background:#FBFFBF; padding:5px;} #loginout p.input {margin:0 0 10px 0; padding:0} #loginout p.note {background:#FBFFBF; margin:10px 0 0 0; padding:5px;} /* ---- index (heading 1 and introductory paragraph on all pages) ---- */ #index {font-size:80%;} #index h1 {font-size:130%; color:#000} #index h2 {font-size:110%; color:#000} #index h3 {font-size:90%;} #index p {font-size:100%;} #index hr {border:0; border-bottom: 2px dashed #F6FD40;} /* ---- path (breadcrub trail above heading 1 on all pages except home) ---- */ #path {margin:0; padding:0; font-size:70%;} #path span {color:#000;} /* page selection (best practice library/dft guidance/search results/what's new/authorities/apr/links/faq) */ #pageselection {width:100%; margin:20px 0 0 0} #pageselection td {width:68%; text-align:center} #pageselection td.lft {width:20%; text-align:left} #pageselection td.rgt {width:12%; text-align:right} #pageselection p {font-size:70%} /* ---- document library results (best practice library only) ---- */ #docfolder {width:100%;} #docfolder td {width:50%;} #docfolder h2 {font-size:90%; color:#000} #docfolder li {font-size:80%; margin:0 0 10px 0; list-style-image: url("/graphics/icon_folder.gif");} #docfolder hr {border:0; border-bottom: 2px dashed #F6FD40;} #docfolder span, #documentresults span {color:#000; font-weight:bold;} #documentresults h2 {font-size:90%; color:#000} #documentresults h3 {font-size:80%; margin:15px 0 0 0} #documentresults p {margin:0; font-size:80%;} #documentresults img {margin:15px 0 0 0} #documentresults table.document {margin:0} #documentresults td.documentdetails {width:180px} #documentresults table.details {margin:15px 0 0 5px;} #documentresults table.details p {font-size:70%; margin:0;} #documentresults table.details th {width:60%; padding:2px} #documentresults table.details td {padding:2px} #documentresults table.webevents td {padding:0 10px 0 0} #documentresults table.webevents p.speakers {font-size:70%; color:#000;} #documentresults table.webevents h4 {font-size:80%; margin:15px 0 0 0} /* ---- copy: what's new/search results/sitemap/links/authorities/authority details/faq ---- */ #standardresults {font-size:80%} /* 3 */ #standardresults h2 {font-size:100%; margin:20px 0 0 0} #standardresults h2.category {font-size:120%; margin:0; color:#000} #standardresults #faq h2 {font-size:120%; color:#000} #standardresults h2.details {font-size:120%; color:#000; margin:25px 0 0 0} #standardresults table.notice h2 {color:#000; margin:0} #standardresults h3 {font-size:100%; margin:0;} #standardresults h3.details {margin:15px 0 0 0;} #standardresults h3.faqaz {font-size:110%;} #standardresults h3.faqcategory {font-size:100%; margin:30px 0 0 0; color:#000} #standardresults h4 {font-size:100%; margin:30px 0 0 0; color:#000} /* only used for faq az */ #standardresults p {margin:0} #standardresults p.date {font-size:85%; color:#000;} #standardresults #faq p {font-size:100%; margin:10px 0 10px 0} #standardresults p.type {color:#000;} #standardresults p.category {margin:10px 0 0 0; color:#000; font-size:90%} #standardresults p.details {margin:10px 0 0 0; color:#000; font-size:110%} #standardresults p.input {margin:0 0 10px 0; color:#000;} #standardresults p.caption {font-size:80%} #standardresults span {color:#000; font-weight:bold;} #standardresults table {margin-bottom:20px; margin-top:20px} #standardresults img {margin:3px 0 30px 10px; border:0} #standardresults table.notice img {margin:3px 10px 0 0; border:1px solid #000} #standardresults hr {border:0; border-bottom: 2px dashed #F6FD40; margin:10px 0 10px 0} #standardresults a.nolink {color:#000} #standardresults a.nolinkheading {color:#000} #standardresults div.articleimage {float:left; width:250px; margin:0 10px 0 0} #standardresults div.articleimage img {margin:3px 0 0 0px; border:1px solid #000} #standardresults div.articlecopy p {margin:0 0 15px 0} #standardresults div.articlecopy h2 {font-size:120%; color:#000; margin:20px 0 0 0} #standardresults div.articlecopy h3 {margin:15px 0 0 0} /* ---- tabular form: key contacts ---- */ #tabularresults {width:100%; margin:10px 0 10px 0; font-size:85%} #tabularresults th {background:#F6FD40; padding:5px;} #tabularresults tr.odd {background:#FBFFBF;} #tabularresults tr.even {background:#F7FE90;} #tabularresults td {padding:5px;} #tabularresults caption {text-align:left; font-size:120%; color:#000; padding:15px 0 15px 0; font-weight:bold} #tabularresults #h1 {width:30%} #tabularresults #h4 {width:25%} #tabularkeys {margin:10px 0 10px 0; font-size:85%} #tabularkeys th {padding:5px;} #tabularkeys tr.odd {background:#FBFFBF;} #tabularkeys tr.even {background:#F7FE90;} #tabularkeys td {padding:5px;} #tabularkeys caption {text-align:left; font-size:130%; color:#000; padding:15px 0 15px 0; font-weight:bold} /* ---- tabular results: key contacts ---- */ #tabform {margin:10px 0 10px 0} #tabform th {padding:5px;} #tabform td {padding:5px;} #tabform tr.odd {background:#FBFFBF;} #tabform tr.even {background:#F7FE90;} #tabform caption {text-align:left; font-size:120%; color:#000; padding:15px 0 15px 0; font-weight:bold} /* ---- key sections (home page only - middle of page) ---- */ #keysections h2 {font-size:90%; background:#F6FD40; padding:5px} #keysections h2 a {color:#000} #keysections h3 {font-size:80%; margin:15px 0 0 0} #keysections p {font-size:80%; margin:0} #keysections p.date {font-size:70%; color:#000} #keysections hr {border:0; border-bottom:1px solid #F6FD40;} #keysectionscol1of2 {width:200px; padding:0 5px 0 0} #keysectionscol2of2 {width:200px; padding:0 0 0 5px} /* ---- start discussion forum styles ---- */ #forummodule h1 {font-size:110%; color:#000;} #forummodule p {font-size:80%;} #forummenu {text-align:right; margin:5px 0 5px 0; padding:0; font-size:70%} #forummenu li {display:inline; margin:0 0 0 2px;} #forummenu span {font-family:verdana,sans-serif;; color:#000;} div.forumgroup {margin:30px 0 10px 0;} div.forumgroup h2 {font-size:90%; color:#000; margin:10px 0 0 0} div.forumgroup p {font-size:80%; margin:0} div.forums th {background:#F6FD40; color:#fff; font-weight:normal; padding:5px; margin:0;} div.forums p {margin:0; font-size:80%} div.forums p.noforums {background:#FBFFBF; padding:5px; border-top:1px solid #F6FD40; border-bottom:1px solid #F6FD40; border-left:0; border-right:0} div.forums th.icons {width:60px; color:#000;} div.forums td {background:#FBFFBF; padding:5px; margin:0; border-bottom:1px solid #F7FE90;} div.forums h3 {font-size:80%; margin:0} div.forums table {border-bottom:1px solid #F6FD40;} #forumstatistics {font-size:80%; margin:30px 0 10px 0} #forumstatistics h2 {font-size:120%; color:#000;} /* ---- end discussion forum styles---- */ /* ---- adverts in right-hand column (can appear in on any page except discussion forum) ---- */ #adverts div.one {background:#F7FE90; border:1px solid #F6FD40; padding:0; margin:0; color:#000} #adverts div.two {background:#F6FD40; border:1px solid #F7FE90; padding:0; margin:0; color:#000} #adverts p {font-size:80%; padding:5px; margin:0;} #adverts hr {border:0; border-bottom: 2px dashed #F6FD40;} #adverts div.one a {color:#000} #adverts div.two a {color:#000} /* ---- right-hand navigation (links/faq/authorities/apr/document library search and display options ---- */ #contnav2 {font-size:70%;} #contnav2 ul {list-style-type:none; margin:5px; padding:0 0 5px 0;} #contnav2 li {margin:5px; margin-left:0;} #contnav2 h2 {font-size:120%; background:#FBFFBF; padding:5px; margin:15px 0 0 0} #contnav2 h3 {font-size:100%; margin:5px 5px 0 5px} #contnav2 div.promo {background:#FCFFCA; line-height:1.2; padding:0 0 1px 0} /* 1 */ #contnav2 p.file {padding:0 0 10px 0} #contnav2 ul.azlist li {display:inline; vertical-align:top;} #contnav2 p {margin:0 5px 0 5px;} #contnav2 p.file, #contnav2 p.date {color:#000; margin:0 5px 0 5px; padding:0 0 10px 0} #contnav2 p.input {margin:0 5px 10px 5px; padding:0} #contnav2 table.inputdate {margin:0 5px 10px 5px; padding:0} #contnav2 table.inputdate p {margin:0 0 0 1px; padding:0} #contnav2 legend {color:#000; font-weight:bold; margin:10px 0 2px 0;} #contnav2 fieldset {margin:0; padding:0; border:0 solid;} /* 2 */ /* ---- sponsors and footer menu (bottom of page)---- */ #sponsors {width:760px; text-align:center; border:1px dotted #F6FD40; border-left:0; border-right:0; margin:15px 0 15px 0} #sponsors img.middle {margin:10px 130px 10px 130px} #sponsors span {color:#FCFFD5} #footnav2 {font-size:70%; padding:0; margin:0;} #footnav2 li {display:inline; margin:0 2px 0 0;} #footnav2 li span {font-family:verdana,sans-serif; color:#000;} /* ---- alternative colours and sizes for background and text ---- */ #coloursizeoptions fieldset {border:1px solid #F6FD40; margin:0 0 20px 0} #coloursizeoptions legend {color:#000; font-size:90%; font-weight:bold} #coloursizeoptions a {text-decoration:underline} #coloursizeoptions ul {padding-top:10px; padding-bottom:10px; padding-left:0; padding-right:0; line-height:2.1} #coloursizeoptions li {display:inline; vertical-align:top; white-space:nowrap; padding:10px; margin:5px; border:1px solid #000;} #coloursizeoptions li.small {font-size:100%} #coloursizeoptions li.medium {font-size:110%} #coloursizeoptions li.large {font-size:130%;} /* bw - black on white */ #standard a {color:#00F;} #standard li {background-color:#fff; color:#000;} /* bw - black on pale blue */ #bbl a {color:#000;} #bbl li {background-color:#EEEEFF; color:#000;} /* bw - black on pale pink */ #bp a {color:#000;} #bp li {background-color:#FFDDDD; color:#000;} /* bw - black on cream */ #bc a {color:#000;} #bc li {background-color:#FBFFBF; color:#000;} /* bw - black on yellow */ #by a {color:#000;} #by li {background-color:#FFF000; color:#000;} /* bw - green on black */ #gb a {color:#00FF12;} #gb li {background-color:#000; color:#00FF12;} /* bw - yellow on black */ #yb a {color:#FFF000;} #yb li {background-color:#000; color:#FFF000;} /* bw - white on blue */ #wbl a {color:#fff;} #wbl li {background-color:#0000C4; color:#fff;} /* 1) line height is just used to fix an IE bug which occurs when background is added to a div which contains a select element. 2) solid is used to trick Opera in to making the border disappear! 3) by applying the font size to the div, the problems with ever decreasing bullet text size disappears! */