BODY
{
background-color:
	rgb(51,102,153); 
	/*rgb(80,112,143); */ /* this is the web colour #50708F*/
	/* rgb(176,192,208); */ /* this is the web colourn #B0C0D0*/
color: white;
font-weight: none;
font-style: none;
font-size: 10pt;
font-family: arial, helvetica, san serif;
text-indent: none;
} 

table
{
	table-border-color-light: rgb(153,255,204);
	font-size: 10pt; color: rgb(255,255,255);
	background-color: rgb(51,102,153);
	table-border-color-dark: rgb(0,0,51); 
}
P
{
font-size: 10pt;
font-family: arial, helvetica, san serif;
}

.P1
{
font-size: 10pt;
font-family: arial, helvetica, san serif;
}

.P2
{
font-size: 8pt;
font-family: arial, helvetica, san serif;
}

pre
{
font-size: 10pt;
font-family: arial, helvetica, san serif;
}

Li
{
font-size: 10pt;
font-family: arial, helvetica, san serif;
}

a:link
{
color: rgb(102,255,255); 
text-decoration: none
}
a:visited
{
color: rgb(204,255,153); 
text-decoration: none
} 
a:active 
{
color: rgb(204,0,102);
text-decoration: none
}

/*
NOTE:
It is good practice to put the page colour and text colour in the webpage the same as the style sheet, so that browsers that don't support CSS, look the same colours e.g. put this just below </head>:
<body bgcolor="#50708F" text="#FFFFFF">

CLASSES:
http://hotwired.lycos.com/webmonkey/98/15/index0a_page5.html?tw=authoring
These enable difference classes of styles within a style sheet eg .maintext .subtext

FONTS:
http://hotwired.lycos.com/webmonkey/98/15/index1a.html
These are the FONT attributes: 
font-family - eg  arial, helvetica, verdana, monospace (probably Courier), sans-serif
font-size - eg 20px or 20pt or 1.5em (em is a multiple of the parent element eg 1.5 times the standard BODY text)
font-weight - eg normal or bold or anything between 100, 200, ... 900
font-style - eg normal or italic
font-variant - eg small-caps, but it is not used by Netscape of IE
text-transform - eg uppercase, lowercase, capitalize, none
text-decoration - eg 
	A:link { text-decoration: none }
	A:active { text-decoration: none }
	A:visited { text-decoration: none } 

SPACING:
http://hotwired.lycos.com/webmonkey/98/15/index2a.html?tw=authoring
These are spacing attributes:
word-spacing 
letter-spacing 
line-height 
text-align 
vertical-align 
text-indent 
margin-top, margin-left, etc. 
padding-top, padding-left, etc. 
border-width, border-color, border-style, etc. 
float 
clear 

TEXT ALIGN
http://hotwired.lycos.com/webmonkey/98/15/index2a_page4.html?tw=authoring
text-align - eg left, right centre, justified
vertical-align - eg top, bottom
text-indent - eg 10px, 10px, 2em
margin-top - eg 10px, 10px, 2em
margin-bottom - eg 10px, 10px, 2em
margin-left - eg 10px, 10px, 2em
margin-right - eg 10px, 10px, 2em

FLOATING ELEMENTS:
http://hotwired.lycos.com/webmonkey/98/15/index2a_page7.html?tw=authoring
float - eg left, right

COLOURS:
http://hotwired.lycos.com/webmonkey/98/15/index3a_page2.html?tw=authoring
background-color

POSITIONING:
http://hotwired.lycos.com/webmonkey/98/15/index4a.html
position 
left 
top 
width 
height 
overflow 
visibility 
clip 
z-index 

The page below gives absolute positioning of elements on a page
___________________________________________________

 <HTML>



 <STYLE TYPE="text/css">

 <!--

  .a   { position: absolute; left: 345px; top: 270px; color: lightgrey; font-size: 120px }

  .b   { position: absolute; left: 100px; top: 43px }

  .c   { position: absolute; left: 400px; top: -23px }

  .d   { position: absolute; left: 0px; top: 120px }

  .e   { position: absolute; left: 50%; top: 200px }

 -->

 </STYLE>
*/
