/* 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;	
	background-image: url(../images/anthony-peake-bg.jpg);
    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: #f0fcff;;	
	FONT-FAMILY: Tahoma, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-SIZE: medium;  
	color: #000000;
	line-height: 150%;
}
.mainpacket
{
max-WIDTH: 1000px;
margin: 40px auto 0px auto;
background-color: #f0fcff;
padding: 20px;
}


/* definition of a paragraph */
P
{
padding-left: 10px; padding-right: 10px;
}
H1
{
	font-size: small;
}
/* definition for all cells */
TD {}
/* Book blank background */
.book { background-image: url(../images/book-blank.jpg); background-position: 50% 0; background-repeat: no-repeat; width: 156px; height:200px; padding: 10px; font-size: large; }
/* 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 { font-weight: bold; font-size: xx-small;}
#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;
}