<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Traditional User CSS</title>
<style type="text/css">
<!--

/* Setting the body to have a slight margin at the left and right 
so no objects completly go off the page. Setting the desired fonts and making the background white so as to not waste printer ink */
body {
background-color: white;
margin-left: 5%;
margin right: 10%;
font-family: trebuchet ms, verdana, arial, sans-serif;
}


/* Set the top box to place the wesite logo in, but to save ink, a different title is used and this is made not visible */
#top1 {
display: none;
position: absolute;
top: 0px;
left: 5px;
right: 5px;
padding: 10px;
margin: 5px;
border: 1px solid Black;
background-color: White;
width: 980px;
}


/* Set the top box so that instead of a logo in the top bar, a less printer intensice text-only logo appears */
#top2 {
position: absolute;
top: 0px;
left: 5px;
right: 5px;
padding: 10px;
margin: 5px;
border: 1px solid Black;
background-color: White;
width: 980px;
}


/* Set the box to place each page title in, it is at a reasonable size so most titles should fit. */
#extra {
position: absolute;
top: 150px;
left: 150px;
margin: 5px;
border: 1px solid Black;
background-color: White;
width: 600px;
height: 20px;
}

/* Set the left box to place the menu options in and will always stick to the left of the page, it has been left 
displayed so that there are minimal navigation options still available  */
#left {
position: absolute;
top: 150px;
left: 0px;
padding: 10px;
margin: 5px;
border: 1px solid Black;
background-color: white;
width: 140px;
}

/* Setting the main part of the site where the information goes so that it uses more space on screen due to the lack of 
a right column */
#content {
margin: 200px -50px 5px 90px;
padding: 10px;
border: 1px solid Black;
color: Black;
}

/* Setting the right box so that it is not visible as it is not necessary to be printed */
#right {
display: none;
position: absolute;
top: 150px;
right: 0px;
padding: 10px;
margin: 5px;
border: 1px solid Black;
background-color: white;
width: 140px;
}

/* Setting all images so that they cannot be seen as they are not necessary to be printed */
img {
display: none;
}

/* Setting all heading 1 text to black so that it contrats well with the white background and can be laser printed well */
H1 {
color: black;
}


/* Setting all heading 2 text to black so that it contrats well with the white background and can be laser printed well */
H2 {
color: black;
}

/*Setting all heading 3 text to black so that it contrats well with the white background and can be laser printed well. 
Size increased so that it can be read on the page easier */
H3 {
color: black;
font-size: 110%;
}

/*Setting all heading 4 text to black so that it contrats well with the white background and can be laser printed well. 
Size increased so that it can be read on the page easier. Spaces between words made large so is again easier to read on page */
H4 {
color: black;
font-size: 140%;
word-spacing: 1em;
}

/*Setting all heading 5 text to black so that it contrats well with the white background and can be laser printed well. 
Size increased so that it can be read on the page easier. Spaces between words made large so is again easier to read on page */
H5 {
font-size: 150%;
color: black;
word-spacing: 1em;
}

-->
</style>
</head>
<body>

</body>
</html>
