body { position:relative; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ margin:0 auto; /* to put whole body in centre of window */ text-align: center; /*to put site in centre in old IE's */ width:90%; min-width:43em; /* Minimum width of layout - doesn't work in old IE's */ background:white; font-style:verdana; font-family:sans-serif; } #wrapper { text-align:left; /*to put text back at left after IE fix in */ } /* Header styles ****************************** */ #header { width:100%; height:150px; float: left; background:url(graphics/AchorBanner.jpg) no-repeat left top; overflow:hidden; } #header_RHS { background:url(graphics/AchorBanner-rightlogo.jpg) no-repeat right top; height:150px; } /* navigation styles **************************** */ #menu { /* this is block behind the tabs */ position: relative; overflow:hidden; height:2em; float: left; background:#c7d7ef; } #menu ul { position:relative; clear:left; margin:0; /* need to be zero because of browser differences (css book p86) */ padding:0; /* need to be zero because of browser differences (css book p86) */ list-style: none; /* remove default bullet */ text-align:center; } #menu ul li { position:relative; display:block; float:left; /* this will shrink block to size of content */ } #menu ul li a { display:block; margin:0 0 0px 3px; /* right hand figure is space between tabs */ line-height:2em; /* height of tab */ background:#E2B2E2; color:#000; /* text colour */ padding:0em 1em; /* positioning of lettering within tabs */ text-decoration:none; /* turns off automatic underlining */ } #menu ul li a.active { background:#c7d7ef; color:#9f009f; font-weight:bold; } #menu ul li a:hover { background:#9DABC8; color:#000; font-weight:bold; text-decoration: underline; /* underlines the text when hovering */ } /* Content Styles **************************** */ .mainblock { position:relative; /* This fixes the IE7 overflow hidden bug */ width:100%; /* size within containg block */ clear:both; float:left; /* not really needed if width is 100% */ overflow:hidden; /* This chops off any overhanging divs */ background:#c7d7ef; /* right column background colour */ } #mainblock_bottomleft { /* bottom left of rounded box */ float:left; width:100%; background:url(graphics/footer_left.jpg) no-repeat left bottom; height:2em; overflow:hidden; /* This chops off any overhanging divs */ } #mainblock_bottomright { /* bottom right of rounded box */ background:url(graphics/footer_right.jpg) no-repeat right bottom; height:2em; } #bottomclearspace { /* gives white space below site - can't use mainfooter margin as this is coloured same as the footer */ clear:left; width:100%; height:2em; } .mainblock_inner { position:relative; float:left; width:200%; right:100%; margin-left: -12em; /* margin is allowing offset for RHS column */ background:#c7d7ef; /* left column background colour */ } .LHSwrap { /* wrapper for LHS box */ position: relative; float:left; width: 50%; left:50%; } .LHS_block { /* this is block on LHS to put content blocks in */ margin:0em 0em 0em 13em; /* right margin gives the space for the RHS column */ overflow:hidden; } #LHS_content { /*content box for LHS - one large area */ position:relative; margin: 2em 2em 2em 2em; /* space outside the box positioning it within containg box */ background:#c7d7ef; border: 1px solid black; padding: 1em 2em 2em 2em; /* to position text within the box */ } #LHS_column_one { width:13em; float:left; position:relative; margin:1em 1em 1em 0em; background:#c7d7ef; padding: 1em 1em 1em 0em; text-align:left; } #LHS_column_two { position:relative; margin:1em 1em 1em 14em; background:#c7d7ef; border: 1px solid black; padding: 1em 2em 2em 2em; /* to position text within the box */ } .RHSwrap { /* needed to stop LHS box from shunting down when using more than 1 infobox */ position:relative; float:right; width:13em; /* width allowed for RH column */ } /* Info Box styles ************************** */ .infobox { /* small boxes for LHS - fit content */ position:relative; float:right; clear:right; width:10em; left:11em; margin-top:1em; /*gives a space between stacked boxes */ background:white; border: 2px solid #9f009f; } .infobox_header { /* header for small boxes with label in - put label in a div to keep this right size */ /*border:1px solid black;*/ border-bottom:2px solid #9f009f; background:#e2b2e2; color: #9f009f; text-align:center; font-size:1.2em; font-weight:bold; } .infobox_content-left { padding:0em 1em 1em 1em; line-height:0.5; text-align:left; } .infobox_content-centre { padding:0em 1em 1em 1em; font-size:1em; line-height:0.5; text-align:center; } .infobox_content-right { padding:0em 1em 1em 1em; font-size:1em; line-height:0.5; text-align:right; } .infobox_content-comments { font-style:Comic Sans MS; font-family:cursive; font-size:1.2em; line-height:1; } .infobox_content-list { font-size:80%; line-height:1.2; text-align:left; padding:0; } .infobox_content-list ul { margin-left:10px; padding-left:10px; } #infobox_careconfidential { padding:0em 1em 5px 1em; font-size:80%; text-align:center; } /* Text Styles **************************** */ h1.need_to_talk { color:#9f009f; font-size:3em; font-weight:bold; } .pink { color:#9f009f; } .indent { padding-left:30px; } .italic { font-style:italic; }