/* 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: auto;								/* if only a single value is specified then it applies to all margins */
    BACKGROUND-REPEAT: no-repeat;		/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* 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 */
	VERTICAL-ALIGN: center !important;
	VERTICAL-ALIGN: middle;
	
}
.mainpacket
{
max-WIDTH: 765px;
}


/* 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: small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), relative (large, smaller) length (12pt) and percentage (120%) */
}
H1
{
	font-size: small;
}
/* 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: 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-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%) */
	background-color: #f0fcff;
}
/* definition of a class with borders set all round to thin */
.withborders
{
	BORDER-WIDTH: 3px;		/* other values are medium, thick or a length */
	BORDER-COLOR: #FF8811;					/* colour of all borders or can set individually as width above */
	BORDER-STYLE: groove;				/* 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: inline;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: circle;		/* 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 */
	Line-height: 150%;
}


A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    FONT-FAMILY: Verdana, Tahoma, san-serif;
    TEXT-DECORATION: none
}

A:active
{
   COLOR: #006C90;
}
A:visited
{
    COLOR: #F47A00;
}
A:link
{
    COLOR: #006C90;
}
A:hover
{
    COLOR: #F47A00;
}
/* footer link - smaller text */
#footer A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana, Tahoma, san-serif;
    TEXT-DECORATION: none;
	background-color: transparent;
}
#footer A:active
{
    COLOR: white;
}
#footer A:visited
{
    COLOR:#f0fcff;
}
#footer A:link
{
    COLOR: white;
}
#footer A:hover
{
    COLOR: #F47A00;
}
/* footer menu */
#menu A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    FONT-FAMILY: Verdana, Tahoma, san-serif;
    TEXT-DECORATION: underline;
}
#menu A:active
{
    COLOR: white;
 }
#menu A:visited
{
    COLOR: #C0C0C0;
 
}
#menu A:link
{
    COLOR: #006C90;
}
#menu A:hover
{
    COLOR: #F47A00;
}
/* 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 */
}
.top
{
	 BACKGROUND-IMAGE: url(../images/anthonypeaketop.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;
}
.topsideleft
{
	 BACKGROUND-IMAGE: url(../images/anthonypeaketopsidesleft.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;
}
.topsideright
{
	 BACKGROUND-IMAGE: url(../images/anthonypeaketopsidesright.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;

}

.bottom
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakebottom.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;
   	 background-color: transparent;
	 font-size: xx-small;
	 color: white;
	 font-weight: bold;
}
.bottomsideleft
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakebottomsidesleft.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;
}
.bottomsideright
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakebottomsidesrigh.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: no-repeat;
}
.bottomleftfill
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakebottomleftfill.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: repeat-y;
}
.bottomrightfill
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakebottomrightfill.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: repeat-y;
}
.fillerleft
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakefillerleft.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: repeat-y;
}
.fillerright
{
	 BACKGROUND-IMAGE: url(../images/anthonypeakefillerright.jpg);          /* can also be a url - url (../images/backgroundimage.jpg) */
	 background-repeat: repeat-y;
}
.paddedright
{
	padding-right: 10px;
}
.paddedleft
{
	padding-left: 5px;
}
.button
{
	background-image: url(../images/button.jpg);
	border: 1px;
	border-right-color: blue;
	border-bottom-color: blue;
	border-left-color: orange;
	border-top-color: orange;
	border-style: solid;
}
/* 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 

*/