/* This file defines the layout and formatting of all pages on the site. It is written in CSS, which is a language designed for the purpose. The file contains a series of rules, each of which can apply to the contents of a particular html tag More information can be found at... http://www.htmldog.com/guides/cssbeginner/ http://www.codeproject.com/html/cssbeginner.asp http://www.davesite.com/webstation/css/ ...or send me an email */ /*default font and text size setting*/ body{/*this rule applies to everything inside the tag*/ font-family:"Times New Roman", Times, serif; font-size:larger;/*acceptable values are xx-small, x-small, smaller, small, medium, large, larger, x-large and xx-large*/ } /*page title and description formatting*/ div#main h1{/*this rule applies to any level one headings

inside the
tag*/ font-size:xx-large;/*acceptable values are xx-small, x-small, smaller, small, medium, large, larger, x-large and xx-large*/ padding:0;/*padding is space between the edge of the area occupied by an object and the text of that object*/ margin:0;/*margins are between the edge of the object's area and the surrounding objects*/ text-decoration:none;/*can also be set to 'underline'*/ } /*page description formatting*/ div#main p.description{/*applies to any paragraph with the class 'description'

*/ padding:10px 0px 0px 0px;/*these figures are for padding at the top, right, bottom and left*/ margin:0;/*no margin required on these paragraphs*/ } /*left navigation menu - with thanks to cssplay.co.uk*/ div#navbar{ font-family:"Lucida Sans", sans-serif;/*set the font for the menu - Lucida Sans, or failing that, any sans serif font available*/ } #navbar a:link, #navbar a:visited { float:left; display:block; width:150px; background:#ddd; color:#000; text-decoration:none; text-align:center; line-height:25px; padding:0px 5px 0px 5px; } #navbar a:hover { background:#000; color:#fff; } #navbar a:active {background:#c00; color:#fff;} /*main content area*/ div#main{ padding:0px 5px 5px 0px; text-align:justify; } /*fonts for headings*/ h1, h2, h3, h4, h5, h6 { font-family:"Lucida Sans", sans-serif; font-weight:bold; } /*hyperlink styles*/ /*must be in the order: link, visited, hover, active*/ a:link, a:visited{ color:#0000FF; } a:hover, a:active{ color:#FF0000; } /*footer*/ p#footer{ margin:0px 0px 5px 0px; font-size:medium; text-align:center; } p#footer img{ border:none; } /*image styles*/ div#main img{ margin-left:5px; } /*acronym dotted underline and special mouse pointer*/ acronym{ border-bottom:1px dotted; cursor:help; } /*########################################################################################################################################## EVERYTHING BELOW THIS POINT IS LAYOUT CODE - LEAVE WELL ALONE! */ html, body { margin: 0; } body {padding-left: 165px;} div#navbar { position: fixed; width: 150px; left: 0px; top: 0px; }