/* Dyslexia settings: Blue Comic sans text on a cream background */ body {background:#fff7dd; color:#009; font:bold 95%/180% 'comic sans ms',verdana, sans-serif; margin:0; padding:0; border:0} body,h1,h2,h3,h4,h5,h6,p,div,form,code,pre,fieldset,legend,dl,dt,dd {margin:0; padding:0; border:0} /* ul,ol,li are treated on an individual basis */ h1 {font:bold 150%/150% verdana,helvetica,arial,sans-serif} h2 {font:bold 130%/150% verdana,helvetica,arial,sans-serif} h3 {font:bold 120%/150% verdana,helvetica,arial,sans-serif} h4 {font:bold 110%/150% verdana,helvetica,arial,sans-serif; text-align:center} h5 {font:bold 100%/150% verdana,helvetica,arial,sans-serif} h6 {font:bold 100%/150% verdana,helvetica,arial,sans-serif} p {font-size:100%} dl {list-style:none} dt {font-weight:bold} dd {} hr {text-align:center; height:2px; width:97%; color:#D0CED9} code, pre {font-size:100%; white-space:pre; font-family: monospace;} acronym {cursor:help; border-bottom:1px solid #090} a {color:#009; text-decoration:none; border-bottom:1px dotted #ccf; padding-bottom:1px} a:link {color:#009; border-bottom:1px solid #ccf} a:visited {color:#606; border-bottom:1px dotted #fcf} a:active {color:#f00; border-bottom:1px dashed #f00} a:focus {color:#f00; border-bottom:1px dashed #f00} a:hover {color:#96f; border-bottom:1px solid #96f} a img {padding:1px} a:link img {border:2px solid #EFEFF8} a:visited img {border:2px solid #fcf} a:active img {border:2px solid #f00} a:focus img {border:2px solid #f00} a:hover img {border:2px solid #96f} /* webSemantics company name */ span.s {font:bold 125% georgia,serif; padding:0} #accessibility {margin:0; padding:0; text-align:right; font-size:80%; list-style-type:none} #accessibility li {margin:0 0.5em; padding:0; display:inline} #accessibility a {color:#fff7dd; border:0} #accessibility a:active, #accessibility a:focus, #accessibility a:hover {color:#f00; border-bottom:1px dashed #f00} #header {width:100%; min-width:760px; height:82px; background:url(/graphics/bg_header.gif) no-repeat center top} #header h1 {display:inline; width:1760px; margin-left:-1000px} /* centreIE area encompasses the entire width of the browser to get IE to centre the content */ #centreIE {text-align:center; min-width:760px; background:none} /* pageholder area contains #contentandnav and #externallinks */ #pageholder {text-align:left; width:760px; min-width:760px; margin:0 auto; background:url(../graphics/bg_pageholder.gif) no-repeat bottom right} /* contentandnav area contains #centre and the left-hand #navigation */ #contentandnav {width:595px; float:left} /* centre area includes search (#test), #breadcrumbs and #content */ #centre {background:url(../graphics/bg_content.gif); width:423px; float:right; text-align:left /* ie4 fix */;} /* Google search form */ #test {background:url(../graphics/bg_search.gif) no-repeat; height:35px; vertical-align:bottom} #test fieldset {border:0 solid} #test label {font-size:1px} #test input#q {font-size:100%; font-weight:bold; color:#006; border:2px inset #bbd; border-top-color:#324; border-left-color:#324; background:#bbd; padding-left:3px; width:160px} #test input#btnG {font-size:100%; font-weight:bold; color:#324; border:2px outset #ccc; background:#bbd; margin-left:1em} /* /Google search form */ #breadcrumbs {background:url(../graphics/bg_breadcrumb.gif) #dde no-repeat top right; font-size:85%; margin-bottom:2em; padding:0 0 0.2em 15px; color:#333} /* content area */ #content {margin:0 10px; _margin:0 7px 0 13px; width:403px; _width:393px /* ie fix */; float:right; text-align:left /* ie4 fix */;} #content h1 {background:url(../graphics/heading.gif) no-repeat center left; margin:0 0 0.5em 0; padding:0 0 0 30px; line-height:140%} #content h2 {background:url(../graphics/heading.gif) no-repeat center left; margin:1.8em 0 0.5em 0; padding:0 0 0 30px} #content h3 {background:url(../graphics/heading.gif) no-repeat center left; margin:1.8em 0 0.5em 0; padding:0 0 0 30px} #content h4 {margin:2em 0 0.5em 0} #content h5 {background:url(../graphics/heading.gif) no-repeat center left; margin:0.8em 0 0.5em 0; padding:0 0 0 30px} #content h6 {background:url(../graphics/heading.gif) no-repeat center left; margin:0.8em 0 0.5em 0; padding:0 0 0 30px} #content h3#contactaddress {font-size:125%} #content hr {margin:0} #content p {margin:0.5em 0 1em 0} #content ul {margin-top:0} #content ol {margin-top:0} #content li {padding-bottom:0.5em} #content dl.inset {margin-left:1.9em} #content dt {margin:1em 0 0 0; font-weight:bold} #content dd {margin:0 0 1em 0} #content br {clear:both} #content address {background:url(../graphics/stamp.gif) no-repeat top right; border:1px solid #86a; padding:0.5em 0 0.5em 30px; margin:0 3em 2em 3em} #content blockquote {padding:0; margin:0 5px; background:url(../graphics/quote_open_dyslexia.gif) no-repeat} #content blockquote p {padding:0 30px 0 40px; background:url(../graphics/quote_close_dyslexia.gif) no-repeat bottom right} #content p.hilite {color:#00f} #content p.rate {margin-top:-0.5em; text-align:right} table {border:1px solid #657; border-collapse:collapse; margin:2em auto} th,td {border:1px solid #ccc; background:#F7F0E0; padding:2px 5px} td {background:#FFF7dd; vertical-align:top} table tr.hilite td {background:#FFFFE8} #content table#associations {margin:1em auto 2em auto} #content table#associations td {border:0; vertical-align:middle;padding:7px 5px 3px 10px} #content #contactform {margin:0 0 2em 0; text-align:right; background:url(../graphics/contactform.gif) no-repeat} #content #contactform fieldset {padding:0.5em 1em; color:#657} #content #contactform legend {font-weight:bold; margin-bottom:1em; padding:0 0.5em} #content #contactform label {font-weight:bold} #content #contactform p {margin-bottom:0.8em} #content #contactform input {border:2px inset #ccc; font-weight:normal; width:220px; margin-left:1em; background:#dde; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle} #content #contactform textarea#query {border:2px inset #ccc; font-weight:normal; font-family:Verdana, arial, sans-serif; width:220px; margin-left:1em; background:#dde; font-size:100%; padding:2px 3px 2px 5px; vertical-align:middle} #content #contactform input.button {border:2px outset #ccc; color:#324; background:#bbd; font-size:100%; font-weight:bold; vertical-align:bottom; height:2em; letter-spacing:1px; width:120px} #content #contentlinklist {margin-left:3em; margin-top:0} #content #contentlinklist li {padding:0 0 0.2em 0} #content #emailaddress {width:100%; text-align:center; font-weight:bold} #content p.topofpage {padding:1em 0; background:url(../graphics/topofpage.gif) no-repeat center right; text-align:right; width:100%; font-size:90%;} #content p.topofpage a {margin:0 25px 0 0} #content #blankpage {height:400px} /* [sitemap] content area split into two columns and a seperator */ #content #contentleft {float:left; width:190px} #content #contentmiddle {float:left; width:190px; border-right:1px solid #edf} #content #contentright {float:right; width:190px; margin-left:11px} #content #contentleft ul, #content #contentright ul {margin:0 0 0 30px; padding-left:0} #content #contentleft li, #content #contentright li {padding:0 0 0.1em 0} #content #contentleft h2, #content #contentright h2 {font-size:120%} /* /[sitemap] content area split into two columns and a seperator */ #navigation {border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:2px solid #ffe; border-left:2px solid #ffe; margin:20px 0; width:150px; float:left; background:#F7F0d7} #navigation .navtop {display:none; font-size:1px; width:150px; height:10px; background:url(../graphics/bg_nav_top.gif) no-repeat top} #navigation .navbase {display:none; font-size:1px; width:150px; height:10px; background:url(../graphics/bg_nav_base.gif) no-repeat bottom} #navigation h2 {font-size:100%} #navigation p {font-size:100%} #navigation ul {margin:5px 10px 0px 0; padding:0; list-style-type:none; text-align:right} #navigation li {margin:0px 0 10px 0; font-weight:bold} #navigation ul ul {margin:10px 0 5px 0; padding:0; list-style-type:none; text-align:right} #navigation ul ul li {padding-right:1em; font-size:95%} #navigation ul ul li a {font-weight:normal} #report {color:#009; font-size:80%; padding-bottom:10px; border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:2px solid #ffe; border-left:2px solid #ffe; margin:20px 0; width:150px; float:left; background:#F7F0d7} #report fieldset {border:0 solid} #report h3 {margin:5px 10px} #report p {margin:2px 10px} #report p.button {margin:5px 10px 10px 10px; text-align:right} #report input#companyname {color:#006; font-size:100%; background:#fff7dd; padding-left:3px; width:122px} #report input#reportcode {color:#006; font-size:100%; background:#fff7dd; padding-left:3px; width:122px} #report input#button {color:#006; font-size:100%; background:#fff0d0} #externallinks {width:145px; float:right; margin:15px 0 0 20px; text-align:left /* ie4 fix */;} #externallinks div.adbox {border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:1px solid #ffe; border-left:1px solid #ffe; width:143px; margin:0 0 1.5em 0; background:#FFF0D0;} #externallinks div.adboxtop {visibility:hidden; font-size:1px; width:143px; height:5px; background:url(../graphics/bg_box_1_top.gif) no-repeat top} #externallinks div.adboxbase {visibility:hidden; font-size:1px; width:143px; height:5px; background:url(../graphics/bg_box_1_base.gif) no-repeat bottom} #externallinks div.box {border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:1px solid #ffe; border-left:1px solid #ffe; width:143px; margin:0 0 1.5em 0; background:#FFF0D0; /* url(../graphics/bg_box_1_slice.gif) repeat-y */} #externallinks div.boxtop {visibility:hidden; font-size:1px; width:143px; height:5px; background:url(../graphics/bg_box_1_top.gif) no-repeat top} #externallinks div.boxbase {visibility:hidden; font-size:1px; width:143px; height:5px; background:url(../graphics/bg_box_1_base.gif) no-repeat bottom} #externallinks h3 {font-size:1px; margin:0; width:0; height:0; overflow:hidden} #externallinks h4 {padding:0 5px 0.2em 5px; line-height:105%; font-size:115%; text-align:center} #externallinks ul {list-style:none; margin:0; padding:0 5px} #externallinks li {font-size:95%; text-align:center; padding:0.2em; line-height:120%} #externallinks dl {list-style:none; margin:0; padding:0 5px} #externallinks dt {margin:5px 0 0 0; font-weight:bold; font-size:95%; text-align:center; padding:0.2em; line-height:120%} #externallinks dd {margin:0; font-size:95%; text-align:left; padding:0.2em; line-height:120%} #externallinks dd.date {color:#339; font:85% georgia,serif; text-align:right} #externallinks p {padding:0 5px 5px 5px; font-size:100%; line-height:130%} #externallinks h3 {font-size:100%} #externallinks #conformance a {border:0; text-decoration:none} #externallinks #conformance ul {list-style:none; margin:0; padding:0} #externallinks #conformance li {font-size:95%; text-align:center; padding:0.2em} #externallinks ul.webtools li {text-align:left} #advert {margin:0 0 20px 0} #advert a, #advert a:hover, #advert a:visited, #advert a:active {border-bottom:0} #footer {text-align:center; clear:both; width:100%; min-width:760px; height:82px; padding:0; background:url(../graphics/bg_footer.gif) no-repeat center bottom} #footer h4 {font-size:100%} #footer p {font-size:100%} #footer ul {line-height:150%; margin:20px auto; padding:0; width:423px; list-style-type:none} #footer li {margin:0 0.5em; padding:0; display:inline; width:423px; font-size:80%} #footer li a {white-space:nowrap} /* Invisible accesskey headings and skip links */ .head {position:fixed; top:0; left:0; border:0; margin:0; padding:0; color:#fff7dd; background:#fff7dd; text-decoration:none; width:0000; font:bold 1%/1% verdana,helvetica,arial,sans-serif; height:0; overflow:hidden} .head a:focus {position:fixed; top:0; left:0; border:10px solid #fff7dd; margin:0; padding:0; color:#ff0000; background:#fff7dd; text-decoration:none; width:auto; font-size:120%} .skip {position:fixed; top:0; left:0; border:0; margin:0; padding:0; color:#fff7dd; background:#fff7dd; text-decoration:none; width:0000; font:bold 1%/1% verdana,helvetica,arial,sans-serif; height:0; overflow:hidden} .skip a:focus {position:fixed; top:0; left:0; border:10px solid #fff7dd; margin:0; padding:0; color:#ff0000; background:#fff7dd; text-decoration:none; width:auto; font-size:100%} .clear {clear:both} .nomargin {margin:0} .notopmargin {margin-top:0} .nopadding {padding:0} .noverticalmargin {margin-top:0; margin-bottom:0} .right {text-align:right} .centre {text-align:center}