/* comment lines are declared like this */

/* body is the default - if nothing is declared for the rest then the body definition is the one used */
BODY
{
    MARGIN: 0px;								/* if only a single value is specified then it applies to all margins */
	BACKGROUND-POSITION: 50% 0%;		/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: white;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
	BACKGROUND-SIZE: 100%;
	BACKGROUND-ORIGIN: content;
}
/* definition of a paragraph */
P
{
	FONT-FAMILY: Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: x-small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), relative (large, smaller) length (12pt) and percentage (120%) */
}
/* definition for all cells */
TD
{
	FONT-FAMILY: Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: x-small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), relative (large, smaller) length (12pt) and percentage (120%) */
	COLOR: white;																		/* or colour name, red, black, black, white, etc */
	TEXT-DECORATION: none;														/* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;					/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;				/* other values are capitalize, uppercase, lowercase */
	TEXT-INDENT: 0;							/* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: normal;					/* other values number (e.g. 1.2), length (1.2.em), percentage (120%) */
}
HR
{
	color: white;
	border-width: 1px;
	border-color: white;
	border-style: solid;
}
h2
{
	color: #C53193;
	font-size: 13pt;
	font-weight: bold;
}
.hometitle
{
	font-size: 13pt;
	font-weight: bold;
	color: black;
}
/* definition of a class with borders set all round to thin */
.withborders
{
	BORDER-TOP-WIDTH: thin;		/* other values are medium, thick or a length */
	BORDER-RIGHT-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-BOTTOM-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-LEFT-WIDTH: thin;		/* other values are medium, thick or a length otherwise equal to border top width */
	BORDER-COLOR: red;					/* colour of all borders or can set individually as width above */
	BORDER-STYLE: none;				/* other values are dotted, dashed, solid, double, groove, ridge, inset, outset */
}
/* definition of image format  with uneven border and relative padding */
IMG
{
	BORDER:0;								/* other values are left, right or both */
}
/* list item decalration - bullet points*/
LI
{ 
	DISPLAY: list-item;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: disc;		/* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */
	LIST-STYLE-IMAGE: none;	/* other values are the image url */
	LIST-STYLE-POSITION: outside; /* other value is inside */
	
}
A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: purple;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: black;
 	 FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: white;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: yellow;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
/* pages menu - not index */
#pagemenu A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #D83B96;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
#pagemenu A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #c0c0c0;
 	 FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
#pagemenu A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #D83B96;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
#pagemenu A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: black;
    FONT-FAMILY: Verdana, Tahoma, sans-serif; 
    TEXT-DECORATION: none;
	font-variant: small-caps;
}
/* declaration of a user defined class */
.indexbackground
{
	BACKGROUND-IMAGE: url(../images/title.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
    BACKGROUND-REPEAT: repeat-y;		/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: scroll;  /* other value scroll */
	BACKGROUND-POSITION: 50% 0%;		/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: white;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
	BACKGROUND-SIZE: 100%;
	BACKGROUND-ORIGIN: content;
}
.background
{
	BACKGROUND-color: white;
	background-image: url(../images/sidetitle.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	BACKGROUND-SIZE: 100%;
	BACKGROUND-ORIGIN: content;
}
.footer
{
	font-size: xx-small;
	font-weight: bold;
}
.pagefooter
{
	font-size: xx-small;
	font-weight: bold;
	color: #D83B96;
}
/* using extra word and line spaces */
.spaced
{
	WORD-SPACING: normal;		/* other value is addition to normal space between each word e.g. 2em adds 2em to the normal space */
	LETTER-SPACING: normal;		/* other value is addition to normal space between characters e.g. 1em adds 1em to normal letter spacing */
	LINE-HEIGHT: 200%;
		color: black;
}
.pagespaced
{
	WORD-SPACING: normal;		/* other value is addition to normal space between each word e.g. 2em adds 2em to the normal space */
	LETTER-SPACING: normal;		/* other value is addition to normal space between characters e.g. 1em adds 1em to normal letter spacing */
	LINE-HEIGHT: 200%;
	color: black;
}
.page
{
	color: black;
}
.largebold
{
	font-size: large;
	font-weight: bold;
}
.paddingright
{
	padding-right: 25px;
}
.italic
{
	font-style: italic;
	color: blue;
	text-align: center;
	font-size: x-small;
}
/* These relative units are supported:

H1 { margin: 0.5em }       ems, the height of the element's font  e.g. if font is 12pt then this margin is 6pt
H1 { margin: 1ex }         x-height, ~ the height of the letter 'x' 
P  { font-size: 12px }     pixels, relative to canvas 

Absolute length units are only useful when the physical properties of the output medium are known. These absolute units are supported:

H1 { margin: 0.5in }       inches, 1in = 2.54cm 
H2 { line-height: 3cm }    centimeters 
H3 { word-spacing: 4mm }   millimeters 
H4 { font-size: 12pt }     points, 1pt = 1/72 in 
H4 { font-size: 1pc }      picas, 1pc = 12pt 

*/