/* 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-IMAGE: none;          /* can also be a url - url (../images/backgroundimage.jpg) */
    BACKGROUND-REPEAT: repeat;		/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* other value scroll */
	BACKGROUND-POSITION: 0% 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 */
}
/* 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; 
	COLOR: #000000;																		/* or colour name, red, blue, 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-ALIGN: left;							/* other values are right, center, justify */
	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%) */

}
/*  the headers */
H1
{
	font-variant: small-caps;
	font-size: small;
	font-weight: bold;
	color: #0000D7;

}
H2
{
	font-variant: small-caps;
	font-size: x-small;
	font-weight: bold;
	color: #0000D7;

}
/* 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: solid;				/* other values are dotted, dashed, solid, double, groove, ridge, inset, outset */
}
.withbordersgreen
{
	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: #0000D7;					/* colour of all borders or can set individually as width above */
	BORDER-STYLE: solid;				/* 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: #0000D7;
    FONT-FAMILY: tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #C0C0C0;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #0000D7;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: red;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
/* footer menu */
#footer A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #0000D7;
    FONT-FAMILY: tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
#footer A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #C0C0C0;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
#footer A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #0000D7;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
#footer A:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: red;
    FONT-FAMILY:tahoma, verdana, san-serif;
    TEXT-DECORATION: none;
	Font-variant: small-caps;
}
.footer
{
	color: #C0C0C0;
	font-size: xx-small;
	font-weight: bold;
}

/* declaration of a user defined class */
.background
{
	BACKGROUND: white none no-repeat fixed 0% 0%   /*  in order of background-color, background-image, background-repeat, background-attachment, background-position */
}

/* 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 */
}
.darkgreenbackground
{
	background-image: url(../images/topbar.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	line-height: 100%;
}
.medicine
{
	background-image: url(../images/medicinelogo.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.emergency
{
	font-size: small;
	color: red;
	font-weight: bold;
	text-decoration: blink;
}
.largered
{
	font-size: large;
	color: red;
	font-weight: bold;
}
.mediumred
{
	font-size: medium;
	color: red;
	font-weight: bold;
}
.extrasmall
{
	font-size: xx-small;
}
.redcopy
{color: red;}
/* 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 

*/